Implementing the Shipped widget to your Shopify store is straight forward and simple. Use the following instructions to complete implementation.

If you have a conflicting app that needs to be uninstalled, contact us at support@invisiblecommerce.com to uninstall the conflicting app and install the Shipped widget.

Before you start, please ensure that Shipped Shield and/or Green is enabled in the Shipped Suite merchant admin.

For 2.0 Themes - Add app block

1. From the left menu navigation. Go to Online Store > Themes.

2. In the “Current Theme” section, click into “Customize."

3. Add any item to the cart.

4. In the preview, go to the cart page.

5. From the left menu, expand “Subtotal” section.

6. Hover between the "Subtotal Price" and "Checkout" section and click “Add block." 

7. Select “Shipped Shield” from the "Apps" tab.

8. Configure the Shipped widget using the right hand side panel with the appropriate settings.

   1. Shipped Shield: Toggle to "On" if this is enabled

   2. Shipped Green: Toggle to "On" if this is enabled

   3. Any other applicable settings.

9. Click "Save" on the upper right corner.

Themes with Popup or Drawer Carts

If you have a theme with a popup or drawer cart and would like the Shipped widget to be visible in those locations, please contact us at support@invisiblecommerce.com to assist with the asset installation.

If the Shipped widget is automatically injected, a configuration script is to be added for Shipped Green upsell to be reflected.

Instructions:

1. From the left menu navigation, go to Online Store > Themes.

2. In the "Live theme" section, location "Actions" dropdown and select "Edit code."

3. Select theme.liquid

4. Right before </head>, add in the following configuration script.

   <script>
         shippedConfig = {
           isGreen: true,
           }
   </script>

5. Click "Save."

For Vintage Themes

If you're not using a 2.0 theme, please contact us at support@invisiblecommerce.com to assist with the installation.