Use custom domains / URLs with React | Google Shopping

Hi all!

I’m currently building a custom front-end for a Shopify site. I’m using React, which relies on Shopify’s Buy SDK and Storefront API.

The Google Shopping feeds automatically rely on the Myshopify product URLs (e.g. XYZ.myshopify.com/product), but I would need to have the main domain in google shopping.

Long story short, I can not add the custom domain to shopify, because react is running on the domain. Is there a way to force a replacement of the URL in the Shopify back office?

I tried to replace the product URLs with Matrixify, but that is replaced with the Myshopify URL directly after uploading it. I know that I can replace the handle, but would need to replace the entire URL.

How do you handle this?

In Google Merchant Center, use the feed rules to replace the myshopify URL with the actual domain URL.

More info: https://support.google.com/merchants/answer/7450276?hl=en

1 Like

Cool, thanks!

@EmmanuelFlossie could you elaborate on how to properly do this?

Sure

  1. First check the documentation on feed rules, for the specific topic Use “Find & Replace” : https://support.google.com/merchants/answer/7450276?hl=en

  2. Then take a screenshot in Google Merchant Center with your attempt, and I can guide you what needs changing.

1 Like

If you look at your first image, on the right, the results before and after, show that you did it correctly.

1 Like

did i select the right attribute?

I’m now getting a mismatched URL error in Google Merchant. I replaced the myshopify url with the standard url but Shopify keeps reverting it back.

Make sure you verify and claim the correct URL.https://support.google.com/merchants/answer/176793?hl=en


I did but it keeps auto reverting back to the myshopify url after like 3-5 minutes.

Make sure your Shopify account is also set to the domain. And if the issue persist, then the app you are using is causing issues.

If you have Google and Youtube, contact: https://support.google.com/merchants/contact/shopify_3p_support_app

Alternatively, use a better app such as: https://apps.shopify.com/multiple-google-shopping-feeds

Thanks you for this, I just spent hours trying to figure this out to fix issues in my merchant center. Neither Shopify or Google have docs on this