Teamtailor

Integration guide

Career page 10 min Job listing 10 min

approx. 10 min 6 steps

Add stories to job postings

Show employee videos directly in each job posting in Teamtailor.

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.

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.

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".

💡 If the script has already been added, you can skip this step.

Code

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

Customise the code in Gobi Studio

Go to "Add to website" in the left-hand menu in Gobi Studio. Customise the appearance of the bubbles. Click "Show advanced", scroll down to "Code style" and select "Gobi Discover Classes". Copy only the div code — not the script tag.

💡 Important: You must select "Gobi Discover Classes" as the code style for the code to work in job postings. The div code starts with <div class="gobi-stories ...">.

Open code mode in the job posting

Go to the job posting you want to edit in Teamtailor. In the "Job Description" editor, click the "</>" icon in the toolbar to open code mode.

Paste the code and publish

Paste the div code from Gobi Studio into the source code. Click "</>" again to return to the normal view, and publish the job posting.

💡 You must close code mode before saving. Teamtailor does not save changes made in the HTML view.

🎉

Did it work?

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