How to create a flip card element

How to create a flip card element

Flip cards is a great tool that allows you to create a card or series of cards that your audience can flip to reveal relevant content like descriptions on the other side. 

Here’s how to create a flip card: 

  • Visit the admin panel and click the Pages section under Website.
  • Select the page on which you want to add the Flip card.
  • From the Content tab select the container and column you would like to place it.  
  • Click on the ''Add element'' button and then select the “Flip cards” option.


General settings

Flip type. You can choose the direction of the flipping movement.

Items per row. This field allows you to adjust the number of items will be displayed on a row. 

Space betweenThis setting allows you to set the space between the flip cards.

Margin: This setting allows you to control the space around the element's border by changing the top, bottom, left and right values. 


​How to create a new flip card

Click on the "Add item" button at the top left of your screen. You can drag and drop items to change their position, delete or copy an item.  

After adding the flip card, name it to match your planned content. Then, add the content you want to display on the flip card

Once you have done, click the "Apply" button at the bottom right of your screen. 


    • Related Articles

    • How to create a slider element

      Reactive allows you to add multiple slides to your website that work perfectly, without a fuss. To create a slider element, visit the admin panel and click the Pages section under Website. Create a new page or edit an existing one. You can refer to ...
    • How to create a Google Map element

      The Google Map element allows you to add customized maps anywhere on your site. To create a new Google Map element, navigate to the Pages section from the sidebar menu of your admin panel under Website. Create a new page or edit an existing one. You ...
    • How to set up Card on Delivery Payments

      Reactive allows you to accept card on delivery payments. That means that you should be able to provide a POS for allowing your customers to pay by card upon delivery of the products or services. Create a new payment method by clicking the create ...
    • How to create a Code Block element

      The code block element is very useful. This allows you to embed the custom code that you want onto your page. To create a code block element, navigate to the Pages section from your Reactive admin under Website. Create a new page or edit an existing ...
    • How to create an accordion element

      To create an accordion menu on your Reactive website, you can use the Accordion element. This element allows you to create a menu that expands and collapses when clicked, providing a clean and organized way to present your content. Here’s how to ...