The Add to Cart & Redirect app (which you can get here) allows you to specify which page you want customers to be taken to after clicking the 'Add To Cart' button on any given product page (on a product-by-product basis). This feature allows you to show accessories, upsells, add-ons or other products/content on a regular Shopify page (i.e. collection page, info page, product page, etc.) rather than being forced to show them in a limited-functionality pop-up or modal window, as with other apps.
Click here to download the Add to Cart & Redirect app from the Shopify App Store. On this page, click the green 'Add app' button and then follow the prompts to add the app to your Shopify store. You'll see that our app includes a 7-day free trial before the first $6.99 monthly billing (which is processed by Shopify as part of your regular monthly Shopify subscription).
This app user guide is organized into 4 sections:
This app works by adding a simple "IF-THEN-ELSE" script to your product pages (i.e. IF this, THEN do this, OTHERWISE do this). It specifies what should happen when a customer clicks the 'Add To Cart' button on any given product page. It essentially works like this...
IF the product has a value (i.e. a URL) entered in the 'atc_redirect' metafield...
THEN add the product to the cart AND redirect the customer to the URL contained in that field...
ELSE (akaOTHERWISE) just add the product to the cart as usual.
The app functions on a product-by-product basis. You can set up a redirect for some products but not others. When a customer clicks the 'Add to Cart' button on a product that has a redirect in place, it will redirect the customer to the specified page (in addition to adding the product to their cart). When the customer clicks the 'Add to Cart' button on a product that does not have a redirect in place, Shopify will simply take the customer to your store's cart/checkout page (depending on your theme settings) like it normally would.
Shopify now requires that you authorize all apps to "interact" with your live theme. To do that, you'll need to launch Shopify Theme Editor (i.e. Customizer).
In your Shopify admin panel, navigate to the Online Store > Themes page. At the top of the page, you'll see a picture of your "live theme" (desktop version and mobile version). To launch the Theme Editor (i.e. Customizer), simply click the green 'Customize' button.
Within Shopify Theme Editor, in the top-left corner of the screen, click the 'App embeds' icon.
Now click the on/off toggle button to activate the 'Add to Cart & Redirect' app.
You have now authorized the Add to Cart & Redirect app to interact with your theme. By doing so, the "IF-THEN-ELSE" script (discussed above) has now been added to (all of) your product page template(s). Make sure to click the 'Save' button in the top-right corner before exiting/closing Shopify Theme Editor.
Please note that if you ever change to a new theme, you will need to authorize the app (along with all of your other apps) again in your new theme.
As noted above, by authorizing the app in Shopify Theme Editor, the "IF-THEN-ELSE" script that makes this app work was installed into your theme's product page template(s). Now you just need to a) create the 'atc_redirect' metafield in Shopify (which takes 2 minutes) and b) update your product pages to include a value (i.e. URL) for that metafield (setup time varies by catalog size). In this section of the user guide, we'll walk you through the steps of creating the 'atc_redirect' metafield.