Skip to main content

The New Flipcard Component

Flipcard is a page component with a front and back side. Clicking the card flips it from one side to the other, giving you a way to reveal content without the single-reveal limitation of a pop-up.

Written by Zakk Rome

Why Use It?

Multiple reveals, visible at once. Pop-ups only allow one open at a time. Flipcards can be placed multiple to a page and flipped independently, so you can reveal three, six, or more pieces of content and keep them all visible.

Flexible content on either side. Each side of a Flipcard works like its own Engage page — mix text, images, video and buttons in any combination.

Motion that fits the moment. Choose from three transition styles — Flip, Fade or Jello — so the reveal matches the tone of the content.

Step 1: Add a Flipcard

  1. Open your presentation in edit mode and add a new page (or select an existing one).

  2. Click Add Component in the top right corner of the screen.

  3. Select Flip from the component menu, located between Compare and Carousel.

  4. The Flipcard component is placed on your page.

Step 2: Configure the Card

  1. Open the Flip section in the inspector.

  2. Select Front to add content to the front side — text, images, video or buttons, in any combination.

  3. Select Back to add content to the back side.

  4. Choose a transition: Flip (horizontal or vertical), Fade, or Jello.

  5. Optionally enable Mirror Return to reverse the transition direction when the card flips back to its original side.

  6. Repeat for additional Flipcards if you want multiple reveals on the same page.

The Presenting Experience

When a viewer clicks a Flipcard, it transitions from front to back using the selected transition style. Each Flipcard on the page operates independently — flipping one does not affect the others, so multiple reveals can stay visible at the same time.

Key Details

  • Flipcards support text, images, video and buttons on either side.

  • Three transition styles are available: Flip (horizontal or vertical), Fade, and Jello.

  • Mirror Return reverses the flip direction on the return transition.

  • Multiple Flipcards can be placed on a single page and flipped independently.

  • Flipcard differs from pop-ups, which only support one open reveal at a time.

FAQ

How is Flipcard different from a pop-up?

Pop-ups only allow one to be open at a time. Flipcards can be placed multiple to a page and flipped independently, keeping multiple reveals visible at once.

Can I put anything other than images on a Flipcard?

Yes. Each side supports text, images, video and buttons in any combination.

What transition styles are available?

Flip (horizontal or vertical), Fade, and Jello.

What does Mirror Return do?

It reverses the direction of the transition when the card flips back — for example, a left-to-right flip returns right-to-left instead of repeating the same motion.

Can I have more than one Flipcard on a page?

Yes, and each one flips independently of the others.

Can I combine a Flipcard with other components, like Compare?

Yes — Flipcards can be used alongside other components such as Compare on the same page.

Did this answer your question?