🔗Integrate buttons & text links
Widget (optional)
Our customizable widget is a great choice for easy access to the color wheel. Learn more at https://hoppn.com/widget
🥇 Best practices:
Rainbow widgets attract your most color-focused customers.
Do NOT use a muted color widget or match the accent color on your site. These widgets blend in and fail to attract clicks.
Quality check: If you use the widget, ensure it does not obscure critical buttons on mobile, such as "Add to cart."
🔗 Add a "Shop by Color" header link.
Turn any button or text into a trigger for opening the color search overlay.
How it works:
Paste this in the hyperlink field:
When the Embed App is on, clicking the link will open the color search overlay.
Shopify has a strange quirk requiring you to click here rather than the red checkmark. If you click the red checkmark, it will return an error, and the link will not save.
🥇 Best practices:
"Shop by Color" link in your header.
Add a color-focused banner image with a "try it out" button that links to the color search.
Show widget toggle:
If you prefer, you can hide the "Search color" widget using your theme editor. Ensure the embed app remains toggled ON if you want button links to work:
Last updated