Modals are overlays that prevent merchants from interacting with the rest of the app until they take an action that dismisses the modal.

Modals can be disruptive because they require merchants to take an action before they can continue interacting with the rest of Shopify. You should use modals sparingly.

The Modal action set allows you to open two types of modal: message and iframe. Message modals support only plain text content. Iframe modals allow you to fully customize the modal contents.

There are 2 ways to use the modal action:

  1. Plain JavaScript
  2. React component

On this page