Skip to content
Contact sales
  • There are no suggestions because the search field is empty.

How to embed a Hubspot form into your flipbook

Learn how to embed Salesforce forms into your Flipsnack flipbooks using inline or popup embeds. Engage and convert readers directly inside your publication.

Table of contents:

Overview

You can now embed Hubspot forms into your flipbooks to collect leads, survey readers, or drive newsletter signups. Whether placed directly on the page or in a popup window, these forms make your publications more interactive and valuable.

This article explains how to embed a Hubspot form into your flipbook using either the Hubspot form embed or Hubspot form pop-up interaction in the Design Studio.

Key benefits

  • Lead capture within content: Collect user data without redirecting readers

  • Seamless integration: Use your existing Hubspot forms

  • Flexible placement: Embed inline or via popups

  • Interactive experience: Encourage engagement in catalogs, brochures, and more

Requirements:

Tip: To get your Hubspot form embed code, follow this Hubspot guide. It shows you how to copy the iFrame code for any form you’ve created in your Hubspot account.

Plan: Enterprise only

Hubspot account: You’ll need an active Hubspot form and access to the embed code

Embed a Salesforce form directly on the page

To embed your form using the Hubspot form embed interaction:

  1. Open your flipbook in Design Studio.

  2. Click on the Interactions tab on the left-side panel.

  3. Scroll to the Engagement section.

  4. Drag the Hubspot form embed interaction onto your desired page location.

  5. In the left panel, paste your Hubspot embed code. If you need help locating this, refer to Hubspot’s guide on embedding forms on external sites.


Screenshot 2025-12-04 at 14.58.48-mh (3)

Embed a Hubspot form in a popup window

To display your form in a popup that opens on click:

  1. In the Interactions tab, find and select Hubspot form pop-up.

  2. Place the popup frame over a button, image, shape, or any clickable element.

  3. Resize and reposition the frame to match your layout.

  4. In the popup settings panel:

    • Paste your Hubspot embed code. You can find it by following this Hubspot article.

    • Add a Tooltip message (e.g., “Open form” or “Click to fill out”)

  5. Adjust the frame’s color and transparency as needed.

  6. Preview the flipbook to test the popup interaction.

Screenshot 2025-12-04 at 14.58.48-mh (4)

 

Additional tips / FAQs

  • Where do I get the embed code? You can copy the iFrame code directly from your Hubspot form's settings. See Hubspot’s official instructions for more details.
  • Which embed code format is accepted? Hubspot typically uses iFrame code, which is supported in both embed methods.
  • Can I track form submissions in Hubspot? Yes, form submissions are tracked through Hubspot, not Flipsnack.
  • What if the form doesn’t display? Ensure the code is correct and hosted on HTTPS.

Common use-cases

  • Lead generation: Capture emails directly inside product catalogs
  • Event sign-ups: Promote webinars or launches in interactive brochures
  • Newsletter opt-ins: Invite users to subscribe within a digital magazine

Troubleshooting

Form isn’t displaying:

  • Double-check that your embed code is copied in full

Popup not triggering:

  • Confirm the Popup frame is correctly placed over an interactive element

Next steps

Useful resources

Learn more about embedding content and improving interactivity:


Need expert support?

Our team is here to help. Connect with our team experts or message us via the in-app chat for a personalized demo.