Articles on: Integrations

Hydrogen (Headless) Integration

For Shopify Hydrogen users, integrating a robust cookie consent tool is now seamless and effective with Consentmo GDPR.

Consentmo GDPR is offering a tailored solution for Hydrogen-based stores that can be set as per the guide below.

How to enable it



The Hydrogen integration form our app can be enabled by following these steps:

Open the Integrations tab

Go to the Hydrogen (headless) section

Make sure to toggle ON the feature



This action unlocks detailed instructions on proceeding with the integration.

Keeping the toggle active also ensures that your store benefits from the latest updates from Consentmo, guaranteeing a smooth operation with your Hydrogen setup.

It’s important to note that this integration feature is exclusive to Enterprise plan users of Consentmo GDPR. This exclusivity brings advanced capabilities and dedicated support, ensuring your store's compliance is top-notch.

Setup the Customer Privacy API using the npm package providded by our app:



In this step the Customer Privacy API needs to be set using the NPM package privided by our app. You can get this from the respective link in the section.

If for some reason there are any ssues with this way of setting it, there is also a manual way avaialble in the guide below:

How to manually setup the cookie bar in a hydrogen storefront?

In this step you can also find guidance on how to Configure Your Store’s Domain by uppdating the CookieBar component in app/root.jsx.

In case you need any help with that, please also refer to our Demo project linked there as well:



Integrating the Customer Privacy API



Once the Customer Privacy API is set correctly as per the previous steps now it needs to be integrated with the app.

There is first a 3 steps guide provided by Shopify, which you can find there as set in order to initiate the integration.

After that the parameters listed below needs to be set as well:

Storefront root domain

Checkout root domain

Storefront access token



If the Hydrogen version you are using is older than 2024.4.3, the Customer Privacy needs to be added as a JS asset in your store’s <head>.

The content is also avaialble in our integration page, as shown below:



Need help?



In any instance where you need assistance or face challenges during the setup process, our support team is ready to assist. Reach out to us at support@consentmo.com for expert guidance and solutions. Embrace the future of ecommerce compliance with Consentmo GDPR for your Shopify Hydrogen store.

Updated on: 13/02/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!