Add the social section on any of your pages and show your Instagram feed or social icons. These icons will be linked to the profiles you have specified in the social links. It is most frequently added to the prefooter.
The Instagram feed on any page will pull images from your Instagram and update them automatically. To integrate Instagram for pulling the feed, visit the Settings > Integrations page.
In this article:
1. Add Social Section to page
- A section can be added to a page. You can either add a section to an already existing page or create a new page within your website.
- On your page, click on the blue + icon to add a New Section to your page.
- You will now see the section categories on the left side.
- Go to the Social (1) category and select any Instagram section.
- Choose any section layout (2) and click on it to add it to your page.
2. Manage Instagram
- In the next step, the selected Instagram section would be added to your page canvas area. Click on the Manage Instagram button now.
- On clicking, you would see the Authentication Instagram option on the right-hand side. Click on it.
- You would be redirected to Instagram for your account authentication in a new tab. Put in your username and password to authenticate your Instagram account.
- After you log in to Instagram, your account will get verified, and you will be redirected to the Integrations page.
- Now, go back to the page (where you have added a social section) and click to reload link to refresh the feed.
- Now, you would see your Instagram feed and other section settings on your page. Click on the Save button to publish the changes on the live site.
3. Style Your Instagram Feed
- Click on the Manage Instagram button.
- Choose the layout (1) for the Instagram feed.
- Show up to 4 rows (2) of your Instagram feed.
- Set the number of Columns (3) for the feed. You can choose from 3 to 8 columns.
- Add padding (4) between your Instagram feed images.
- Show the feed images as Fit in the column or as cropped (5).
4. The social icons section
- To add the social icons section to your page, click on the fifth layout of the social section.
- Click on the Manage button to manage the social icons.
From the Manage Social Icons drawer, you can:
- Choose which links (1) get displayed here.
- In case you have selected the Website Social Links option, the social icons that exist on your website header or footer will be displayed here.
- Otherwise, you can specify the social icon (2), and then, enter the profile link (3).
- Specify the headline (4) of the section.
- Choose the size (5) and style (6) of the social icons.
- Specify the spacing (7) of the social icons.
- Specify the color (8) of the social icons.
- In case you have selected the Selected Color option, specify the background (9) and the icon (10) color.
- Otherwise, select the Brand Color option to show the social icons with their original brand color.
- Choose the alignment (11) of the entire section to be left or center or right.
- Finally, hit the Save (12) button.
