Website Installation

​

Installation Methods

​

JavaScript (Any Website)

1. In the Installation tab, locate the JavaScript embed code block.
2. Click the copy button in the top-right corner of the code block to copy the snippet to your clipboard.
3. Paste the code into your website’s HTML, just before the closing </body> tag.
4. Save and publish your website changes.

<script>
(function() {
    window.RevveConfig = {
      chatbotId: "your-chatbot-id-here",
      // Optional: Override API host (for development/self-hosted)
      // apiHost: "https://app.revve.ai",
      // Optional: Enable debug logging
      // debug: true,
      // Optional: Hide launcher button on load (show programmatically later)
      // hideLauncher: false
    };

    var embedScript = document.createElement('script');
    embedScript.src = "https://d26hsuee5yd7xd.cloudfront.net/assets/embed.min.js";
    embedScript.setAttribute('data-no-defer', '');
    document.head.appendChild(embedScript);
})();
</script>

​

Configuration Options

​

WordPress

1. In the Installation tab, click the Download WordPress Plugin button.
2. In your WordPress admin, go to Plugins > Add New > Upload Plugin.
3. Upload the downloaded plugin file and click Install Now.
4. Activate the plugin.
5. Go to WP Admin > Settings > Revve Options.
6. Enter your Chat Agent ID (shown on the Installation tab) and click Save.

​

Best Practices

• Test before going live. After installation, visit your website in an incognito/private browser window to verify the widget appears and works correctly.
• Check mobile. Make sure the widget looks and functions properly on mobile devices.
• Use debug mode during setup. Enable debug: true in the config while testing to see helpful messages in your browser’s developer console. Remove it before going live.
• One widget per page. Only install one Revve chat widget per page. Installing multiple widgets on the same page may cause conflicts.

​

Troubleshooting

​

Next Steps

• Customize widget appearance
• Configure bubble messages