Embed a folio on your website
Step 1: Find the “Get Link” Menu
To find the “Get Link” menu, simply click on the arrow in the top-right corner (see below.)
Step 2: Turn Link Sharing On
Your folio is automatically set to be private. To change that, turn Link Sharing On by clicking in the toggle. In this menu, you can find the direct URL to your folio and several other options to share your folio via social networks or email.
Step 3: Copy the Embed code
In the Embed section, you’ll find an HTML code for your folio that you can embed. Click in this text field, it will automatically highlight, and you’ll be able to copy the code.
Step 4: Paste the code into your website’s script
Your website editor may look different from the one below. This screenshot is for a WordPress blog post. Depending on what service you are using, you should be able to find a “Text”, “HTML”, or “Insert Code” button somewhere in the editing field. Here, you’ll be able to paste the embed code where you want your folio to appear.
(Optional) Step 4: Adjust iframe size
The code automatically sets the width of your folio to 100%, meaning it will span the width your editor allows. You can input a preferred width (for example: 600px). Similarly, the height can be adjusted depending on how much content you want to appear. There will be a scrollbar in the frame if your content height exceeds the amount that you set.
If the folio’s iframe code isn’t showing as the full web page, you can adjust the settings on your CMS by searching the web to find out how to make an iframe code fill the page on the particular web host you’re using.
See a live example of an embedded folio here and on our press page.
Here are other ways you can share folios:
- Publish and Share the folio as a live web link.
- Present the folio as a digital slideshow
- Export a PDF (paid feature) or PNG.
- Collaborate on folios with team members and guests.
- Transfer ownership to someone else.
You can also check out these other help articles to learn about working with folios:
- Creating folios
- Working with modules
- Working with canvases
- Working with sections
- Collaborating on folios
- Sharing folios
- Saving folios as templates
- Managing folios on the team dashboard
Or check out these articles to learn more about getting started in Xtensio: