Embed your CustomGPT.ai agent into Pendo Resource Center

Overview

This guide explains how to embed your CustomGPT.ai agent into the Pendo Resource Center. By following these steps, you can seamlessly integrate your chatbot into Pendo to provide instant support and information to your users.

Steps to embed your CustomGPT.ai agent

1. Log in to Pendo.

2. Navigate to Resource Center.

3. Click Add Modules.

4. Select Code Sandbox, and confirm by clicking Add Modules.

5. Select the sandbox module and click Manage in My App.

6. Provide your app URL, and click Launch Designer.

7. In the HTML tab, enter the following code snippet:

<div id="customgpt_chat" style="height:100%" class="cgptcb-chat-box"></div>

8. In the JavaScript tab, enter the following snippet, and click Save.

(function() {
    var script = document.createElement('script');
    script.src = "https://cdn.customgpt.ai/js/embed.js";
    script.type = "text/javascript";
    
    script.setAttribute('div_id', 'customgpt_chat');
    script.setAttribute('p_id', 'YOUR_AGENT_ID');
    script.setAttribute('p_key', 'YOUR_AGENT_KEY');
    
    script.async = true;
    document.head.appendChild(script);
})();

Make sure to replace YOUR_AGENT_ID and YOUR_AGENT_KEY with the actual values for your project.

Adjusting agent height in Pendo Resource Center

If the agent’s height does not fit your Pendo Resource Center window:

1. Go to CustomGPT.ai.
2. Select your agent.
3. Navigate to the Deploy page and open Embed Settings.

4. Find the correct height that works for your Pendo Resource Center window and click Save.

👍

Congratulations! You've successfully integrated CustomGPT.ai into your Pendo Resource Center site. Enjoy enhanced AI functionality on your platform!