A Card is a simple content container that has an image, a heading, some text, and a call-to-action button.
You can also use a card without an image.
Cards work best with a square or rectangular image in a 3 or 4 column layout.
Here are examples of Cards with and without an image as they would be displayed on a page:
To configure the content of a Card, click the Edit button in the upper-right corner of the widget.
The configuration window appears where you can configure the following:
This will be the heading of the card which will be displayed under the image, or at the top of the card if you do not use an image.
Enter a description for the card.
An image is optional, but if you have 3 or 4 cards in a row, they must all be consistent within the row – all must have an image or no image.
Click “Select image.” This brings up the image selection window. You can choose from images already in the library, or upload a new one.
If you upload a new image, you will need to select the image library you’d like the image to go into.
The title will auto-populate with the filename, but it is recommended to change this to something more descriptive and in title case (the first letter of each word capitalized).
You can add Alternative Text at this time, or later when you insert the image.
Alternative text must always be filled out. It will be auto-populated with the image title, but it is recommended that you change it to a more descriptive phrase. This is an ADA requirement for sight-impaired people who may be using a screen reader, or if the image doesn’t load for some reason, people will at least know what it is supposed to be. It also improves SEO.
This is the button text. Keep this concise – one to four words.
· Link to…
Under this area, select from the following:
o Page within the site…
Choose an existing page from the site
o External URL …
Clicking this option will display a text box to enter a URL for an external website