Skip to main content

Integrate your banner widget on Framer

This guide provides a step-by-step process for embedding your Snackeet widget into your Framer website.

Written by Snackeet Team

πŸ’‘ To quickly get started, you can Remix our Project and test for yourself.
​

πŸ‘‰ If you already have a website on framer, you can do the following steps

2/ Paste into Framer

In your Framer project, add a new "Embed" component to the page where you want the widget to appear. Paste the copied component link into the "URL" or "Source" field of the Embed component.

3/ Position the Widget

Position the component within your Framer design to place the Snackeet banner widget in your desired location.

4/ Copy the snkId Property

Locate the embed script for your Snackeet banner. This script will contain a parameter similar to snktId="YOUR_ID". Copy the value of YOUR_ID.

4/ Set the snktId Property

In Framer, select the Embed component and find the component's properties. Add or edit a property named snktId and paste the copied ID value. This step is crucial for the widget to function correctly.

5/ Preview and Publish

Preview your Framer project to ensure the widget is displayed correctly. Once satisfied, publish your Framer site.

Note: Modifying the content of your Snackeet widget in the Snackeet platform will automatically update the widget on your Framer website without requiring any changes to the embed code.

Did this answer your question?