How to Embed a Guide on Your Website

Start the Guide
embed a guide on your website

How to Embed a Guide on Your Website

It's now possible to display guides on your website or blog. This guide will show you how!

3.8k Views
Step 1 of 8
Head to the web version of the guide you would like to display.

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

Step 2 of 8
Click the Embed button that is next to Supplies.

Click the Embed button that is next to Supplies.

Step 3 of 8
A pop-up dialog box will appear that gives you a preview of the embedded guide. You have the option of choosing from two different sizes. Click on Wide and Narrow to view each size.

A pop-up dialog box will appear that gives you a preview of the embedded guide. You have the option of choosing from two different sizes. Click on Wide and Narrow to view each size.

Step 4 of 8
Once you have decided which size is best for your site, copy the HTML that appears above the preview. Make sure you scroll down and select all of the code!

Once you have decided which size is best for your site, copy the HTML that appears above the preview. Make sure you scroll down and select all of the code!

Step 5 of 8
Paste the code into your website. The picture above shows up pasting the code on Tumblr.

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

Step 6 of 8
You can embed on most sites, including Blogger, Tumblr, and self-hosted Wordpress sites. Embedding won’t work on blogs hosted by wordpress.com. Here’s an example of a narrow embed.

You can embed on most sites, including Blogger, Tumblr, and self-hosted Wordpress sites. Embedding won’t work on blogs hosted by wordpress.com. Here’s an example of a narrow embed.

Step 7 of 8
If you chose the wide version, this is what the guide should look like once embedded. It will automatically link to the guide on Snapguide.

If you chose the wide version, this is what the guide should look like once embedded. It will automatically link to the guide on Snapguide.

Step 8 of 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.

You're Done

Check out other guides by this author!

San Francisco
snapguide.com
We are the team behind Snapguide. Feel free to message us if you have any questions or see something that could be improved!

Keep Exploring

Start Over

6 Comments
Supplies

Blog or Website

A guide you want to share

Joe Mccoppin

So far this may be an amazing opportunity for my business. can anyone tell me how using SG has helped or hurt their business?

Joe Mccoppin 5 months ago

Brittney Riley

@R Lewis the embed option is only available on the web, sorry about that!

Brittney Riley 5 months ago

R Lewis Cordell

Can the embed code be gotten from a mobile device? I only see a copy URL option viewing your Snapguide from my iPad

R Lewis Cordell 5 months ago

Paphada Peetik

I try

Paphada Peetik 6 months ago

Mediaflo McGee

Useful for personal wiki 's

Mediaflo McGee 8 months ago

Miss Apple

Awesome. Now I know what to do if I ever start my own site. :)

Miss Apple 8 months ago

Be first to comment on Step 1.

Jasmine Sykes

Thanks

Jasmine Sykes 5 months ago

Jasmine Sykes

How to u get to the home page

Jasmine Sykes 5 months ago

Be first to comment on Step 3.

Be first to comment on Step 4.

Be first to comment on Step 5.

Be first to comment on Step 6.

Be first to comment on Step 7.

Be first to comment on Step 8.