Integration Guides

Gobi works with most modern content platforms and websites. Find an integration guide for your system.

Create story

Sign into https://studio.gobistories.com/.

Create a new story.

Upload short videos and images to your story.

Publish the story.

Customize code snippet

Open the Code editor by clicking the “Add to Website” button.

Customize the look of the Bubble to fit your design.

Copy the generated code snippet.

‍

Adding the script to your Hubspot website

To make Gobi work on your website, first you must apply our script to the <head>

Go to "settings" on the Hubspot website and go to "Advanced"

Copy the below into the "Head HTML" field like the picture below and apply.

<script src="https://widget.gobistories.com/gwi/6" async onload="gobi.discover()"></script>

‍

‍

Add a Story to your Hubspot website

Go to your Hubspot website and add a vidoe module

Choose embed code instead of embed URL

Go to Gobi Studio and copy the <div> code you've generated (NB! Do not copy the <script>)

Paste the <div> code into the "embed code" field like in the picture below

‍NB! The website editor can show a bubble inside the video when clicking the bubble, but that will not be there if you publish or watch the preview.
‍

Example code:

<div class="gobi-stories"
  data-gobi-stories="5aqy4"
  data-gobi-color="#00b9f1"
  data-gobi-bubble-size="145px"
  data-gobi-animated-bubble="true"
  data-gobi-show-play-icon="true"
  data-gobi-disable-shadow-dom="false"
  data-gobi-inherit-text-font-family="true"
  data-gobi-auto-start-with-sound="true"
  data-gobi-auto-start="false">
</div>

‍