Step 1



Select the Engage Tab.

Step 2



Select Flip Set under Widgets.

Step 3



Select where on the page to add the Flip Card Set. In Claro, click anywhere on the page. In Flow, Select or add a Placeholder element.

Step 4



Once the Flip Set is added, the Configure your Flip Card Set popup shows. Within the first Flip Set, under Front select the Image icon to add an image.

Step 5



The Media Browser will open. You can upload a new image or use one that has already been uploaded. Select the ShareContent_grey image.

Step 6



Select Insert.

Step 7



The image has been added to the Front of the first Flip Card set. Within the first Flip Set, under Back select the Text icon.

Step 8



The text editor popup will show. Select the Text area to add text.

Step 9



Select Ok.

Step 10



The first Flip Card within the Flip Card Set is now ready.

Within the second Flip Set, under Front select the Text icon.

Step 11



Select the Text area to add text.

Step 12



Select Ok.

Step 13



Within the second Flip Set, under Back select the Image icon.

Step 14



The Media Browser will open. You can upload a new image or use one that has already been uploaded. Select the ShareContent_grey image.

Step 15



Select Insert.

Step 16



The second Flip Card within the Flip Card Set is now ready.

To add another Flip Card within the Flip Card Set, Select Add Another Flip Card.

Step 17



Another flip card has been added to the Flip Card Set. To remove a Flip Card from the Flip Card set, locate the Flip Card you want to Remove. Select the X beside the Flip Card.

Step 18



Select Ok to confirm on the Alert popup.

Step 19



The Flip Card has been removed from the Flip Card Set.

Select Ok to close the Configure your Flip Card Set popup.

Step 20



Select Options.

Step 21



The Options tab has a number of control and design options for the Flip Card Set as a whole. You can edit the content within, change the trigger, style, size, and background color of the Flip Cards.

Select Option 3 under Size to make the Flip Card Set bigger on the page.

Step 22



The Size of the Flip Cards increased. Select the Flip Card Set element side handle to resize the component.

Step 23



The component is resized.

 0    0

Similar Projects

Questions  ( 0 )