Gorgias logo
Gorgias logo

All articles

Shopify HydrogenUpdated 22 days ago

Shopify Hydrogen is a set of developer tools used to build Shopify stores that are more personalized and performant. The goal of the framework is to help you and your developers, build unique custom storefronts faster.

By connecting Gorgias and Shopify Hydrogen, you'll be able to install the Chat on your store in no time and leverage support inquiries into sales, manage your customer interactions via a live Chat, and automate responses to frequent requests.


Make sure that you or your team know how to update your custom storefront to add a custom script.

1. Connect your Shopify to Gorgias.
2. Click Add App.

3. Follow the steps to authorize and connect the app.

4. Log into your Gorgias account.

5. If you already have a built Hydrogen storefront, first check that your Shopify App permissions are updated in Gorgias under Settings → App Store → My Apps → your Shopify store.

Click on the Update App Permissions button - if it's greyed out, it means that your Shopify app is up to date.

6. From your Gorgias dashboard, go to Settings → Channels → Chat.

7. Click Add Chat.

8. Customize your Chat, then click Add New Chat

9. In Select a platform type, select Any other website (the Shopify install will only work for regular Shopify online stores).
10. You will be redirected to the Installation tab - copy your embed code from Manual Installation.

11. Add the embed code to your preferred location on your custom storefront, right above the </body> tag.

Was this article helpful?