How it Works Page (Shopify 1.0 theme)

Setting Up a Custom How it Works Page on Your Store Using HTML for a Shopify Liquid Theme

Step 1: Access Your Shopify Admin

• Navigate to Your Pages: Log in to your Shopify admin panel. Go to 'Online Store' > 'Pages'.

Step 2: Create a New Page

• Add a New Page: Click on 'Add page'.
• Enter the Page Details: Provide a title for your page, such as "Try with Mirra".

Step 3: Add Content Using the HTML Editor

• Switch to HTML Editor: In the content area of the page editor, switch from the rich text editor to the HTML editor to input custom HTML.
• Input Your HTML Content: Here’s a basic HTML structure you can start with. Modify and expand upon this template based on your specific requirements:

<div style="font-family: 'Helvetica Neue', Arial, sans-serif; color: #333333; max-width: 800px; margin: 20px auto; line-height: 1.6; text-align: left;">
    <h1 style="text-align: center; font-size: 24px; font-weight: normal;">Try Before You Buy</h1>
    <p>We are very excited to announce our collaboration with Try with Mirra.</p>
    <p>It is very important to us that you can confidently find the perfect fit and style when shopping with us online.</p>
    <p>Now, you can try our products before you buy, completely risk-free!</p>
    <h2>How Does it Work?</h2>
    <ul>
        <li>Use the "Try Before You Buy" button when adding items to your cart.</li>
        <li>Enter your card details during checkout as normal, but don't worry, you won't be charged yet. We'll use this card when you decide to complete your order.</li>
        <li>Once your order arrives, you will have 4 days to try on the items.</li>
        <li>We'll send you a link via email and SMS to access your Customer Portal and complete the order.</li>
        <li>Simply select your order and follow the steps to finalize your purchase.</li>
        <li>You'll only be charged for the items you decide to keep.</li>
    </ul>
    <h2>Returns</h2>
    <p>If you need to return anything, you have a few options:</p>
    <ul>
        <li>[OPTION 1] - We'll send you a prepaid return label. This will be provided by email when we receive your return request.</li>
        <li>[OPTION 2] - A prepaid return label will be included in your parcel, just in case you need to return anything. Please ensure the order is completed and the return has been requested in the Customer Portal, before posting it back to us.</li>
        <li>[OPTION 3] - If you need to return anything, we'll send you a link to download a prepaid return label.</li>
    </ul>
    <p>Returns must be posted within 3 days of completing the order.</p>
    <p>Please note, if you return all items from the order, a $10 Restocking fee will be applied.</p>
</div>

Step 4: Add the Page to Your Navigation Menu

1. Navigate to Online Store > Navigation.
2. Select the menu where you want to include the new page. We recommend adding it to your top navigation. 
3. Click Add menu item, name it appropriately (e.g., Try Before You Buy, Home Try-On), and link it to your newly created "Try with Mirra" page.
4. Click Add and then Save Menu.