Component Menu

    Components

    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 10 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.