SwimTopia Snippets allow you to add many different kinds of content to your website. In this article, we focus on adding images.
For more information about using Snippets in general ➞ See our Working with Snippets to Create and Edit Page Content article, or view our short video about Working with Snippets.
Covered in this Article:
Accessing the Image 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 Image option where you want it displayed on the page. The Text Area input box will display as a popup on the screen.
Recommended image formats are jpg, png, and gif.
Images should display at the best size, but large images could be slow to load, so it's best to resize them per our recommendations before uploading.
➧ Pages with Sidebars
The ideal sizes for images for pages with sidebars should be no wider than 600 pixels for page content areas (best is 580px), and images for the sidebar should be no wider than 280 pixels.
➧ Full Width Pages
Full width page images can be as wide as 900 pixels (best is 880px).
A Title and Alternative text is not required.
To add an image to a page, enter the title of the image and click Choose File to select a photo from your local drive.
Click Create to upload your image or Cancel to go back.
>>Note: To add images to text areas using the html editor ➞ See Adding Images to Text Areas.