Skip to main content
Teamtailor

Teamtailor

Integration guide

approx. 10 min 7 steps

Add stories to your career page

Show employee videos on your Teamtailor career page so visitors see them right away.

1

Check that Custom DNS is enabled

To use "Custom HTML and CSS" blocks in Teamtailor, Custom DNS must be enabled for your account. Contact Teamtailor support if you're unsure whether this is set up.

💡 Without Custom DNS the HTML blocks won't work, and Gobi stories can't be displayed.
2

Create a story in Gobi Studio

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

3

Add the Gobi script in Teamtailor

Log in to Teamtailor with a user that has the "Company Admin" role. Click "Content" in the top menu, then the paintbrush icon to edit global design. Scroll down to "Custom Javascript" and paste the script code. Click "Save" and then "Publish".

💡 You only need to do this once. The script enables Gobi on both the career page and in job postings.
Code
<script src="https://widget.gobistories.com/gwi/6" async onload="gobi.discover()"></script>
Step 3: Add the Gobi script in Teamtailor
4

Customise the code in Gobi Studio

Go to "Website" in the side menu in Gobi Studio. Click "Choose stories to embed", select the stories and customise the appearance of the bubbles. Click "Add to Site", select the code style "Gobi Discover Classes" and copy only the div code — not the script tag.

💡 The div code starts with <div class="gobi-stories ..."> and contains the appearance settings.
5

Add a new block to the career page

Go to the career page in Teamtailor. Click the "+" button at the bottom to add a new block.

💡 We recommend placing stories below the hero image so they're one of the first things candidates see.
Step 5: Add a new block to the career page
6

Select "Custom HTML & CSS"

In the block library, click "Custom HTML &..." in the left-hand menu to add the block to the career page.

Step 6: Select "Custom HTML & CSS"
7

Paste the code and publish

Paste the div code from Gobi Studio into the HTML field in the block. Publish the changes.

Step 7: Paste the code and publish
🎉

Did it work?

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