Skip to main content
Webflow

Webflow

Integration guide

approx. 5 min 4 steps

Add stories to your website

Show Gobi stories on your Webflow site with embed code in two steps: script in project settings and embed component on the page.

1

Create a story in Gobi Studio

Go to studio.gobistories.com and log in. Create a new story with short videos and/or images, and publish it.

studio.gobistories.com
2

Customise and copy the code

Go to "Website" in the side menu in Gobi Studio. Click "Choose stories to embed", select the story you want to use and customise the appearance. When you're happy, click "Add to Site" and then "Copy code" to copy the script tag and HTML code.

3

Add the script in Webflow

Log in to Webflow and go to "Project Settings" → "Custom Code". Paste the script tag from step 2 into the "Head Code" field and save.

4

Add an embed component to the page

Open the Webflow Designer, drag in an "Embed </>" component where you want stories to appear. Paste the HTML code (without the script tag) from step 2 and publish.

💡 Stories won't show in the Webflow editor, but they'll appear on the published site.
🎉

Did it work?

Let us know if you got it working, or if you need some help.