How to create a Product Widget
Articles on: Socialwidget
Create an engaging shopping experience by integrating Instagram content directly into your product detail pages using the Product Widget. This feature displays user-generated content (UGC) from Instagram posts where your products are tagged, helping increase trust and conversions.
If you're looking to enhance your product pages with dynamic, social proof-driven content, the Product Widget is the perfect tool. It allows you to showcase real Instagram posts (images or videos) where your products are tagged. This not only elevates the visual appeal of your product detail pages but also builds authenticity and encourages more purchases.
Before diving in, make sure you're subscribed to the right Socialwidget Pricing Plan to unlock access to this feature.
Tag Products in Instagram Posts
Activate and Enable Product Widget
Select Displayed Items in a Widget
Customize Product Widget
Final Preview and Support
Let’s walk through how to create, activate, and customize your Product Widget from start to finish.
Tagging products is the first step to populate your widget with Instagram content.
Go to the "Gallery" tab in your Socialwidget dashboard.
Hover over the image or video you want to tag.
Click “Tag products” and select the corresponding product.
💡 Make sure the product has already been synced into Socialwidget for easier tagging.
Once your products are tagged, activate the widget to display them on product pages.
Click on the “Product Widget” tab from your dashboard.
Toggle ON the widgets you want to display on product pages.
Decide what content should appear in each widget and make changes easily.
Navigate to the “Product Widget” tab.
Click the three-dot menu (⋯) next to the widget you want to edit.
Select “Edit”.
Toggle ON or OFF the “Show” button to control visibility.
Tailor the look and feel of your Product Widget to match your brand.
Click on the “Product Widget” tab.
Select “Product Widget Setting.”
Adjust spacing and design elements like padding, border, and margin.
Add a title and description to introduce your Product Widget.
Enhance post interaction with hover effects.
Toggle “Enable hover effect” to show captions, like counts, comment counts, or post date on hover.
Choose how visitors interact with posts in the widget:
Open as a popup
Redirect to Instagram
Or disable click interaction
Here’s how your Product Widget will appear on your product detail page:
With the Product Widget, you can turn social content into a powerful selling tool right on your product pages. It’s a smart, visual way to drive engagement and build trust with your shoppers. If you need any help, reach out via live chat or email us at support@socialhead.io.
Let your customers see your products in action— get started with the Product Widget today!
Create an engaging shopping experience by integrating Instagram content directly into your product detail pages using the Product Widget. This feature displays user-generated content (UGC) from Instagram posts where your products are tagged, helping increase trust and conversions.
Introduction
If you're looking to enhance your product pages with dynamic, social proof-driven content, the Product Widget is the perfect tool. It allows you to showcase real Instagram posts (images or videos) where your products are tagged. This not only elevates the visual appeal of your product detail pages but also builds authenticity and encourages more purchases.
Before diving in, make sure you're subscribed to the right Socialwidget Pricing Plan to unlock access to this feature.
Table of Contents
Tag Products in Instagram Posts
Activate and Enable Product Widget
Select Displayed Items in a Widget
Customize Product Widget
Final Preview and Support
Getting Started with the Product Widget
Let’s walk through how to create, activate, and customize your Product Widget from start to finish.
Tag Products in Instagram Posts
Tagging products is the first step to populate your widget with Instagram content.
Steps
Go to the "Gallery" tab in your Socialwidget dashboard.
Hover over the image or video you want to tag.
Click “Tag products” and select the corresponding product.
💡 Make sure the product has already been synced into Socialwidget for easier tagging.
Activate and Enable Product Widget
Once your products are tagged, activate the widget to display them on product pages.
Steps
Click on the “Product Widget” tab from your dashboard.
Toggle ON the widgets you want to display on product pages.
Select Displayed Items in a Widget
Decide what content should appear in each widget and make changes easily.
Steps
Navigate to the “Product Widget” tab.
Click the three-dot menu (⋯) next to the widget you want to edit.
Select “Edit”.
Toggle ON or OFF the “Show” button to control visibility.
Customize Product Widget
Tailor the look and feel of your Product Widget to match your brand.
Steps
Click on the “Product Widget” tab.
Select “Product Widget Setting.”
Layout Settings
Adjust spacing and design elements like padding, border, and margin.
Heading Settings
Add a title and description to introduce your Product Widget.
Item Settings
Enhance post interaction with hover effects.
Toggle “Enable hover effect” to show captions, like counts, comment counts, or post date on hover.
Choose how visitors interact with posts in the widget:
Open as a popup
Redirect to Instagram
Or disable click interaction
Preview Your Product Widget
Here’s how your Product Widget will appear on your product detail page:
With the Product Widget, you can turn social content into a powerful selling tool right on your product pages. It’s a smart, visual way to drive engagement and build trust with your shoppers. If you need any help, reach out via live chat or email us at support@socialhead.io.
Let your customers see your products in action— get started with the Product Widget today!
Updated on: 06/04/2025
Thank you!