> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://socialhead.crisp.help/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # How to create a Product Widget Articles on: [Socialwidget](/en/category/socialwidget-1wilu9k/) 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](https://socialhead.io/socialhead-news/socialwidget-pricing/) to unlock access to this feature. ### Table of Contents [How to create a Product Widget](#1-how-to-create-a-product-widget) * [Step 1 : Tag Products in Instagram Posts](#1-step-1-tag-products-in-instagram-posts) * [Step 2: Activate and Enable Product Widget](#1-step-2-activate-and-enable-product-widget) * [Step 3: Select Displayed Items in a Widget](#1-step-3-select-displayed-items-in-a-widget) * [Step 4: Customize Product Widget](#1-step-4-customize-product-widget) * [Step 5 : Preview Product Widget](#1-step-5-preview-product-widget) --- # How to create a Product Widget Let’s walk through how to create, activate, and customize your Product Widget from start to finish. # Step 1 :Tag Products in Instagram Posts Tagging products is the first step to populate your widget with Instagram content. ### Steps 1. **Go to the "Gallery" tab** in your Socialwidget dashboard. 2. **Hover over the image** or video you want to tag. 3. **Click “Tag products”** and select the corresponding product. > 💡 Make sure the product has already been synced into Socialwidget for easier tagging. ![Tagging products](https://storage.crisp.chat/users/helpdesk/website/cb92164b6e8ef000/1_1yaf8u0.png) # Step 2: Activate and Enable Product Widget Once your products are tagged, activate the widget to display them on product pages. ### Steps 1. **Click on the “Product Widget” tab** from your dashboard. 2. **Toggle ON the widgets** you want to display on product pages. ![Activate Product Widget](https://storage.crisp.chat/users/helpdesk/website/cb92164b6e8ef000/1_3oxnrl.png) # Step 3: Select Displayed Items in a Widget Decide what content should appear in each widget and make changes easily. ### Steps 1. **Navigate to the “Product Widget” tab**. 2. **Click the three-dot menu (⋯)** next to the widget you want to edit. 3. **Select “Edit”**. 4. **Toggle ON or OFF** the “Show” button to control visibility. ![Edit Product Widget](https://storage.crisp.chat/users/helpdesk/website/cb92164b6e8ef000/1_12r8fu0.png) ![Toggle visibility](https://storage.crisp.chat/users/helpdesk/website/cb92164b6e8ef000/1_ilxwo8.png) # Step 4: Customize Product Widget Tailor the look and feel of your Product Widget to match your brand. ### Steps 1. **Click on the “Product Widget” tab**. 2. **Select “Product Widget Setting.”** ![Access Widget Settings](https://storage.crisp.chat/users/helpdesk/website/cb92164b6e8ef000/1_11taafj.png) ### Layout Settings Adjust spacing and design elements like padding, border, and margin. ![Layout settings](https://storage.crisp.chat/users/helpdesk/website/cb92164b6e8ef000/1_tiwwd4.png) ### Heading Settings Add a title and description to introduce your Product Widget. ![Heading customization](https://storage.crisp.chat/users/helpdesk/website/cb92164b6e8ef000/1_qpvrjk.png) ### Item Settings Enhance post interaction with hover effects. * **Toggle “Enable hover effect”** to show captions, like counts, comment counts, or post date on hover. ![Hover effects](https://storage.crisp.chat/users/helpdesk/website/-/c/b/9/2/cb92164b6e8ef000/1_1lgv4w.png) ### Popup Settings Choose how visitors interact with posts in the widget: * Open as a **popup** * **Redirect to Instagram** * Or **disable click** interaction ![Popup interaction settings](https://storage.crisp.chat/users/helpdesk/website/cb92164b6e8ef000/3_kg8u33.png) # Step 5: Preview Product Widget Here’s how your Product Widget will appear on your product detail page: ![Live product widget](https://storage.crisp.chat/users/helpdesk/website/ab8a6f89b0a19000/image_558aol.png) --- 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](mailto:support@socialhead.io). Let your customers see your products in action— **get started with the Product Widget today!**