How to embed my flipbook on the Wix website?

As you know, Publuu allows you to embed your flipbooks into your website or blog to present your content to a larger audience.

Today we will show you how to embed your flipbook into the Wix website – follow the steps below to do it successfully.

First, you need to copy the embed code to your flipbook. To do so, go to your flipbook’s control panel, click EMBED to enter the editor,

embed

and copy the embed code on the right. It will be stored in your clipboard.

embed code copying

For more detailed information on how to embed your flipbooks into any other website visit this article: How do I embed a flipbook into my website?

Then, go to Wix and log into your account. As soon as you do so, skip to your website editor.

Now, click the ADD ELEMENTS button on the left-hand panel.

add elements button

Then head over to the EMBED CODE – click it,

embed code

and then select the EMBED HTML button.

embed html button

After doing so, you’ll see a window on the screen. Make sure the selected option is CODE.

code option

All you have to do now is to paste the embed code of your flipbook in the text field, and press UPDATE.

paste an embed code

Well done! You have just embedded an online flipbook into your Wix website.

Notice!

If you have the embed protection function enabled, the process of embedding your flipbook on your Wix website slightly differs.

Carry on reading to learn how to embed your flipbook with the Embed Protection function on.

Once again, open the Wix website editor. Select ADD ELEMENTS,

add elements button

then EMBED CODE,

embed code

and choose EMBED A SITE.

embed a site button

Next, paste a direct link to your flipbook (not the EMBED CODE!) in the field, and remember to add ?embed at the very end of the URL, just like below:

a link to your flipbook

As you do so, press the UPDATE button below and that’s all!

Since you used the Embed Protection feature to embed your flipbook, you may also be interested in selling your flipbooks – here we discuss how to sell your flipbooks on Wix and Squarespace: How do I sell my flipbooks?

Notice!
If you have issues regarding the fullscreen view of your embedded flipbook on the Wix site, please follow the steps below.
In the page editor, go to the “Dev Mode” tab and enable “Developer Mode”.
to view your flipbook on fullscreen, go to the dev mode tab and enable developer mode in wix site
Next, in the page code, select and click the “masterpage.js” file.

select and click the “masterpage.js” file to fix the fullscreen issue

 

Now you need to copy the following code:
$w.onReady(function () {
$w(“HtmlComponent”).allowFullScreen();
});
and paste it in the “masterPage.js” file.
paste the code in the "masterPage.js" file to fix the view in fullscreen issue occuring on wix
Once you are done, make sure to click the “Preview” or “Save” button in the upper right corner to save changes.
save or preview changes on your wix site

 

You may be also interested in:

How to share a flipbook on social media?
How to create the Virtual Bookshelf?
How to embed a flipbook into a Shopify page?

Arrow back
Back

At Publuu.com, we use cookies to improve your browsing experience, understand how our site is used, and deliver personalized content and ads. For more information, please check our Cookie Policy.

Manage Cookies

At Publuu.com, we use cookies to improve your browsing experience, understand how our site is used, and deliver personalized content and ads. For more information, please check our Cookie Policy.

Essential Cookies

We rely on essential cookies to ensure our website functions smoothly for you. These cookies enable basic navigation and allow you to use our site effectively.

Advertising

We use marketing cookies to show you ads tailored to your interests. These cookies help us evaluate how effective and relevant the ads are for you.

Performance

We use performance cookies to analyze how you engage with our website. They help us identify the most appreciated content and track visitor navigation patterns, enabling us to enhance your overall experience.