Componentes
Prizes Cards
A Row of cards made to display different prizes with two CTAs, one to join the campaign and other to go to the rules page.
Edited 1 year 11 months ago
Desktop
Mobile
Step by Step
1. On the page that you wish to add the Prizes Cards component, click the + button on the Layout Canvas;
2. Search the Prizes Cards component on the list, it is located in the "Card Components" category;
3. Drag and drop the component inside the canvas, and make sure to put it exactly where you wish to place it.
Customizing the Component:
1. Click twice on the component to customize.
• Page title: inform the title for the page.
• Title color: choose a color option for the title.
Card Layout Options:
• Card image: select an image file for the card.
• Image Title: inform a name for the image. This is important for SEO.
• Image Alt: inform an image description. This is important for accessibility resources
• Card Text: write a title, a subtitle, and location information in their respective fields.
• Links: both in Participate and in Rules, inform a label for the button, paste the link to redirect the user, and choose if you want the Participate and Rules pages to open in a new tab.
Style:
• Card body: choose a color option for the background and the text.
• Button participate/Rules button: select the colors for the background and text button.
◦ Hover options: Select ON to activate the color options for when the cursor is positioned on the button.
2. If you want to add another Prize card, just click on "+Add" at the bottom and customize it according to the instructions above.
3. Click on "Apply" to save it.