Checkout Page Widget

Checkout Page Widget

Shopify currently only allows checkout page customization for Shopify Plus stores.
👉 This means you need a Shopify Plus store to load the ShipGuard widget at checkout.

Step 1. Enable the Widget

  • In the ShipGuard app, go to Protection Widget → Checkout Page.


  • Publish the widget, then click Go to Checkout Editor.



Step 2. Add ShipGuard in Checkout Editor

  • In the Shopify checkout editor, click Add app block.
  • Select ShipGuard: Shipping Protection.
  • Click Add to Checkout.
  • Review the style and amount displayed.
  • Don’t forget to Save in the top-right corner.



Step 3. Adjust Placement

  • After adding, click the arrow in the upper-left corner to return to the editing page.
  • Drag and place the widget where you want it to appear.



Final Check

  • Visit your store’s checkout page.
  • Confirm that the ShipGuard widget is visible, styled correctly, and functional.



Troubleshooting

  • If there are any issues, toggle the widget off in the ShipGuard app.
  • There’s no need to remove the app block in the checkout editor.
  • Contact our support team for help:

We’ll check your theme and make sure the widget displays and works perfectly on your checkout page.


    • Related Articles

    • Cart & Mini Cart Widget Setup

      The ShipGuard widget can appear in both your cart page and mini cart (cart drawer). This lets customers add shipping protection before checkout, helping you increase coverage and reduce claims. 1. Enable App Embed in Shopify Theme The widget requires ...

    • Store Theme Compatibility

      Theme Support ShipGuard is designed to work seamlessly with all Shopify certified themes. ? If your store is using a standard Shopify theme, the shipping protection widget will display and function without any issues. Third-Party Cart Drawer Apps If ...

    • Install the App

      Follow these steps to add ShipGuard: Shipping Protection to your Shopify store. Step 1: Open the Shopify App Store Go to the Shopify App Store. Search for ShipGuard: Shipping Protection. Click Add app. Step 2: Add the App to Your Store Log in to your ...

    • How to Enable App Embed?

      Enabling the app embed makes ShipGuard visible on your storefront so customers can add shipping protection during checkout. You can enable it in two ways: from the ShipGuard dashboard or from the Shopify theme editor. Enable from ShipGuard Dashboard ...