Text Area Snippet

SwimTopia Snippets allow you to add many different kinds of content to your website. In this article, we focus on the Text Area Snippet.

This is the most free-form and flexible snippet that you can include almost any content you can think of. This snippet provides options for displaying your information in a normal formatted text area, or in a more bold announcement fashion to bring more attention to it, as detailed below.

Covered in this Article:

• Accessing the Text Area Snippet
• Creating your Text Area Details
• Display Options
• Adding Images to Text Areas

Accessing the Text Area Snippet

If logged into a designated Site Admin account or an account with the appropriate permissions, you will hover over the navigation menu (top right) and select Edit Page Content if you want the image in the body of your page, or Edit Template Content if you want the image in the right side bar down your page.

Next you will see the +Add Snippet button. Click on this button and the snippet menu will display to the right of the page as seen below. 

Drag the Text Area option where you want it displayed on the page. The Text Area input box will display as a popup on the screen.

Creating your Text Area Details

Now you can enter a title for your new text area, choose if you want it to be displayed normally or as an announcement, then type or paste your text into the box and customize it using the formatting palette. 

>>Tips: If you want the title to be larger and formatted, you can leave the optional Title field blank and add it to the Content box where you will be able to add formatting. Also, if you are so inclined, you can directly edit the html by clicking on "</>" in the header.

Display Options

➧ Normal Display Option

Choosing a normal display option will make it appear on the site with no additional flair and rely on the page background color. 

➧ Announcement Display Option

When set to display as an announcement, text will be highlighted with your site secondary or announcement color to stand out on your page.

>>Note: You can find your site color settings on Manage Team > Website > Site Settings.

Click Create to save your changes or Cancel to exit. 

Adding Images to Text Areas

Text snippets, news posts, and communications messages all use the Redactor WYSIWYG html editor.

To add images to text areas using the html editor ➞ See Adding Images to Text Areas.

For more information about using Snippets ➞ See our article, Working with Snippets to Create and Edit Page Content, or view our short video about Working with Snippets.