Shopify Plus - Adding Shipped widget to checkout.liquid


Shipped
Last Updated: 4 months ago

In order to offer Shipped products to your customers at checkout, Shipped widget must be added to your checkout page. We're here to help if you need any assistance, just send us a request at support@invisiblecommerce.com.


If your checkout.liquid theme file is enabled

Insert the Shipped widget script in the checkout.liquid theme file with the simple instructions below.

Insert Shipped widget script instructions:

  1. Go to "Themes" from your "Online Store" menu, click on "Actions" dropdown and select "Edit code".

  2. Select "checkout.liquid" theme code.

  3. Add the the following Shipped widget script right before the ending </head> tag.

    <script>
          shippedConfig = {
            widgetPosition: 'below-order-summary',
            addShopWithConfidenceWrapper: false,
            }
        </script>
    
    <script defer src="https://js.shippedsuite.com/shopify/legacy-checkout.js"></script>
  4. Click "Save".

For use with Shipped Green or other advanced customization options, see How to customize Shipped widget.


If your checkout.liquid theme file is not enabled

Please contact Shopify Plus support to enable checkout.liquid theme file, see instructions. Once enabled, follow the above "Insert Shipped widget script" instructions.


If your checkout.liquid theme file cannot be enabled

Shopify Plus Checkout UI Extension may be an option for you to insert the Shipped widget. This feature is currently available to some Shopify Plus merchants. To check if this feature is available to you, go to "Checkout and accounts" settings and see if "Go to Checkout Editor" is visible. If it is, you can follow the Shopify Plus - Adding Shipped widget with Checkout UI Extension instructions to complete the Shipped widget installation.

If Checkout UI Extension is not available, proceed to enable checkout.liquid and follow the above "Insert Shipped widget script" instructions.


Was this article helpful?