Embed your CustomGPT.ai agent into Pendo Resource Center

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 and click Deploy.

3. Click Make Public to enable external access to your agent.

4. Click the Integration tab.

5. Scroll down to the Pendo section and click code icon to expand the integration options.

6. Copy the provided embed link.

7. Click the Settings icon next to the Pendo integration.

8. Adjust the agent icon position, icon size, chat window position, and agent behavior to control how your agent appears and interacts and click Save.