Unlike Facebook, Instagram does not provide its own code for the official widget. To place an Instagram widget on your website, you need to find a third-party developer that provides this feature. You can search for an Instagram widget for your website. One example of such third-party solutions is widg.io.
How to set up the widget
The widget is set up in two stages: on the developer's website and on your Cartum website.
On the developer's website:
Set up your widget according to the developer's instructions. In the widg.io service, you need the Instagram Social Feed widget.
Get the widget installation code. For Instagram, there will be two of them and they will look something like this:
Adding widget code to your website
Open the Settings → General settings → Scripts admin panel section. In the Inside <head> field, add the code from the top Elements Script block and save the changes.
Now go to the Website → Social networks section:
Click on the Instagram name to enter the settings.
Add the code from the lower Widget Installation Code block to the Widget code field.
Activate the Show on storefront checkbox.
Click Save.
The widget will be displayed on the homepage if the Stay connected block on the homepage is enabled. To enable this block, please contact support.
Link to the Instagram page in the header and footer of the website
In the header and footer of the website, there are blocks for links to your social networks. To enable the display of the block in the header, please contact support.
Example of social media block in the header
The settings of the block in the footer can be found in the Webite → Design → Design editor section, the Footer → Footer layout item, the Social media element.
Example of social media block in the footer
How to set up the link
To display a link to your Instagram page:
Go to Website → Social networks.
Click on the name of Instagram to enter the settings.
In the URL field, add a link to your Instagram page.
Click Save.
