Skip to content
YourGPT logo (light mode)
GPT Chatbot for Framer | Installation Guide

Installation

  1. Get Widget Code:
    • Sign in to your YourGPT dashboard
    • Go to Integration section
    • Copy the widget code provided for your chatbot
  2. Access Framer Project:
    • Log in to your Framer account
    • Navigate to your project dashboard
    • Select your target website project
  3. Locate Page Settings:
    • Find your desired page in the left panel
    • Click the three-dot icon next to the page name
    • Select “Settings” from the menu
  4. Access Custom Code Section:
    • Scroll down in Settings
    • Locate the “Custom Code” section
  5. Add Widget Code:
    • Paste your copied YourGPT widget code into the “Start of <head> tag” box
    • Click “Save” in the top right corner
  6. Verify Installation:
    • View your page
    • Look for the YourGPT chatbot icon in the bottom left corner
    • Test the chatbot functionality

Troubleshooting

If the chatbot isn’t appearing:

  • Verify the code was pasted in the correct section (Start of <head> tag)
  • Ensure you clicked the Save button
  • Clear your browser cache and refresh the page
  • Check if your YourGPT account is active

Need help? Contact us via Website, write us on Mail or join our Discord community.