IntegrationsFramer
Add AI Search to your Framer website
What is Framer
Framer is a tool for creating interactive websites.
Get an API key
- Go to the Inkeep Dashboard
- Select your project under Projects
- Go to the Integrations tab
- Click on Create integration
- Select Web
- Provide a Name.
- Specify a URL for where this integration will be used.
- For production API keys, leave Enforce referrer URL checked.
- Click on Create
- Click the Example < /> button to get your API key and view suggested settings
For local or staging API keys, see here.
Connect the script
- Open Site Settings in the drop-down menu
- Click on the Open Settings tab
- Go to the General section
- Add the below to the Start of
<head>
tag section
Creating the container
Add a widget container to the page using the built-in Framer functionality.
- Select an area to add a container
- Select the Embed item in the Utility section

- Add an html element to the page

- Specify the ID of the container to be
inkeepSearchBar

Initialize the widget
Next, paste the script below into the End of <body>
tag section:
Save custom code
Click on the Save button. Navigate to your web application and reload the page, to make sure the widget is installed correctly.
For a full list of customizations, check out the Search Bar documentation.