Sharing & Embedding Your Flipbook

Once your flipbook is published, you'll want to get it in front of your audience. ZenFlip gives you multiple ways to share and embed your publications.

Direct Link Sharing

Every published flipbook gets its own unique URL. To find it:

1. Open the publication from your dashboard

2. Click the Share button

3. Copy the direct link

The URL format is: https://zenflip.app/view/your-publication-slug

If you've set up a custom domain, the link will use your domain instead. You can share this link anywhere - email, messaging apps, social media, or documents.

Social Sharing

When you share your flipbook link on social media or messaging platforms, ZenFlip automatically generates a rich preview card with:

• Your flipbook's title

• The description you set in publication settings

• A thumbnail of the cover page

For the best social previews, make sure you've added a descriptive title and description in your publication settings.

Embedding on Your Website

Embedding lets you place your flipbook directly on a web page so visitors can read it without leaving your site. ZenFlip offers two embed methods.

Option 1: iFrame Embed

The iframe method is the simplest way to embed. It works on virtually any website, CMS, or landing page builder.

1. Open the publication from your dashboard

2. Click Share and then select the Embed tab

3. Choose iFrame as the embed type

4. Set your preferred width and height (or leave the defaults)

5. Click Copy Code

6. Paste the code into your website's HTML

The generated code looks something like this:

Tips for iframe embeds:

• Use width="100%" to make the flipbook responsive

• Set a height that matches your publication's aspect ratio (600px works well for most documents)

• Add allowfullscreen so readers can expand to fullscreen mode

Option 2: JavaScript Widget Embed

The JS widget embed gives you more control over the viewer's appearance and behavior. It loads asynchronously and offers a richer integration.

1. Open the publication from your dashboard

2. Click Share and then select the Embed tab

3. Choose JavaScript Widget as the embed type

4. Customize the widget options (size, autoplay, starting page)

5. Click Copy Code

6. Paste the code into your website

The JS widget embed includes a <script> tag and a container <div>. It loads the viewer dynamically and provides better performance than a standard iframe, especially for pages with multiple embeds.

Which Embed Method Should You Choose?

Our recommendation: Use the iframe if you need a quick, universal solution. Use the JS widget if you want more control or plan to embed multiple flipbooks on a single page.

Embedding in Common Platforms

WordPress

Paste the iframe or JS widget code into a Custom HTML block in the WordPress block editor (Gutenberg).

Squarespace

Use a Code Block in the Squarespace editor and paste your embed code.

Webflow

Add an Embed element to your page and paste the code.

Notion

Notion supports iframe embeds natively. Paste your flipbook's direct link and Notion will offer to create an embed automatically.

Password-Protected Flipbooks

If your flipbook uses password protection, embedded viewers will prompt the reader to enter the password before displaying content. The same password you set in publication settings applies to both direct links and embeds.

Troubleshooting Embeds

If your embed isn't displaying correctly:

• Make sure the publication is set to Public or Password Protected (private publications cannot be embedded)

• Check that your website allows iframes from external domains

• Verify the embed code was pasted into an HTML block, not a rich text editor

• See our Flipbook Viewer Troubleshooting guide for more help