Overview
You embed a Flipsnack flipbook on Weebly by copying the embed code from your flipbook's Embed tab in the Flipsnack library, then pasting it into a Weebly Embed Code element on the page you're editing. Save the page and the flipbook displays inline on your Weebly site.
To embed a flipbook from your Flipsnack library on your Weebly website, you need to follow these steps:
1. Log in to your Flipsnack account and go to Content. Select the flipbook you want to embed and click the three vertical dots out to the right. Next, click on the Embed.
2. From the newly opened tab, click the blue Copy button located under the Copy embed code section.
3. From your Weebly account, select the site you want to edit in the Sites section and then click Edit Site.
4. Under the Basic section of the Build tab you can find the Embed Code element. Drag this element to the page you wish to get started.
5. Once the element is placed, click inside the Embed Code element and select Edit Custom HTML.
6. Then simply paste the embed code in place and click outside of the element.
7. Congratulations, you have successfully embedded your flipbook on Weebly!
That's all it takes. With just a few clicks, a copy, and a paste, you can easily embed your flipbook on Weebly.
Additional tips / FAQs
- If I modify the flipbook, will the embed code automatically be updated? Yes, if you edit the flipbook after you embed it somewhere, the changes will appear automatically on your website. You don't have to re-embed it.
- How can I customize the background color of a flipbook? Open the flipbook's Customize page and go to Branding, where Background type lets you set a color, a gradient or an image. See how to customize your flipbook player settings and controls.
Next steps
- Find out how you can share your flipbooks to get more exposure.
- Learn how to embed your flipbook into your website.
- Integrate the GTM ID in the flipbook to track analytics for your embedded flipbook.
- Check out our article on domain restriction to ensure that your flipbook's embedding will work only on your site.
Need expert support?
Our team is here to help. Connect with our team experts or message us via the live chat for personalized assistance.