Skip to content

Shopify Dude Fix

Why Isn’t a Shopify Checkout UI Extension Showing?

A Checkout UI extension must be installed, deployed, available to the store, and added to the checkout editor or the right target. Deployment alone is not enough.

Quick answer: A checkout UI extension can be built and deployed but still not appear until the app is installed on the correct store, the extension version is active, the target is supported, and the merchant adds the block in the checkout and accounts editor where required.

The real symptom

  • The extension appears in local dev preview but not production checkout.
  • The app is installed but no app block appears in the checkout editor.
  • A reviewer cannot see the extension.
  • A static target renders nowhere or only on one checkout profile.

Likely causes

  • The extension was deployed but not released.
  • The app block was not added in the checkout editor.
  • Development Store Preview is the only place it was visible.
  • The extension target does not match the surface being edited.
  • The store, checkout profile, or app install is not the one being tested.
  • A JavaScript error prevents the extension from rendering.

Fix path

  1. Confirm the app is installed on the exact store being tested.
  2. Deploy and release the extension version.
  3. Open Settings → Checkout and customize the correct checkout profile.
  4. Add the app block if the extension uses a block target.
  5. Test with the target placement the extension supports.
  6. Check extension logs and browser console errors.

Simple checks

  • Compare dev preview, checkout editor, and live checkout separately.
  • Remove and re-add the block after releasing a changed version.
  • Confirm the app’s checkout targets match the extension code.

Do not do this

Do not assume deployment means merchant placement. For block extensions, the checkout editor is part of the installation path.

Sources