How to Embed a Flipbook on your Store
To embed a flipbook on your store, you can follow these steps:
Add a new page to your store: Go to your store's website builder or content management system (CMS) and create a new page where you want to embed the flipbook. This step may vary depending on the platform you are using.
How to do it on Shopify:
How to do it on Bigcommerce:
Click the "</>" button to display the HTML code: Once you are on the new page editor, look for an option to edit the HTML code or insert custom code. Click on the "</>" button or a similar option to open the HTML editor.
Copy/paste the embeddable code located on the right hand side: Obtain the embeddable code for the flipbook you want to add. This code is provided by our app. It will be in the form of an iframe code or a JavaScript snippet. Copy the code.
How to do it on Shopify:
How to do it on Bigcommerce:
Paste the embeddable code into the HTML editor: In the HTML editor, find the appropriate location on the page where you want to embed the flipbook. Paste the embeddable code into that location.
Save your new page: After pasting the embeddable code, save the changes you made to the HTML code. This will update the page with the embedded flipbook.
How to do it on Shopify:
How to do it on Bigcommerce:
Once you have completed these steps, the flipbook should be embedded and visible on the designated page of your store. Make sure to test it on different devices and browsers to ensure proper functionality.
Also we have provided video instructions for your convenience, if you prefer visual guidance.
Optional: Add this page to your store navigation by following these Shopify Instructions, Bigcommerce Instructions
Related Articles
Steps to embed a Flipbook Button on your store
We're excited to introduce a new feature in our application that enables you to easily add a customizable catalog button to any page of your website. With this feature, you have full control over the button's appearance and behavior. Here's how you ...How to change the background color of your Flipbook
With Flipbook, you have complete control over the appearance of your interface, including the ability to customize the background color. This feature allows you to tailor the visual experience of your flipbook to align with your brand or desired ...How to change links color of your Flipbook
Flipbook offers you the flexibility to customize the color of links within your flipbook. With this feature, you can easily adjust the appearance of hyperlinks to match your desired style or branding. By changing the links color, you can create a ...Edit tool: How to use it
The Edit tool is a feature within our application that allows you to make changes and modifications to your Flipbooks. It provides a user-friendly interface for you to edit and update your files without requiring technical expertise. Here's a general ...Why are the links not working on my Flipbook?
Adding links and linking your products is very simple in our app, but some problems can prevent you from adding links or redirecting you to the correct pages. Here I mention the issues why your links are not working: -If the first page of your PDF is ...