How to Embed a Guide on Your Website

We've updated the way you can display guides on your website or blog. This guide will show you how!

12.1k Views 459 Likes 15 Comments
1
Head to the web version of the guide you would like to embed.

Head to the web version of the guide you would like to embed.

2
Click 'Embed' next to 'Print' on the guide viewer to get the embed code.

Click 'Embed' next to 'Print' on the guide viewer to get the embed code.

Recommended For You
3
A pop-up dialog box will appear that gives you a preview of the embedded guide. You have the option of choosing from three different sizes options.

A pop-up dialog box will appear that gives you a preview of the embedded guide. You have the option of choosing from three different sizes options.

4
You also have the option of choosing the highlight color of your guide.

You also have the option of choosing the highlight color of your guide.

5
Once you have decided the size and color of your embedded guide, copy the HTML that appears above the preview. Make sure to scroll down and select all of the code!

Once you have decided the size and color of your embedded guide, copy the HTML that appears above the preview. Make sure to scroll down and select all of the code!

6
Paste the code into your website. The picture above shows pasting the code on Blogger.

Paste the code into your website. The picture above shows pasting the code on Blogger.

7
Here is an example of how the embedded guide looks on a Blogger site.

Here is an example of how the embedded guide looks on a Blogger site.

8
For Feedback on Embedding guides, please send a private message to Snapguide Team or email us at feedback@snapguide.com.

For Feedback on Embedding guides, please send a private message to Snapguide Team or email us at feedback@snapguide.com.

keyboard shortcuts:     previous step     next step
Comments
15 COMMENTS
View More Comments