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

  1. Turtl standard embed

  2. Alternative iframe embed

Let's take look at both in detail.

1. Turtl standard embed

1.1 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'.

1.2 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

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

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

Did this answer your question?