With Flipsnack, it’s really easy to display an interactive, page-flip catalog on your Wordpress site or blog. This article will teach you exactly what you need to do to embed flipbooks in your Wordpress site or blog.
To start with, you’ll need a Flipsnack account and a Wordpress site or blog.
There are 2 types of Wordpress sites or blogs:
- wordpress.org - free WordPress software to download and install on your own web server
- wordpress.com - the platform does it all; no need to download software, pay for hosting, or manage web servers
So the main difference between wordpress.org and wordpress.com is hosting, but it also matters when we talk about embedding.
If you have a wordpress.org site or blog (you have your own hosting solution), you can simply follow the steps listed in the section below - it's very easy and straightforward. However, the Free, Personal and Premium version of Wordpress.com sites do not support iframe widgets, so you would need the Wordpress Business plan in order for the embed to work. If you’ll follow the steps below you’ll see that the Wordpress system is going to strip out the embed code, so it will disappear after publishing your post or page.
We’re currently looking for a solution that would work for all Wordpress sites, including the free .com version, but at the moment this is how things are.
How to embed flipbooks in your Wordpress site
First off, you’ll need to create your page-flip magazine or catalog, and get the embed code. Then you’ll need to log in to your Wordpress site.
1. Edit the page or post in which you want to integrate your flipbook.
2. Next find the place where you want to insert the embed, and click the "+" sign to Add block.
3. Select Custom HTML in the Formatting section
4. Paste the embed code, then click Preview (right next to HTML) to see the flipbook.
5. Now you can Publish the page to see it live.
If you’re using a special page builder (such as Elementor, Divi, etc) rather than the default Wordpress editor to create or edit content, you will have to look for the Add Custom HTML option available in your page builder. Once you find it, you can then simply paste the embed code and then publish the page.