Part 1: copy your embed code from HB Flipbook
Step 1: Publish the flipbook
The embed only shows your flipbook once it's published.Step 2: Open Share → Embed
In the editor, go to the Share tab and select Embed.Step 3: Choose a size
Leave Responsive on to fit the width of the space you paste it into, or turn it off and set a fixed Width and Height. For Wix, turn Responsive off and choose a fixed size.Step 4: Adjust the reader
Choose the Start page, Viewer mode, background, corners and which controls appear. The Live Preview updates as you go.Step 5: Copy Embed Code
Press Copy Embed Code. Your settings are saved with the publication.
Part 2: add it in the Wix Editor
Step 1: Open Add Elements
In the Wix Editor, click Add Elements (+) on the left.Step 2: Choose Embed Code → Embed HTML
Drag the Embed HTML element onto your page.Step 3: Paste the code
Click Enter Code, choose Code (not Website address), paste the embed code and click Update.Step 4: Resize the element
Drag the element's handles to match the width and height you set in HB Flipbook.Step 5: Check mobile, then publish
Switch to the mobile view, adjust if needed, and publish your site.
After it's embedded
Edits you make to the flipbook in HB Flipbook show up in the embed automatically. If you change embed settings such as size or controls, copy the new code and replace the old one. Views from embedded readers are counted in your flipbook views.
Frequently asked questions
Is there an HB Flipbook app for Wix?
No. Wix's own Embed HTML element works with the standard embed code.
Why use a fixed size in Wix?
Wix places embedded code in its own box with a size you set in the editor, so the automatic height adjustment can't resize it. A fixed width and height matching the box gives the most predictable result.
The flipbook looks cut off.
Make the Wix element at least as large as the width and height you chose in HB Flipbook, or reduce those numbers and copy the code again.
How does it look on phones?
Wix has a separate mobile layout. Check the element in the mobile editor and resize it there if needed.