How to showcase content with interactive cards on Vzy

A “card” is a UI design pattern that groups related information in a flexible-size container visually resembling a playing card.

To add a cards section

  1. Click + button on where you want the cards section to be
  2. Select Cards.

To add text to label, title, & subtitle of cards section

  1. Click cards section in the editor
  2. In the panel, enter text into the field Label, Title, and Subtitile
  3. Click Done on mobile
  4. To realign your text, go to Style section
  5. In Align, choose your preferred alignment
  6. Click Done on mobile
  7. To have the title on the left in cards section, go to Style section
  8. In Left Title, toggle it on.

To change the layout & style of cards section

  1. Click the cards section in the editor
  2. Go to Style section of the panel
  3. Choose from the styles and layouts listed
  4. Drag the slider in Height to adjust the image height
  5. To change text size, go to Style section, In Text, click S, M or L
  6. To turn off the image in cards, go to Image and toggle it off
  7. To turn off the cards background, go to Background and toggle it off
  8. To add borders to cards, go to Border and toggle it on
  9. To rearrange cards style and layout, click Star icon on the cards section in the editor.

To edit individual cards in the cards section

  1. Click the cards section in the editor
  2. In the panel, go to the individual card and click it
  3. Add text in the title and body text boxes
  4. Upload an image if needed
  5. Click Done on mobile.