API integration
Build a custom CMS module that fetches stories automatically from Gobi. Requires developer skills.
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.
Create a CMS module
Build a custom module in the CMS that lets editors configure Story ID, bubble size, and colours. The module fetches stories automatically from Gobi's API and displays them on the website.
See the API documentation
For complete documentation of Gobi's API, including endpoints, authentication, and code examples — see docs.gobistories.com.
HTML Embed
Add a script to <head> and HTML code where you want to display stories. Works with most CMSs.
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.
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.
Add the script to <head>
Add the script tag from the previous step to the <head> section of your website. Then place the HTML embed code where you want the story to appear in the content.
iFrame
Copy the iFrame code from Gobi and paste it straight into the CMS. The simplest option.
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.
Copy the iFrame code
Go to "Website" in the side menu in Gobi Studio. Click "Choose stories to embed" and select the story you want to use. Click "Add to Site", select the code style "IFrame" and click "Copy code".
Paste into the CMS
Open the content editor in your CMS and paste the iFrame code where you want the story to appear. No extra script needed — the iFrame works immediately.