Infinite Color Search for Shopify

Infinite Color Search for Shopify

We offer a powerful SaaS integration via our Shopify plugin, coming soon.

We offer a powerful SaaS integration via our Shopify plugin, coming soon.

Shopify plugin

App

Our Infinite Color Search Shopify app seamlessly links your store to our advanced color search platform, ensuring rapid, precise color-based searches to enhance customer experiences and boost sales. Join the waitlist to be the first to try it!

Theme

<link rel="stylesheet" href="https://cdn.hoppn.com/infinite-color-search.min.css">

<link rel="stylesheet" href="https://cdn.hoppn.com/infinite-color-search.min.css">

Libraries

<script src="https://cdn.hoppn.com/color-connect.umd.js"></script>
<script src="https://cdn.hoppn.com/color-wheel.js"></script>

<script src="https://cdn.hoppn.com/color-connect.umd.js"></script>
<script src="https://cdn.hoppn.com/color-wheel.js"></script>

Containers

<div id="hoppn-color-wheel"></div>
<div id="hoppn-results"></div>
<div id="hoppn-pagination"></div>

<div id="hoppn-color-wheel"></div>
<div id="hoppn-results"></div>
<div id="hoppn-pagination"></div>

Scripts

<script>
  const colorConnectClient = colorconnect('APP_ID', 'API_KEY');

  const colorWheelClient = colorwheel({
    colorConnectClient,
  });

  colorWheelClient.addWidget(
    colorwheel.widgets.coloeWheel({ container: '#hoppn-color-wheel' })
  );

  colorWheelClient.addWidget(
    colorwheel.widgets.results({ container: '#hoppn-results' })
  );

  colorWheelClient.addWidget(
    colorwheel.widgets.pagination({ container: '#hoppn-pagination' })
  );

  colorWheelClient.init();
</script>

<script>
  const colorConnectClient = colorconnect('APP_ID', 'API_KEY');

  const colorWheelClient = colorwheel({
    colorConnectClient,
  });

  colorWheelClient.addWidget(
    colorwheel.widgets.coloeWheel({ container: '#hoppn-color-wheel' })
  );

  colorWheelClient.addWidget(
    colorwheel.widgets.results({ container: '#hoppn-results' })
  );

  colorWheelClient.addWidget(
    colorwheel.widgets.pagination({ container: '#hoppn-pagination' })
  );

  colorWheelClient.init();
</script>

Enterprise?

Enterprise?

We offer a flexible hosted model for enterprise clients.

Join our waitlist for updates as we near our 2024 launch.

Join our waitlist for updates as we near our 2024 launch.

Intellectual property disclaimer

Intellectual property disclaimer

The features and technologies encompassed by Infinite Color Search™, including the 3D color search, Color Picker User Experience for ecommerce, and the Weighted 2-tone Search, are patented and the exclusive intellectual property of Hoppn. Unauthorized use, reproduction, or distribution of these features is strictly prohibited and may result in legal action. All rights reserved, Hoppn, 2024.

The features and technologies encompassed by Infinite Color Search™, including the 3D color search, Color Picker User Experience for ecommerce, and the Weighted 2-tone Search, are patented and the exclusive intellectual property of Hoppn. Unauthorized use, reproduction, or distribution of these features is strictly prohibited and may result in legal action. All rights reserved, Hoppn, 2024.

© 2024 Hoppn

hello@hoppn.com

© 2024 Hoppn

© 2024 Hoppn