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.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 with the theme editor
Step 1: Open the theme editor
In Shopify admin, go to Online Store → Themes and click Customize on your theme.Step 2: Pick the page template
Use the page selector at the top to choose where the flipbook goes — a page, the home page or a product template.Step 3: Add a Custom Liquid section
Click Add section and choose Custom Liquid.Step 4: Paste the embed code
Paste the code from HB Flipbook into the Liquid code box.Step 5: Save
Click Save and view the page in your store.
Alternative: the page content editor
For a standard page, open Online Store → Pages, edit the page, click the Show HTML button in the content toolbar and paste the code. Shopify's content editor may remove scripts, so use the fixed-size embed (Responsive off) here.
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 in the Shopify App Store?
No. You paste the standard embed code into your theme — no app install needed.
I don't see a Custom Liquid section.
Custom Liquid is offered by most current Shopify themes. If yours doesn't have it, use the page editor's Show HTML option with the fixed-size embed, or ask your theme developer.
Can I put a catalogue on a product page?
Yes. Add the Custom Liquid section to the product template. Note that it then appears on every product using that template.
Will it slow my store down?
The embed loads lazily, so it waits until it's near the visible part of the page.