How to install your Shareable on a Webflow Website

What you need before you get started

A published Shareable Template. If here you need help setting up a Shareable Template, Click here
A Webflow account and a website where you want to install your template

1. Go to your Webflow website editor

Log in to your Webflow account and choose the website where you'd like to add the Shareable template.

Once you've opened your website editor, navigate to the page or section where you want to install your Shareable Template.

2. Add code element to a page

Click on Plus icon, then drag and drop the Embed element from the left-hand menu to the place on your website where you'd like the Shareable template to be displayed.

3. Paste in your Shareable installation code

Paste your installation code into Webflow's HTML Embed Code Editor window that appears and click Save & Close.

After you've hit Save & Close, the template won't appear yet. Don't worry that is supposed to happen!

If you don't have your Shareable installation code, follow these steps:
Click this link to open your Shareable Dashboard
Open the Shareable template you want to install by clicking Edit Shareable, this will open the Editor for that Shareable
In the top-right corner of Editor, click the Install button. If you cannot click Install, you will need to publish your template first
After clicking Install you will see a code snippet you can copy. This is your Shareable Installation code. Copy all of the code in this snippet
Once copied come back to this tutorial and paste that code into Webflow's HTML Embed Code Editor on your website

4. Publish Website

When you're ready, click Publish and press Publish to Selected Domains in top right hand corner of Webflow's editor.

Congratulation, You have successfully added your Shareable template to a specific page of your Webflow website!