Send Shopify's storefront visitors to your site

Shopify keeps its own storefront, the Online Store, at example.myshopify.com. Visitors can still reach it from an old link or a search result. If you do not use it, Smootify’s Redirect theme sends them to your site. It is the same theme for every Smootify site: you set it to your Astro site’s address.

1. What the theme does

• It sends every page of the Online Store to the same page on your site, except the cart page.
• Product and collection pages go to your own routes, using the folder names you set in the theme.
• Shopify’s bot check and discount links keep working. A discount link sends the visitor to your site with the code, and Smootify applies it to the cart.
• The query of the link is forwarded to your site, with the ?discount code kept from the cookie.
• It lets the Smootify dashboard read your app embeds, such as the Shopify Inbox chat, straight from the store: see Shopify Inbox.
• Creator links from Shopify Collabs reach your site through it: see Shopify Collabs.

2. Set it up

1. Download the Redirect theme.
2. In Shopify, go to Online Store, Themes and upload the file.
3. Click Customize, then open Theme settings, Storefront and fill in:
   • Hostname: the domain of your site, without the protocol, such as www.example.com. Use the same host your site answers on: with or without www as in Deploy to Cloudflare.
   • Products Base: the folder of your product pages, products in the project Studio makes.
   • Collections Base: the folder of your collection pages, collections in the project Studio makes.
   • Custom redirects: one line for each other page, as Shopify path > Storefront path.
   • Integrate with customer accounts: on by default.
4. Publish the theme.

If you changed the folder names in routes of smootify.config.mjs, use the same names here.

The theme does not add a trailing slash to the address it sends visitors to. On Cloudflare that costs one extra hop to the address with the slash.

Already using an older version? Upload the new file the same way and publish it. A theme uploaded from a file starts with the default settings, so fill in Theme settings, Storefront again.

Before you publish