All Collections
Publishing Turtl Docs
Sharing Docs
Embedding a Turtl Doc on your website
Embedding a Turtl Doc on your website
Learn how to share your content on your website
Dominic Adams avatar
Written by Dominic Adams
Updated over a week ago

There are two ways to promote your Turtl Doc on your company website or blog:

Let's take a look at both in detail.


1. Turtl standard embed

Accessing the share tools

First, you need to access the share tools. This can be done in a few different ways:

You can share your Turtl Doc immediately after you've published it by clicking on 'Share now'.

Or access the share tools from within the Turtl Docs listing by clicking on the drop-down menu and selecting 'Share'.

Finally, to access the share tools from within the editor, click on the drop-down menu and choose 'Share'.

Configure your embed

There are several options for customizing your embed:

  1. Animation – choose how the embed should animate

  2. Size – choose the width and height of your embed

  3. More options – click here to configure advanced embed settings

Copy and paste the embed code

Your embed code will be generated automatically in the Embed code box. Simply copy and paste this into your CMS or website template, and your customized embed will appear.

Give it a try

Use the sample embed code below to try this out on your website:

<a class="turtl-embed" target="_blank" style="width: 340px; max-width: 100%;" data-turtl-embed-type="animation" data-turtl-link-text="Click to read" data-turtl-width="340" data-turtl-display-mode="lightbox" data-turtl-animation-mode="hover" data-turtl-color="#1eb1c7" data-turtl-story-id="5b68475dad01c03542b1e81b" href="https://team.turtl.co/story/content-psychology-101/?teaser=yes" title="Content Psychology 101">Click to read Content Psychology 101</a>
<!-- Please call embed.js only once per page -->
<script async type="text/javascript" data-turtl-script="embed" data-turtl-assets-hostname="https://assets.turtl.co" src="https://app-static.turtl.co/embed/turtl.embed.v1.js"></script>

2. Alternative iframe embed

If the above method is not suitable for your website, you can use a direct iframe embed. This can be achieved by pasting the following code into your website or CMS:

<iframe src="https://team.turtl.co/story/content-psychology-101?fullscreen-toggle=yes" frameborder=0 allow="fullscreen" allowfullscreen="true" width="680" height="446"></iframe>

This doesn't need any scripts in order to function, so can be useful if you do not have sufficient permissions within your CMS to use the full embed code.

You can change the URL after the src attribute in the code above to point to any content you have created in Turtl.

Please note that with iframe embed method, any UTM tags attached to the landing page will not be automatically passed over to the Turtl Doc and its analytics. Please contact support@turtl.co for more information on this.

Did this answer your question?