Learn how to embed Instagram feed on your CS Cart website for FREE, step by step. Our widget will help you add or display Instagram feed on your CS Cart with no coding!
There are two ways to embed Instagram feed on your website. The first method is using a website widget. The second method is using the embed or link option. I will show you the steps for each of those methods so you can decide which one is the best for you.
- Sign up FREE or login to SociableKIT.
- Create and customize your Instagram feed widget.
- Copy the Instagram feed widget embed code.
- Login to your CS Cart website admin panel and create or edit a page.
- Paste the embed code where you want the Instagram feed widget to appear.
- Save and view your page. Done!
That's easy! Embedding Instagram feed widget on your CS Cart website will take only 2 minutes. If you need a more detailed guide, scroll down to follow our complete guide or watch our video guide.
Looking to purchase our premium features like auto-sync, customization, premium support and more? Please check the details on our pricing page here.
Create and customize your Instagram feed widget
The first part is creating your Instagram feed widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.
-
Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features.
- Select your Instagram feed type on the dropdown.
SociableKIT offers several Instagram feed widgets. You might need to search it using the highlighted area below. Once found, you can then select it.
Here are the different types of Instagram feed that you can add to your CS Cart website:
- Enter your Instagram feed ID or username. Copy your Instagram feed URL and paste it in the username box. Our system will automatically identify your Instagram feed ID or username.
- Paste the embed code and save your CS Cart website page. Please follow the second part below to add Instagram feed widget to your CS Cart website.
Add Instagram feed widget to your CS Cart website
The second part is adding your Instagram feed widget to your CS Cart website. After you customize your Instagram feed widget and copied the embed code, it is time to add it to your CS Cart website. Follow the steps below.
- Get your free embed code from SociableKIT. Make sure you followed the first part above to create your widgget, customize it, and copy your free embed code.
- Login to CS-Cart.
- Open your online store’s website with a browser and add /admin.php to the end of the URL.
- On the admin panel, click the 'Design' tab.
- Click 'Layouts' and select 'Layouts'.
- On the layout page, create or edit the layout where you will embed your solution.
- On your layout page, add a block to the part where you want to embed your solution (E.g. Header).
- Click the 'Create New Block' tab.
- Find the 'HTML block', enter a name for your 'HTML block' and click the 'Content' tab.
- On the 'Content' tab, paste your embed code on the 'Content' field and click 'Create'.
- Click the 'Storefront' button in the lower left corner of the page.
- Find the part where you embedded your solution (E.g. Header). Done!
LIMITED TIME OFFER!
Sign up now to use our widgets for FREE FOREVER!
No credit card required. Cancel anytime.
Need Support?
If you need help, feel free to chat with us in the live chat box on the lower right corner of this page. You may also use the chat box located here.
You may also email us at [email protected]
We’re happy to talk about how to embed Instagram feed on your website!
