Skip to main content

CMS Editor Block Library: Heroes

Create the main header area of a page, displaying a title, optional description and background image, with multiple layout styles available.

Hero Section

  1. Drag any Hero block into the desired position on the page.

  2. In the Page Settings panel, add a title and description.

    Title & Description


    📒 NOTE

    The 'Title' and 'Description' fields are pre-filled using the content entered in Web Checkout > Meta Data in the Ventrata dashboard.


  3. Enter an URL or upload a background image.

    Background Image


    📒 NOTE

    The image uploaded in Web Checkout > Branding in the Ventrata dashboard is by default displayed as the Background image.


  4. Toggle 'Show Claims' on to display claims.

    Show Claims


    📒 NOTE

    Any claims added in Web Checkout > Claims in the Ventrata dashboard appear in the block by default.


  5. Edit or delete existing claims, or add new ones.

    Claims

  6. Toggle 'Show Search Bar' on to display a search field.

    Show Search Bar

  7. Choose a layout style:

    Layout Style


    • SplitScreen


    • Full Width


    • Centered


  8. Toggle 'Content Background' on to add a background colour or image.

  9. Toggle 'Card style' on to display the background within a rounded card instead of a full-width section.

    Content Background

  10. Choose top and bottom spacing between the element and surrounding elements on mobile or desktop. Select spacing from presets (S, M, L, XL) or use custom settings.

    Spacing

Did this answer your question?