Book a demo Demo
Request demo
Help Center

How to add forms to your flipbooks?

Product: FlippingBook Publisher

Starting from FlippingBook Publisher Business 2024.3 you can add forms to capture data from your readers directly from the flipbook. Use it to include customer satisfaction questionnaires, marketing research polls, sign-up forms for events, knowledge tests and quizzes, HR surveys, and so on.

For example, here is how you can add a reservation form to your flipbook:

 

Your clients can now submit their reservation details without leaving your flipbook.

Note! We only support forms that are made with Google Forms, Microsoft Forms, and Typeform.

Google Forms and Microsoft Forms can be useful if you are looking for a free and simple service to create surveys and forms. If you need an advanced service with the opportunity to add conditional questions or interactive elements including images, videos, sound effects, you can choose the service Typeform.

In this article you can read about:

 

Adding a form to your flipbook

First, make your form available on the platform of choice. If you're new to forms, here are the instructions on how to make a Typeform, Google Form, or Microsoft Forms. After that:

  1. Open your flipbook and the page where you want to add your form. You can use the paginator at the top to quickly jump to a specific page.
  2. In the Content Editor window, click Forms & Quizzes. A green button is added to your page. It represents the clickable area for your form. Change the text of the button as required in the Caption field.
  3. In the Forms & Quizzes URL on the left specify the link to your online form. Not sure which link to use? Refer to our article that shows how to get the correct link to your form.
  4. Move and resize the form to your liking.
  5. Once you are done, just close the Content Editor. All the changes will be applied automatically.

 

Choosing the display mode

You can set how your forms are opened: in a pop-up or a new tab. The default option is pop-up. This will open a new window with your form and move the flipbook temporarily to the background until your visitor closes the form. The size of your pop-up form windows can be:

  • Large
  • Medium
  • Small

On mobile devices, the pop-up will always be large.

If you choose the option New tab, your form opens in a new browser tab for your visitor. Your flipbook will stay open in the original tab. Your visitor will have to close the tab with the form or switch back manually after completing it to return to your flipbook. We strongly recommend this option for forms that require the user to sign in!

 

Choosing how to trigger the form

You can trigger the form by adding either a button or a hotspot to your flipbook. Choose the option that is best suited for your flipbook using the Trigger option.

  • Button (default). Adds a button to your flipbook. You can change the text and appearance of your button with the available options located below the Button option:
    • Caption: the text that shows on the button.
    • Color: enter an RGB color code or use the color pop-up that appears to select a color that matches your page.
    • Font size: control the size of your text. You can use the + and - buttons to quickly adjust the size in steps of 10%, or enter a value manually for the final adjustments.
    • Rounded corners: change the appearance of your button from fully rounded (100% as in the example below) to perfectly square (0%) or anywhere in between.
  • Hotspot. This adds a clickable area to your publication, similar to a regular link that your visitors can click to open the form. In the editor, this appears as a transparent area that you can move over the page and resize as required by dragging the corners.
 

Changing position and size settings

At the bottom of the Online form field, we show the exact position and sizes of your forms. You can edit these values manually. So in case you want several forms to be of the same size, and aligned on the left, then you can:

  • Change the first form to the ideal size.
  • Write down the first form’s X value, width, and height.
  • Manually edit the other forms’ X value, width, and height accordingly.
  • To remove a form click on it and press the Delete button on your keyboard.
 

Google Forms limitations for your flipbook to be aware of

If you use Google Forms, we advise you (or the system requires you) to use New Tab if your form:

  • is restricted to users in a specific domain;
  • allows users to upload files;
  • collects the user's email addresses;
  • is set to a limit of 1 response per user.

In the first two cases, our system detects such forms and only allows to open them in a new tab. We can't detect the last two cases. If your readers complain that they cannot open the form, we advise you to change the display mode to New tab.

Such forms may work incorrectly in a pop-up because they require users to sign in. If your visitor isn't already signed in, this will trigger an additional pop-up. Since your form is already shown in a pop-up, this is not possible and will instead cause an error.

 

Microsoft Forms limitations for your flipbook to be aware of

If you add a Microsoft Form where only (specific) people in your organization can respond, then you can only select New Tab as the display mode. Opening such forms in pop-ups causes problems for users who are not logged in to their Microsoft account yet.
It is possible to add a form without restrictions as Pop-up, and later set restrictions in Microsoft forms. We only recommend this if you are 100% sure that all your visitors are logged in when they open your flipbook. Otherwise, they will be faced with error messages.

Other than that, we recommend you:

  • Be careful if using time limits. Time-limited forms work incorrectly in Safari and in incognito/private mode;
  • Not to add forms from other services to the same flipbook. This can cause an error message in the Microsoft form when your visitors want to fill it out.
 

Finding your captured data in Google Forms, Microsoft Forms, Typeform

After your customers or readers fill out your form, you will want to use their answers for further processing. If you're new to forms, here are links to help you find out where your captured data is stored:

Related articles:

Was this article helpful?

Other Resources

;
drift chat