Component Menu

    Components

    Text Card

    The text card will show an image with text below it. There's a possibility to add a link on the component as well, which means that if the user clicks on the image or the text he'll be redirected to the link registered.





    Edited 2 years 1 month ago

      Desktop

      Mobile

      Step by Step

       

      Layout Canvas Structure:

       

      1. At the page where you wish to add the Text Card component, click the + button on the Layout Canvas;

       

      2. Search the Text Card 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. 

       

      • Image:
        • • Image: Upload the image that'll appear at the top of the text.
      • • Alt: In here you need to inform an alternative text with the image description. It's highly recommended since it helps with accessibility.
      • • Image Title: Inform the title of the image. It'll not appear on your website.
      •  
      • • TextIn here you can inform the text that you wish to show below the image, and also edit the text however you need to, formatting with bold, italic, change color of the font, the size of it...
      •  
      • • Has Link: If you wish to put a link inside the image and the text, you need to turn the toggle on. But if you don't, turn the toggle off.
      •      - URL: Inform the URL of the link, always starting with http://
      •      - Open in new tab: If you wish to redirect the user to a new tab of the browser, turn the toggle on. It's recommended if the URL in the case is outside the domain of your website. But if the URL is inside your website, we recommend turning the toggle off.

       

      2. Click on "Apply" to save.