How to Show Content Based on Shipping Method on Shopify

Hailey
Hailey October 08, 2018

Share:

Many shop owners on Shopify also have their brick and mortar stores. In other words, they have not only the online shop but also the physical shop in real life. Hence, if the customers want to get the product, they have two options. They can add the item to their carts and pay for the shipping cost. However, it’s not a good idea if they live close to your physical store.

Therefore, I recommend you to give them the second option. It’s to inform the customers of the retail address on the order status page. Of course, the information is only shown when they select the local pickup option. This tutorial will help you to show content based on shipping method.

Related Posts:

How to show content based on shipping method

Step 1: Go to Checkout

Log in your Shopify account. At the bottom of the admin page, click on Setting. Then, choose the Checkout button.

how to show content based on shipping method

Step 2: Go to Additional scripts

Scroll down to look at the Order processing section. Make sure to find out Additional scripts which is the last option in the four ones.

how to show content based on shipping method

Step 3: Copy the code

You can copy the following code in two ways. The first way is using Ctrl + C. The other way is using right click and taping on Copy.


<script>
    <!-- DEBUG {{ checkout.shipping_method.title }} has been used -->
    {% if checkout.shipping_method.title == 'Pick-up at the store' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Your stuff has already arrived. Come and get it as soon as possible. Our brick and mortar is open from 8am to 6pm. Our address is 102 Tran Phu, Ha Dong, Ha Noi (on the 11th floor).</p>`
      )
    {% endif %}
</script>

Step 4: Show content based on shipping method

Paste the script into the Additional scripts text box after you’ve copied it.

how to show content based on shipping method

Step 5: Click Save

Finally, click Save button to complete.

how to show content based on shipping method

To show content based on shipping method on Iphone (Click here)

  • Step 1: Click Setting
    Log in your Shopify app, click Store. Tap on Setting.

how to show content based on shipping method

  • Step 2: Go to the Checkout section
    Choose the Checkout button in the Store setting field.

how to show content based on shipping method

  • Step 3: Find the Additional scripts
    Scroll down and take a view of the Order processing. Look at the Additional scripts and click on the text box under it.

how to show content based on shipping method

  • Step 4: Copy the code
    Select the entire code and taping on Copy to copy the following code.

<script>
    <!-- DEBUG {{ checkout.shipping_method.title }} has been used -->
    {% if checkout.shipping_method.title == 'Pick-up at the store' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Your stuff has already arrived. Come and get it as soon as possible. Our brick and mortar is open from 8am to 6pm. Our                   address is 102 Tran Phu, Ha Dong, Ha Noi (on the 11th floor).</p>`
      )
    {% endif %}
</script>

  • Step 5: Paste the code
    After copying the code, make sure to paste it into the Additional scripts text box.

how to show content based on shipping method

  • Step 6: Click Save
    Scroll down and make sure to select Save after you’ve done.

how to show content based on shipping method

To show content based on shipping method on Android (Click here)

  • Step 1: Click Setting
    Make sure to log in your Shopify account, go to Store. Then, choose Setting.

  • Step 2: Go to the Checkout section
    Select Checkout in the Store setting field.

  • Step 3: Find the Additional scripts
    You can find the Order processing by scrolling down. Four options will come out . View the Additional scripts field and tap on the text box.

  • Step 4: Copy the code
    In this step, make sure to copy the following code.


<script>
    <!-- DEBUG {{ checkout.shipping_method.title }} has been used -->
    {% if checkout.shipping_method.title == 'Pick-up at the store' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Your stuff has already arrived. Come and get it as soon as possible. Our brick and mortar is open from 8am to 6pm. Our                   address is 102 Tran Phu, Ha Dong, Ha Noi (on the 11th floor).</p>`
      )
    {% endif %}
</script>

  • Step 5: Paste the code
    After copying the code, paste it into the Additional scripts section.

  • Step 6: Save
    Select Save to make sure that you’ve followed this guide successfully.

Summary

Above are some simple steps to show content based on shipping method. It just takes you about five minutes to have it done. Hope you will get the trust from the customers’ thanks to doing such a thoughtful affair like this. For further information, check out our tutorials for Shopify store owners.

Google Tag Manager for Enchanced eCommerce and improved Shopify performence store

Get it FREE

Orders

Shopify Order API: Test Shopify orders with REST Admin API Change Order Number in Shopify Delete abandoned checkouts on Shopify Add a Tracking Number Refund an Entire Order Resend Email About Order to Customer View Order Status Page of an Order Find or Complete an Existing Draft Order Refund Order Fulfill Orders For Multiple Locations Export Orders To A CSV File Archive Fulfilled Order Add or Remove Taxes Add or Remove Customer Fulfill Part of Order Manually Create Draft Order Apply Discount to a Specific Item Add Tag to Order Add Products to a Draft Order View Marketing Activity Reports Enable Automatic Abandoned Checkout Recovery Emails Email Customer Link to their Abandoned Checkout Manually Cancel Order View the Fraud Analysis For an Order View Order's Conversion Summary Review an Order's Transaction History Print Order Delete an Order View Order Use Bulk Actions with Filter Sort Orders List Save Filter or Search Refund Part of an Order Fulfill Many Orders At Once Manually Capture Single Payment Manually Cancel Fulfillment Fulfill Orders Manually Show Content Based on Shipping Method Translate Order Status Page Show Content Based on Customer's Locations Enable Push Notifications Attach an Order Tag Add an Opt-In for Order Updates View the Status Page for One of your Orders Show Content Based On an Order for A Particular Product Run Scripts Only on the First Visit on Shopify Manually Add the Order Status URL to your Email Templates Check if Email Templates have been Customized View an Order's Timeline Edit Customer Information


Hailey
Hailey
I'm a detail-oriented, honest and hard-working of Shopify Expert, ready to work with you to find solutions to help you start your business or grow it. We offer fast deliveries without compromising quality. Fast and effective!

Comments for Show Content Based on Shipping Method



People also searched for

Subscribe

Stay in the know

Get special offers on the latest news from AVADA.

40k subscribers has been joined!

Earn $10 in reward now!

comment
iphone
go up