Integration


Integration


Website Integration


Option 1 - Automatic Single-Click integration:

  1. Go to "My Account".

  2. Select the "Website Integration" tab.

  3. Copy your page HTML (or cshtml, php, etc.) and click the "Integrate EmbedGPT.chat" button.

  4. Copy the updated page with the chat integration back into your website.

:

Snip-it Image



Option 2 - Using JS added to your website:


  1. Add this at the bottom of the body element of your HTML page:
    
    <script type="module">
    import {initEmbeddedChat} from 'https://unpkg.com/embeddedaichatux@latest/EmbeddedChat.js';
    document.addEventListener('DOMContentLoaded', function () {
        initEmbeddedChat(null, 'CHAT ID from the bottom of Website Integration tab on https://embedgpt.chat/Account page');
    });
    </script>
    
    

WordPress Integration

Option 1 - Wordpress Plugin:

  1. Download the Wordpress.EmbedGPT Plugin
  2. In the WP admin menu, click on Plugins => Add Plugins
  3. Select Choose File, select Wordpress.EmbedGPT.zip, and click Install Now
  4. Click Activate Plugin
  5. EmbedGPT AI Chat will show up in the list of plugins
  6. Click on Settings link under the plugin
  7. Follow the instructions on the plugin Settings page for configuration


Option 2 - Copy and paste the code:


  1. Firstly, you need to install the "Header and Footer Code" plugin. You can download it from the official WordPress repository at https://wordpress.org/plugins/head-footer-code/. After downloading, install and activate the plugin from your WordPress dashboard.

  2. Go to the settings of the "Header and Footer Code" plugin. You will see different sections to inject codes to Header, Footer, etc.

  3. Copy the following code block and paste it in the body section:

    <style>
    
    document.addEventListener("DOMContentLoaded", () => {
        new EmbeddedChat(null, 'REPLACE WITH CHAT ID from https://embedgpt.chat/Account page');
    });  
    </script>
                        
  4. Click "Save" to save the widget settings.

  5. Refresh your WordPress site. The Embedded Chat should now be visible on your site.