Add an Instagram Section to Square Online

To help increase sales and get your products even more exposure, add an Instagram section to your website. Your followers and website visitors can purchase items shown in your Instagram feed directly from Square Online.

If you aren’t selling anything on your Instagram feed, adding an Instagram section to your website is also a great way to include content that updates dynamically when you post to Instagram. You’ll follow the same steps outlined below, but skip connecting items.

Add an Instagram Section

There are two ways to add an Instagram section:

• Add the section to an existing page: This is a good option if you want to include your Instagram feed on your homepage. To do this, open the Square Online site editor and choose a page from the Page list. Click Add section and select Instagram Feed from the list. Then click Add to save it to your chosen page.

• Create a new page specifically for your Instagram feed: this is a good option if you want your Instagram feed to be the focus of the page. To do this, open the Square Online site editor, click the Add button and select Page from the menu. Next, choose Instagram from the list of page options and click the Add button. This creates a brand new page pre-loaded with an Instagram section.

The rest of the steps are the same no matter which of the above methods you choose.

Connect Your Instagram Account

The first thing you’ll need to do is connect your Instagram account. Select Connect Instagram, and follow the prompts to login and authorise your account. After connecting, you’ll see your Instagram photos displayed on the page.

Add Shopping Tags

With your account connected, select Add shopping tags to connect your Square Online items to your photos.

Mouse over an image and click Tag items, then click on the image to open the item selection window. Scroll through the items listed or search by name to find the one you want, then click on it to connect.

You can hide images from your feed if you don’t want them to show on your website. Just use the Visible toggle to turn them off.

To connect more than one item to the same image, click the image again and select another item to connect. Clicking on a specific area adds an item tag to that part of the image. Use the left and right arrows to navigate through your images and connect more items.

Click Done to return to the main image selection page. You’ll see that images with connected items have a tag icon indicating the number of connected items. Click Done again to return to the main section settings.

If you need to remove a tag, click the Edit feed & shopping tags button, then click on the image. Scroll down below the image and use the Remove tag link, then click Done to save.

Tip: If you use the Weebly mobile app, you can also tag Instagram images within the app. Connect to your Instagram account from the desktop site editor first. Then, from the app home screen, tap Store on the bottom and tap the Instagram Shopping card.

Edit Section Settings

There are several options to customise the appearance of the Instagram feed section and show or hide various elements. Click on any item in the list to view and edit the settings.

You can adjust the following items in the Content settings:

• Section title: This is the text shown at the top of the Instagram Feed section. You can turn this off using the toggle. Click on and highlight the text on the page to enter your own title or change the font style and formatting.

• Username: Use the switch here to hide your Instagram username if you don’t want it shown on the page. You can also change the font style and formatting.

• Button: You can link this button to an external site or any page on your site. Click on and highlight the text on the button to edit it, or use the toggle to turn the button off if you don’t want it to show. You can also change the button style and colour.

You can adjust the following items in the Customise settings:

• Layout: Choose a different display style for the feed. There are two options: Grid (displays images in rows and columns), and Carousel (displays images in a single row with navigation buttons to scroll left and right).

• Section style:

  • Background: Choose a colour or image for the section background.

  • Columns & Rows (grid layout only): Change how many images are displayed vertically and horizontally.

Note: Some settings may not be available if you created a new Instagram page instead of adding the section to a standard page.

Disconnect Your Instagram Account

To disconnect your Instagram account, click Manage at the top of the settings panel, and click the Disconnect account button. This will remove all your photos from the section. You can follow the steps in this article to reconnect at any time.