Skip to main content

Embed a plan from the catalog

Put a free preview of a catalog shed or coop plan on your own site, with the credit line that comes with it.

Updated

Any shed or coop plan in the public catalog can be embedded on another website, such as a blog post or a club page. The embed shows the plan's preview, its name and size, and an Open this plan — free button that opens the plan in a new tab. You do not need an account.

This is different from your own configurator. To embed that, see Put the configurator on your website. To embed a design you made, see Share or embed a design.

Get the embed code

  1. Open a plan's page in the shed or coop catalog.
  2. Select Embed this plan on your site.
  3. Pick a tab:
TabUse it when
IframeAlmost any site. Paste it into an HTML or custom-code block.
ScriptYour site allows scripts. It sizes itself to your page.
LinkYour platform turns a bare link into a preview.
CreditYou want your own credit line. It is optional.
  1. Select Copy and paste the code into your page.
The Embed this plan dialog on the Iframe tab with the embed code and the Copy button ringed.
The embed code dialog.
The embedded plan preview with its name, size and the Open this plan, free button ringed.
How the embed looks on your page.

The Iframe and Script tabs show a live preview of the embed.

The credit line

The Iframe and Script embeds come with a credit line: "View this plan on ShedBuilder.ai". Embedding is free as long as you keep it. The Credit tab gives you an extra credit you can word and link any way you like. It does not replace the one in the embed.

Read the full rules in the embed terms.