Custom the position, heading title and style of your Instagram feed to match your store's theme
Your store’s design is a reflection of your brand—and every element, including your Instagram feed, should align with that identity. With our app, you can fully customize the position, heading title, and style of your Instagram feed to seamlessly match your store’s theme. Whether you're aiming for a sleek minimalist look or a bold and colorful vibe, our tools give you the flexibility to make your feed feel like a natural part of your storefront.
In this guide, we’ll walk you through how to fine-tune your Instagram feed's layout and appearance with our app so it not only looks great but also enhances your customer experience.
Create a Widget
Widget Settings
Preview / Edit / Pause / Duplicate / Delete a Widget
Before creating a widget, make sure you've already:
Connected your Instagram account
Created your Media Source
Created your Gallery
You can create a widget using two methods:
- Go to the Gallery tab
- Click the (…) icon on the right-hand side
- Select Create Widget
- You’ll be taken to the Widget Settings page
- Click the Widget (third icon) on the menu
- Select Create Widget
Setting up your widget involves 3 simple steps:
- Name your widget
- Choose the appropriate gallery
- Pick a template that matches your site’s design
You can fully customize your widget's layout, heading, item styles, popups, and shoppable features.
- Adjust padding, border, margin, and max-width for layout consistency
- Set a background image or choose a transparent background
- Enable and edit Title and Description
- Automatically matches your site font
- Prefer your Instagram profile over headings? See how here
- Enable Hover effects (desktop only) for showing captions, likes, comments, and dates
- Customize hover background and content styles
Note: Personal Instagram accounts can’t show likes/comments due to API restrictions. Switch to Business for full functionality.
Control what happens when users click on a post:
- Open Popup: same/new tab or no link
- Open Instagram: direct link to the Instagram post
- None: keep users on your store
- Enable elements like Follow button, caption, likes, comments, and date
Enhance shopping with tagged products:
- Show icon cart on item: Similar to other platforms, Socialwidget app also assist customers showcase the icon cart on their Instagram feed. When your visitors hover on the post having tagged items, the icon cart is displayed to inform them.
This feature is only available for Instagram feed and Tiktok feed.
- Hotspots: define tag positions, hover info, and product links
- Hotspot color: the color of the hotspot displays on your images
- Hotspot hover: the information of your tagged items when hovering on the hotspot
- Hotspot link: the URL of product details when clicking on the hotspot
- CTA Buttons:
- View Detail → product page
- Checkout Now → checkout page
- Add to Cart → adds to cart directly
You can totally customize the content, button color and text color of CTA buttons as your preferences.
Only View Detail button is applied to “Open product detail in same tab”/ “Open product detail in new tab” function. As default, Checkout now button will be opened in another tab when being clicked and Add to cart button will keep your visitors stay on the posts.
With Shopify Theme 2.0, adding a widget is easy:
- Go to Online Store → Customize theme
- Choose the page you want
- Click Add section → Select the widget
- Hit Save
✅ Widget will now appear on your page like this:
Tip: You can add multiple widgets per page. No limits—get creative!
To manage your widgets:
- Go to the Widget tab
- Click the (…) icon next to the widget
- Choose your preferred action: Pause, Edit, Duplicate, or Delete
Migrating to Shopify's embedded app creates a more streamlined and integrated experience. By following the steps in this article, you can now:
- Easily access the app from your Shopify admin
- Build fully customizable Instagram, TikTok, and Story widgets
- Display stunning, shoppable galleries to increase engagement and drive conversions
If you meet any issue while trying to fix these errors, do not hesitate to drop us a message in the live chat or email us at support@socialhead.io. We would love to help you out!
In this guide, we’ll walk you through how to fine-tune your Instagram feed's layout and appearance with our app so it not only looks great but also enhances your customer experience.
Table of Contents
Create a Widget
Widget Settings
Preview / Edit / Pause / Duplicate / Delete a Widget
Before creating a widget, make sure you've already:
Connected your Instagram account
Created your Media Source
Created your Gallery
Create a Widget
You can create a widget using two methods:
1. From a Gallery
- Go to the Gallery tab
- Click the (…) icon on the right-hand side
- Select Create Widget
- You’ll be taken to the Widget Settings page
2. From Scratch
- Click the Widget (third icon) on the menu
- Select Create Widget
Widget Settings
Setting up your widget involves 3 simple steps:
1. Choose Gallery
- Name your widget
- Choose the appropriate gallery
- Pick a template that matches your site’s design
2. Customize Widget
You can fully customize your widget's layout, heading, item styles, popups, and shoppable features.
🔧 Layout Settings
- Adjust padding, border, margin, and max-width for layout consistency
- Set a background image or choose a transparent background
📝 Heading Settings
- Enable and edit Title and Description
- Automatically matches your site font
- Prefer your Instagram profile over headings? See how here
🖼 Item Settings
- Enable Hover effects (desktop only) for showing captions, likes, comments, and dates
- Customize hover background and content styles
Note: Personal Instagram accounts can’t show likes/comments due to API restrictions. Switch to Business for full functionality.
🔍 Popup Settings
Control what happens when users click on a post:
- Open Popup: same/new tab or no link
- Open Instagram: direct link to the Instagram post
- None: keep users on your store
- Enable elements like Follow button, caption, likes, comments, and date
🛒 Shoppable Settings
Enhance shopping with tagged products:
- Show icon cart on item: Similar to other platforms, Socialwidget app also assist customers showcase the icon cart on their Instagram feed. When your visitors hover on the post having tagged items, the icon cart is displayed to inform them.
This feature is only available for Instagram feed and Tiktok feed.
- Hotspots: define tag positions, hover info, and product links
- Hotspot color: the color of the hotspot displays on your images
- Hotspot hover: the information of your tagged items when hovering on the hotspot
- Hotspot link: the URL of product details when clicking on the hotspot
- CTA Buttons:
- View Detail → product page
- Checkout Now → checkout page
- Add to Cart → adds to cart directly
You can totally customize the content, button color and text color of CTA buttons as your preferences.
Only View Detail button is applied to “Open product detail in same tab”/ “Open product detail in new tab” function. As default, Checkout now button will be opened in another tab when being clicked and Add to cart button will keep your visitors stay on the posts.
3. Install Widget
With Shopify Theme 2.0, adding a widget is easy:
- Go to Online Store → Customize theme
- Choose the page you want
- Click Add section → Select the widget
- Hit Save
✅ Widget will now appear on your page like this:
Tip: You can add multiple widgets per page. No limits—get creative!
Preview / Edit / Pause / Duplicate / Delete a Widget
To manage your widgets:
- Go to the Widget tab
- Click the (…) icon next to the widget
- Choose your preferred action: Pause, Edit, Duplicate, or Delete
Migrating to Shopify's embedded app creates a more streamlined and integrated experience. By following the steps in this article, you can now:
- Easily access the app from your Shopify admin
- Build fully customizable Instagram, TikTok, and Story widgets
- Display stunning, shoppable galleries to increase engagement and drive conversions
If you meet any issue while trying to fix these errors, do not hesitate to drop us a message in the live chat or email us at support@socialhead.io. We would love to help you out!
Updated on: 08/04/2025
Thank you!