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 458 Likes 15 Comments
Image for Step 1

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

Image for Step 2

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

Recommended For You
Image for Step 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.

Image for Step 4

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

Image for Step 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!

Image for Step 6

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

Image for Step 7

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

Image for Step 8

For Feedback on Embedding guides, please send a private message to Snapguide Team or email us at

keyboard shortcuts:     previous step     next step
View More Comments