🔗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 exactly match the accent color on your site. These widgets blend in and fail to attract clicks.
Quality check: Ensure the widget does not obscure critical buttons on mobile, such as "Add to cart."
If you don't want the floating widget, hide it using your theme editor. Ensure the embed app remains toggled ON for button links to work:
🔗 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.
🔗 Link to a specific color search
Turn any button or text into a trigger for searching a color.
How it works:
Use the color wheel to search the color you want to link to.
Look in the URL for /?InfiniteColor... and copy the entire relative URL path. For example, this link searches for light blue:
Last updated