Note This demo store is built on Hydrogen v2, based on Remix. If you are using a store built with the now deprecated Hydrogen 1, please see here.
Note: there have been multiple versions of Shopify's Hydrogen demo store. If you project is based on an old version of it, consult the history of this repository.
Please read the documentation of the @okendo/shopify-hydrogen
library.
This demo store is simply the template created by the command npm create @shopify/hydrogen@latest
provided by Shopify, to which the Okendo components have been added. Have a look at the commit history to see exactly what changes have been made.
- Your store must be running Okendo Widget Plus – our newer widget offering. Upgrading is free.
- Node.js version
18.0.0
or higher.
- Create the file
.shopify/project.json
with the following values from your Hydrogen store:
{
"shop": "<shop-name>.myshopify.com",
"shopName": "<shop-name>",
"email": "<your-email>",
"storefront": {
"id": "gid://shopify/HydrogenStorefront/<store-id>",
"title": "<store-title>"
}
}
- Replace the two instances of
<your-okendo-subscriber-id>
inapp/root.tsx
with your Okendo subscriber ID.
Your Okendo User ID identifies your Okendo account. You can get this information from the Okendo section in the integration settings of the Okendo app.
- Run:
npm ci
npm run dev