How to Customize Product Tags and Shopping Buttons in INS Shopping Slider
The INS Shopping Slider module offers extensive customization options for the appearance of product tags and shopping buttons. These features allow you to tailor the look and feel of your Instagram photos and videos to match your PrestaShop store's design, providing a seamless and visually appealing shopping experience for your visitors.
Customizing product tag appearance
The module allows you to customize the color of product tags on your Instagram photos and videos. This feature helps you maintain a consistent brand identity and enhance the visual appeal of your content.
How to customize product tags
Step 1: Go to "Settings” tab on the module’s main menu
Step 2: Click on “Colors & Labels" sub-tab.
Step 3: Scroll down and locate the product mark customization options:
- Product mark background: Choose the background color for the product tag.
- Product mark text color: Set the text color for the product tag.
- Product mark hover color: Select the color of the product tag when hovered over.
- Product mark text hover color: Define the text color of the product tag when hovered over.
Customizing other buttons
You can also customize the appearance and content of various shopping-related buttons, including "Shop now", "Follow", and "View photo/video" buttons. This customization ensures that these buttons align with your store's aesthetic and improve the user experience.
How to customize shopping buttons
Here are examples of shopping buttons when an image/video has or has not tagged products:
Navigate to the “Settings” tab in the module’s main menu
Click on “Colors & Labels" sub-tab.
Customize the titles for:
- Button title when image/video has tagged products: This option sets the title for the button displayed on images or videos that have tagged products.
- Button title when image doesn't have products tagged: This option sets the title for the button displayed on images that do not have any tagged products.
- Button title when video doesn't have products tagged: This option sets the title for the button displayed on videos that do not have any tagged products.
Choose the color for: button text, button text when hovering, button background, button when hovering, button border, button border when hovering.
How to customize "Follow" button
The "Follow" button is a key feature for engaging users with your Instagram profile. You can customize its appearance to ensure it fits seamlessly with your store's design. There are two locations where the follow button can be displayed: on the tag page and within the popup.
"Follow" button on tag page
To customize the "Follow" button on the tag page, navigate to the Settings > Colors & Labels tab and adjust the settings as needed.
"Follow" button in popup
To customize the follow button in the popup, go to the Settings > Colors & Labels tab and adjust the settings as needed:
Customizing the appearance of product tags and shopping buttons in the INS Shopping Slider module allows you to create a cohesive and attractive online shopping experience. By following the steps outlined in this guide, you can easily adjust the settings to match your store’s branding, making your Instagram content more engaging for your visitors.
This article provides a clear and concise guide to customizing product tags and shopping buttons, ensuring that your Instagram content aligns perfectly with your store's design.