Cards Snippet
The Cards snippet, available from the Puzzle Piece icon menu, adds a row of customizable cards to a page. Each card can include an image, text, and link(s). Designed to showcase featured content in a three-column layout on a full-width page, the snippet supports as many rows as needed. In edit mode, content is managed through customizable table rows, which are automatically transformed into responsive card layouts when the page is saved or published.
Demo
Card One
To make the entire card clickable, do not enter URLs in this cell. Instead, add the link in the URL column. The URL column is also used to link the button, when button text is provided, for an alternate card style.
Card Two
Card body text.
Card Three
Card body text
Instructions for use
While editing a page:
- Move your cursor to the area of the page you wish to add the snippet.
- Click the "Insert Snippet" puzzle piece icon in the editor toolbar.
- Select Cards from the list.
- Select the image for use with the snippet (optional).
- Enter the alt text for the image.
- Select the heading level - this should be one heading level below the nearest heading above the component.
- Enter the title text.
- Enter optional card body text.
- Enter optional card button text.
- Enter the card link url to make the entire card clickable. If you want to have multiple links in the summary text leave the URL column blank.
- Click the "Save" button.