Skip to main content

CMS Editor Block Library: Content

Enrich your pages with structured content and media elements, including text, images, callouts, and other informational components.

Announcement / Callout

Highlight important or noteworthy information.

Announcement / Callout

📗 TIP

The text in Announcement / Callout blocks can be edited directly within the block.

  1. Drag the Announcement / Callout block into the desired position.

  2. In the Page Settings panel, enter an URL or upload an image.

    Background Image

  3. Enter the text that will be displayed on the button.


    📗 TIP

    If the text field is left empty, button will not be displayed.


  4. Enter the URL the button links to.

    Button Text & URL

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

    Content Background

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


Divider

Separate sections on your page with a divider line.

Divider

  1. Drag the Divider block into the desired position on the page.

  2. In the Page Settings panel, toggle 'Content Background' on to add a background colour or image.

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

    Content Background

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


FAQs

Display frequently asked questions in an expandable list.

FAQ

  1. Drag the FAQ block into the desired position on the page.

  2. In the Page Settings panel, press the + Add Question button to add new questions.

    Add FAQ

  3. In the FAQ window, enter the 'Question' and the 'Answer'.

  4. Press the + Add FAQ button.

  5. Repeat for additional entries.

    Add FAQ

  6. Remove items using the Remove button.

    Remove

  7. Press the Close button when finished.

    Close

  8. You can edit or remove, or reorder Q&A entries from the Settings Panel.

    Edit FAQs

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

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

    Content Background

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


Feature List

Display features or highlights in a column structure.

Feature List

  1. Drag the Feature List block into the desired position on the page.

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

    Title


    📗 TIP

    Optionally, you can hide the title by checking the 'Hide Title' box.


  3. Press the + Add Features button.

    Feature List

  4. In the Features window, enter an URL or upload an image.

    Feature Image

  5. Enter a feature title and description.

    Feature Title & Description


    📗 TIP

    Optionally, you can enter alt text for accessibility.


  6. For uploaded images, toggle 'Crop to fit' on to crop the image.

    Crop to Fit

  7. Press the + Add Feature button.

  8. Repeat for each new feature.

  9. Remove items using the Remove button.

    Remove Feature

  10. Press the Close button when finished.

    Close

  11. Edit or remove a specific feature, or reorder the list from the Settings Panel.

    Edit Feature List

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

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

    Content Background

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


File Download

Add downloadable files to your pages.

File Download

  1. Drag the File Download block into the desired position.

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

    Title & Description

  3. Press the Choose File button.

  4. Select a PDF file customers can download from the web page.

    Feature List

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

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

    Content Background

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


Legacy Content Disclaimer

Add this block to pages that were created before the new editor's blocked-based editing was introduced.

Legacy Content Disclaimer

  1. Drag the Legacy Content Disclaimer block into the desired position on the page.

  2. In the Page Settings panel, edit the disclaimer text as needed.

    Edit Body

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

    Content Background

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


PDF Document

Upload and embed PDF documents on your pages so customers can browse them without downloading them.

PDF Document

  1. Drag the PDF Document block into the desired position on the page.

  2. In the Page Settings panel, enter a title.

    Title

  3. Press the Choose File button to upload a file from your computer.

    Choose File

  4. Choose a display height — Small, Medium, Large or Full.

    Display Height

  5. Toggle 'Show Download Button' on to allow visitors to download the file.

    Show Download Button

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

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

    Content Background

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


Rich Text

Add text-only content, such as paragraphs or formatted text, without images.

Rich Text

  1. Drag the Rich Text block into the desired position on the page.

  2. Enter a title in the Page Settings panel, then edit and format the text directly within the block.

    Title

  3. Edit the text in the panel or directly in the block.

    Content

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

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

    Content Background

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


Rich Text Carousel

Add multiple text slides in a carousel.

Rich Text Carousel

  1. Drag the Rich Text Carousel block into the desired position on the page.

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

    Title

  3. Press the + Add Slide button to add content.

    Add Partner

  4. Edit the content of each slide within the block.

    Edit Text

  5. Toggle 'Loop' on to enable continuous navigation. Clicking the arrow at the end returns to the beginning and vice versa.

    Loop

  6. Toggle 'Show Adjacent Content' on to partially display the next slide at the edge of the screen. When disabled, only one slide is displayed per page.

    Show Adjacent Content

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

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

    Content Background

  9. 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?