How to add interactions

Learn how to add interactions in Flipsnack's Design Studio.

Interactivity in digital documents is important as it offers the readers direct engagement opportunities. When it comes to interactivity, Flipsnack offers a wide selection of interactive elements you can use in your publications.

Product catalogs with shopping buttons, digital magazines with product tags, travel brochures with captions, and flyers with embedded maps; are just a few examples of publications you can create in Flipsnack. You can check out this beautiful interactive publication to understand what these interactions can do for you.

How to add interactions

Let’s see together how you can add videos and interactions to your publications:

While in Design Studio, you can find different interactive elements in the left panel by clicking the Interact button. We’ll go over them together.

Caption - You can add the URL, and text.

Caption options in Design Studio

Tag - you can add the text and the URL, and it has a pulsing effect when on page.

Tag options in Design Studio

Product tag - you can add the title, description, price, URL, button label, and add up to 3 pictures of the product.

Product tag options in Design Studio

Slideshow - You can add up to 10 images, choose the desired order, and set the loop duration for the pictures.

Slideshow feature in action

Slideshow overlay - here, you can also add up to 10 images, choose their order, control visibility, and set the loop duration, but they will show in an overlay.

Embed - you can embed different elements directly on the page: maps, videos, and much more.

Embed in Design Studio

Shopping area - You can add a mask over any area of your flipbook. This correlates to our Shopping list feature, so be sure to check that out. 

Shopping button - Instead of an entire area, add a simple CTA shopping button for users to click on. Again, this is a part of our Shopping list feature.

Shopping buttons in Design Studio

Social media buttons - You can edit exactly the same properties as for the shopping elements, but these are used for sharing your contact information.

Social media buttons in Design Studio

Other interactive buttons - the Cart, Credit Card, and both Buy this item buttons let you enter a link as for the social media buttons.

These are the interactive elements you can use in your publications. As you can see, each of them serves a well-defined purpose. Keep your readers engaged with a well-placed caption, or offer direct purchase possibilities with a product tag. Showcase images to offer more information to your readers with the help of the slideshow feature. The options are limitless.

Animated interactions

All these interactive elements added to your flipbook will have a soft animation, visible in the flipbook player as the reader turns the pages:


The purpose of this animation layer is to make the interactions more visible and, therefore, more engaging for your audience.

However, if you don’t want the interactions to be animated, you can turn them off if you go to CustomizeAppearance → and untick the Animate interactions box:

enable-or-disable-button-for-animated-interactions-in-customize-pageReplace PDF and keep interactions

If you uploaded a PDF and added multiple interactions to it, but you realize there are some mistakes scattered across the document, or if you want to make some adjustments to the document, you can replace the whole PDF without losing the interactions. Learn more about how you can replace the PDF without losing the interactions.

If you have any questions or feedback for us, don’t hesitate to contact us by chat!