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 "Add to website" in the left-hand menu in Gobi Studio. Select the story you want to use and customise the appearance. When you're happy, 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.