> ## Documentation Index
> Fetch the complete documentation index at: https://help.experro.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Shopify support

Experro Base-theme supports Shopify stores, but for a seamless experience, configure two aspects in the Shopify admin panel:

1. Implement checkout-related changes by adding the provided script to the "Additional Scripts" section within the checkout settings.

2. Customize email templates to maintain a consistent brand experience.

## Checkout Changes

To make checkout-related changes, follow the steps provided below.

**Step 1:** The initial step is to log in to your Shopify store using the provided credentials.

**Step 2:** Next, navigate to the store settings section.

<img src="https://mintcdn.com/experro/4vC8HJroGbuswJdg/images/image-29.png?fit=max&auto=format&n=4vC8HJroGbuswJdg&q=85&s=290a92bf8b7b1a06c66e2e59ddd7686f" alt="image.png" width="316" height="948" data-path="images/image-29.png" />

**Step 3:** Proceed by clicking on the checkout link to make the necessary changes for the checkout process.

<img src="https://mintcdn.com/experro/4vC8HJroGbuswJdg/images/image-31.png?fit=max&auto=format&n=4vC8HJroGbuswJdg&q=85&s=b831a512cdc886c7e2a548137a687b68" alt="image.png" width="1839" height="919" data-path="images/image-31.png" />

**Step 4:** Within the checkout settings, find the section called "Additional Scripts."

<img src="https://mintcdn.com/experro/4vC8HJroGbuswJdg/images/image-32.png?fit=max&auto=format&n=4vC8HJroGbuswJdg&q=85&s=66abea30fa1411cb9c9cdc86665385c7" alt="image.png" width="1030" height="626" data-path="images/image-32.png" />

**Step 5:** You need to add the provided script to the "Additional Scripts" section and Save it.

```js theme={null}
<script>
try {
  const redirect = 'https://excore-shopify-demo.experro.com/thank-you/';
  const requiredFields = [
    'customer',
    'id',
    'item_count',
    'line_items',
    'line_items_subtotal_price',
    'name',
    'order_id',
    'order_name',
    'order_number',
    'total_price',
  ];
  const modifiedCheckout = {};
  for (const field of requiredFields) {
    const checkoutFieldValue = Shopify.checkout[field];
    if (checkoutFieldValue) {
      modifiedCheckout[field] = checkoutFieldValue;
    }
  }
 window.top.location.href = `${redirect}?c=${JSON.stringify(modifiedCheckout)}`;
} catch (e) {
  console.error(e);
}

</script>
```

## Email Template Changes

To make Email-tempalte changes, follow the steps provided below.

**Step 1:** In the Shopify admin panel, find the "Settings" section, and then click on "Notifications." And add you Business email to Sender email.

<img src="https://mintcdn.com/experro/4vC8HJroGbuswJdg/images/image-33.png?fit=max&auto=format&n=4vC8HJroGbuswJdg&q=85&s=47e2f7b421820754dbd3d5eb0feec849" alt="image.png" width="1914" height="976" data-path="images/image-33.png" />

**Step 2:** To allow users to redirect to your Experro store from email templates in your Shopify store, you need to make changes to the email templates.

To modify the order confirmation template in your Shopify store, simply click on the "Order confirmation" template listed under the "Orders" tab in your Shopify admin panel.

<img src="https://mintcdn.com/experro/4vC8HJroGbuswJdg/images/image-34.png?fit=max&auto=format&n=4vC8HJroGbuswJdg&q=85&s=0f58f2d1debe6dfd5ad365b82c4bc0cd" alt="image.png" width="1918" height="968" data-path="images/image-34.png" />

Click on **Edit Code**

<img src="https://mintcdn.com/experro/4vC8HJroGbuswJdg/images/image-35.png?fit=max&auto=format&n=4vC8HJroGbuswJdg&q=85&s=078156f08b7cd7aaeb8f5df28bfe18b4" alt="image.png" width="1916" height="972" data-path="images/image-35.png" />

To enable redirection in the email template, you need to add the URL for the Experro store domain where the redirection should be pointed. This allows customers to seamlessly navigate to your Experro store from the email template.

<img src="https://mintcdn.com/experro/-c3d2Mmp8bZuVNox/images/image-36.png?fit=max&auto=format&n=-c3d2Mmp8bZuVNox&q=85&s=ed7f4c09963ba6dfaac4ff4215a3b6e2" alt="image.png" width="1910" height="976" data-path="images/image-36.png" />

Exactly! Once you've made the necessary changes for one template, you can replicate the same process for other templates in a similar manner. By customizing the URLs to redirect users to your Experro store, you can ensure a cohesive experience across all email templates in your Shopify store.