Adding Pictures to your Square Online Store
Pictures are an important part of any website - they can add a personal touch, help sell products, and enhance the look of your site, to name just a few reasons.
- The Instagram Feed section lets you connect to your Instagram account and select images to sync to your website.
- The Photo Gallery section lets you upload multiple images and choose from different layout styles.
- General text and image sections, which we’ll go over in this article.
Add an Image Section
The first step is to choose or create the page you want to add images to. Next, click the Add section button on the left to open the sections menu.
Most of the sections in the General category include an image. Click on any section to see how it looks on the page. You can use any of these sections regardless of their titles, so if you happen to like the look of the “Our Mission” section, for example, you can go ahead and use that for anything you want. When you find one that you like, click Add to apply it to the page.
Edit the Section Settings
Once you’ve added a section, you can change the settings. Settings vary for different sections, but most include additional layouts. Click on any layout to see the page update on the right, then choose the one that best suits your needs.
Some layouts, like the one shown above, let you copy parts of the section so you can add more content without adding a whole new section to the page. Under Group on the upper left you can see a list of the current groups in the section. In the above example, there are three text and image groups. Two of them have the default placeholder text, while one group has custom text.
To insert a new image and text group with the default text, click Add group.
To copy an existing group, click the “. . .” button next to its name and select Duplicate.
New or copied groups will appear in the list on the left. You can rearrange the order of groups on the page by clicking on and dragging a group to a new spot in the list.
Upload an Image
Click on a group in the list, or click directly on a placeholder image to open the settings on the left. Click Image and use the Add Image button to upload your own photo.
Click the link to choose a new image file from your computer, or click Free photos to search the library of free stock photos.
The following types of images files are supported:
For best results, use images that are 72 PPI and at least 1,000 pixels in width or height. Save images files using the sRGB color profile to ensure color consistency. Large image files can affect page loading speed, so avoid uploading images that are larger than 1MB in size.
Tip: Images you upload or add through the free photo search are saved under “My images” so you can easily re-use them in the future.
Edit an Image
Click Edit to straighten, rotate, or adjust the zoom level of the image on the page. You can also add alt text to help improve SEO and web accessibility or add a link to the image. Click the Crop button to change the shape of the frame around the image. Note that this will not actually change the image file itself. Click the Size button to change the display size of the image. Text and other content will automatically adjust to fit within the section. Again, this does not change the size of the image itself.
To select or upload a different image, click the “. . .” button and choose Replace, or Delete if you want to remove the image. If you change your mind, you can use the undo arrow at the top of the editor to go back one step.
When you’re finished editing the image, click the back arrow on the upper left to return to the main section settings. Follow the same process to add more images to your section.