Connecting Klaviyo to Shopify Hydrogen

Hi there @Changnoy ,

Welcome to the Community and thanks for sharing.

That’s interesting. Have you tried restarting the integration process and looking there to see if your files are there?
If so, I can look into it with our dev teams.

Hi Alex,

Thanks for the reply. No sure what you mean what files? Do you mean starting integration from Shopify admin first?

I don’t have the LocalizationProvider in the demo-store so not sure where to nest KlaviyoOnsite , I nested it under EventsListener as a guess

Hi @Changnoy ,

Referring to the entire integration itself, starting clean from the beginning and seeing if reinstalling the integration would help. 

@alex.hong 

Thanks for your help, maybe this is above my skill level I just wanted to try to take it 1 step at a time. 

Using the code from this repo linked in article. https://github.com/klaviyo-labs/klaviyo-shopify-hydrogen-example

I copied the files into my project then went to next step adding initial Script.

The first challenge I faced was in App.server.tsx  https://github.com/Shopify/hydrogen/blob/v1.x-2022-07/templates/demo-store/src/App.server.tsx there is no Layout function like the example in the repo.

So to clarify my question how and where do I add initial Script that is my current challenge.

I have a general working knowledge of React but am new to Klaviyo and Hydrogen

Thanks 

Hi there! Curious if anyone knows if there are workaround using the existing shopify x klaviyo integration code rather than needing to rebuild out using what’s provided on the dev page?

Hi @Aliciacj17!

At this time, the only supported integration with shopify hydrogen is the one described in the developer docs here, but I will update the thread if anything changes!

Best,

Brian