# Headless Store Integration

***

### What is a Headless Store?

A **headless store** separates your website’s front-end (what customers see) from the back-end (where your data and store logic live). With Shopify’s **Hydrogen** framework, you can build fast, dynamic, React-based storefronts while still using Shopify for e-commerce management.

***

### Why Integrate Consentik Cookie with Hydrogen?

* **Compliance:** Stay compliant with privacy regulations by showing cookie banners and collecting consent—even in custom headless setups.
* **Flexibility:** Customize the look, feel, and behavior of your cookie consent experience to match your unique storefront.
* **Unified Data:** Manage cookie preferences and consent records in one place, regardless of your store’s architecture.

***

### How to Enable Headless Integration

To ensure secure and accurate operation, integrating Consentik Cookie with a headless Hydrogen storefront requires a few extra steps:

#### 1. Approve New Permissions

For Consentik Cookie to work with your Hydrogen store, you’ll be prompted to grant additional permissions within the Shopify admin. These permissions allow Consentik to communicate with your custom storefront securely.

* Go to your Shopify **Apps** section.
* Select **Consentik Cookie**.
* Go to section **Headless Integration** in **Integrations** page
* Click to **Update permission** to approve the new permission

#### 2. Contact Consentik Support

Headless integration requires some manual configuration to fit your unique setup:

* **Contact Consentik Support** after approving permissions.
* Our team will provide detailed integration instructions tailored to your Hydrogen storefront.
* We’ll guide you through steps like installing Consentik’s SDK, placing consent components, and configuring API endpoints if needed.

***

### What’s Included in the Integration Guide?

Our support team will help you:

* **Install and import the Consentik JavaScript SDK** into your Hydrogen app.
* **Render the cookie banner** anywhere in your React component tree.
* **Sync user consent** between your storefront and Shopify.
* **Customize the banner and preferences popup** for a headless environment.

All integration steps are designed to be developer-friendly and flexible for headless use cases.

***

### Need Help?

If you’re planning to run your Shopify store in headless mode with Hydrogen, Consentik Cookie is ready to support you!\
For assistance or to start the integration process, [contact our support team](mailto:contact@consentik.com) after approving the necessary permissions in your Shopify admin.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.consentik.com/integrations/headless-store-integration.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.