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.
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.
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:

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:

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.
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
Thank you!