Deploy to Framer

This guide walks you through integrating your SketricGen Brand Agent with your Framer website using the chat widget embed code. Use it when you want a website chatbot for visitor questions, lead capture, product guidance, or support intake.

​

Step 1: Create Your SketricGen Account

To get started with the integration, sign in to your SketricGen account. If you don’t have an account yet, you can create one for free. Once you’re logged in, begin setting up your Brand Agent by uploading your data sources. These can include files, text snippets, websites, or Q&A pairs, which will serve as the knowledge base for your Brand Agent. If you need assistance with setting up a working SketricGen Brand Agent, refer to our step-by-step guide for creating and deploying your Brand Agent.

​

Step 2: Copy the SketricGen Brand Agent Embed Code

After configuring your Brand Agent, go to the Brand Agent dashboard and click Publish to copy the embed code. Important: Ensure your Brand Agent is set to Public in order to add it to your Framer website.

​

Step 3: Add Code to Your Framer Site

​

Access Site Settings

1. Log in to your Framer account and open the site where you want the SketricGen Brand Agent widget to appear
2. Navigate to Site Settings

​

Insert Custom Code

1. Go to the Custom Code section in site settings
2. Paste the embed code you copied in Step 2
3. Click Save

​

Publish Your Changes

Publish your site to make the Brand Agent widget live and visible to visitors.

​

Step 4: Test Your Integration

After publishing, visit your Framer website to test the chat widget functionality. Success: You have successfully integrated the SketricGen Brand Agent widget. Visitors can now chat with your Brand Agent and get tailored responses.