< Back to All Pod Tutorials

Text Card

A Text Card pod is a simple way to highlight small elements on your page, like an email or phone number. Text Card pods can be added to Page Sections or a Grid Cell.

The Text Card pods on Steersman’s Contact page.

Creating your Text Card pod

The Text Card pod uses the Header 3 styling for the title (see more about Headers via the Markdown Guide). Add icons to the left of your title to add emphasis. Go to your Test Components* page to view icon options.

*Type in the URL slug “/test-components” after your website’s URL to see your website’s styled icons.

Text Card pod template

1. Internal Name: This title will not be visible on the website; it is only used for organizing your content.
2. Share: If you flag this pod, your chosen content and settings will be saved to be added easily throughout your website. *If you need to change this pod, you can adjust it in one instance, and it will automatically be updated throughout the site.
3. Title: Your title for this section
4. Icon: Type in the corresponding name to add the icon. The set margins will stay the same if you do not add an icon.
5. Content: Add text and media here. Markdown can be used to format your text.

Formatting your Text Card pod

Linking to a phone number, email address, and webpage is a simple way to highlight important content.

Link to a phone number

The visible text will be in brackets, and the phone number will be in parentheses, including “tel:+1” ahead of the number, with no dashes between the digits.

will publish as
312-468-3077

Link to an email address

The visible text will be in brackets, and the email address will be in parentheses, including “mailto:” ahead of the email address.

will publish as
contact@steersman.works

Link to a webpage

To link to a page on your website, add a forward slash and your page’s URL slug in parentheses behind your visible text.

will publish as
Contact us

To link to an outside URL, add the entire URL in parentheses.

will publish as
Check out Google’s homepage

Text Card pod examples

The inputs on the left screenshot will publish as the Text Card to the right.

An example of a Text Card pod with different website styling.

Save and publish

To see your updated content on your website, you need to publish your page. In the Websites App, click on the Publish tab. Once there, click the Create button. On the next screen, you will select the website you want the page to publish to (if you have multiple websites) and check the Pages checkbox. Click Save at the top, then click Start.