Shopify's developer previews give you early access to new features of Shopify so that you can build on the platform with confidence. You can test features that will be available to users in the upcoming months, but that haven't yet been rolled out. With developer previews, you can test your apps for compatibility, build new features, and adapt your business strategies to maximize your apps' value to users.
Visit our developer changelog to see all available developer previews.
Previewing new featuresAnchor link to section titled "Previewing new features"
When a new feature is accompanied by a backwards-incompatible change to our APIs, or a significant change to the online store or the Shopify admin, it's included in a developer preview.
You can test the feature by creating a new development store and enabling the developer preview from your Partner Dashboard.
Enable a developer previewAnchor link to section titled "Enable a developer preview"
Each developer preview can include several new features. When you enable a developer preview, you select the preview that includes the features that you want to have access to.
A development store with a developer preview enabled includes all of the features that are available on the Advanced Shopify plan, but the store can't be transferred to another owner or transitioned to a paid plan. To learn more about development stores and their features and limitations, refer to Development stores.
- From your Partner Dashboard, click Stores.
- Click Add store > Create development store.
- In the Development store use section, select Create a store to test and build.
In the Store details section, enter a name for your store.
The store name is used to create the store's myshopify.com URL. This URL can't be changed.
Choose the build that you want to use.
If you select a Developer preview, then you can select a developer preview version from the drop-down list. Development stores that use a developer preview can't be transferred to a merchant.
Under Data and configurations, choose whether to start with an empty store, or with a store that's populated with test data generated by Shopify. Stores that start with generated test data can't be transferred to a merchant.
Click Create development store.
When you're done working on a development store, you can archive it.
Timeline for developer previewsAnchor link to section titled "Timeline for developer previews"
For backwards-incompatible changes, the timeline for developer previews is tied to the API release schedule.
When a stable version introduces a backwards-incompatible change, the feature associated with the change won't be available to a user's Shopify admin until 9 months later, when that version of the API is the oldest supported stable version. So you have 9 months to preview a feature and prepare for it before it's released to users.
To learn more about the API release schedule, refer to Shopify API versioning.
Admin UI extensions developer previewAnchor link to section titled "Admin UI extensions developer preview"
The Admin UI extensions developer preview introduces actions and blocks for integrating your app on key pages of the Shopify admin, such as the Products, Customers, and Orders pages. You can access the admin UI extensions developer preview by creating a new extension using Shopify CLI 3.48 or later.
Admin action extensions enable your app to embed transactional workflows that display as modals. These actions let users interact with your app directly from Shopify admin pages. You can also create actions that become available when users select multiple resources in an index table, such as selecting multiple products on the Products index page.
Admin block extensions enabled your app to embed contextual experiences that display as cards on Shopify admin pages. Blocks enable your app to persistently display relevant information to users. They also let users edit your app's data and other product data, add your app's block to resource pages, and edit its location on the pages.
Learn more about admin UI extensions, including developer tools and resources for building such as APIs and component libraries.
Checkout extensibility developer previewAnchor link to section titled "Checkout extensibility developer preview"
The checkout UI extensions developer preview includes access to the following capabilities:
Checkout UI extensionsAnchor link to section titled "Checkout UI extensions"
Checkout UI extensions: Apps can integrate with Shopify checkout using these extensions to add custom UI and additional functionality to the checkout experience.
For example, developers can build extensions that capture additional information from customers or show customers a recommended product offer. In the Shopify admin, you can use the checkout editor to place a checkout UI extension in the checkout experience.
Checkout branding: A set of resources on the GraphQL Admin API to apply styling to checkout like logos, colors, fonts, and more.
Thank you and order status extensions: Thank you and order status extensions enable you to add new UI and functionality to the thank you and order status pages.
The documentation will be updated as Shopify introduces new extensions types for checkout.
Shopify FunctionsAnchor link to section titled "Shopify Functions"
The following Shopify Function APIs are available in the checkout extensibility developer preview:
- Shipping Discount API: Create a new type of discount that's applied to one or more shipping rates at checkout. Learn more about discount apps and discount app React components.
Shopify Markets developer previewAnchor link to section titled "Shopify Markets developer preview"
Shopify Markets is a cross-border management tool that helps users identify, set up, launch, optimize, and manage their international markets - all from a single store. With the developer preview, new development stores can access Shopify Markets.
You can test this feature by enabling the Shopify Markets developer preview on your development store. After setting up your development store and enabling the developer preview, you can access Shopify Markets by going to Settings > Markets.
Shopify Plus Global Nav developer previewAnchor link to section titled "Shopify Plus Global Nav developer preview"
The Shopify Plus Global Nav developer preview enables you to test how your embedded apps will look on Shopify Plus stores that feature our global navigation.
By testing your app with the global navigation preview, you can see how your app behaves in a smaller viewport and make sure it's compatible with Shopify Plus shops.
Refer to our guide on how to embed your app within the Shopify admin using App Bridge.
Localization extensions developer previewAnchor link to section titled "Localization extensions developer preview"
The Localization Extensions developer preview enables you to use the GraphQL Admin API to return a tax ID that was collected during checkout.
You can test this feature by enabling the Localization Extensions developer preview on your development store.
Duties and taxes developer previewAnchor link to section titled "Duties and taxes developer preview"
The Duties and Taxes developer preview gives your development store the ability to charge duties calculated by Shopify during checkout, which avoids surprise charges for customers upon delivery.
Using the 2020-04 version or higher of our REST or GraphQL Admin APIs, you can fetch duty amounts charged on international orders through checkout. Using the GraphQL Admin API, you can create refunds that include the duty on an entire order or individual line items.
For our Shopify Unite 2019 annual developer conference, we released a special edition of developer preview, which included the following features:
Going forward, all developer previews will be published as needed. You can learn about the features in each developer preview in the API version release notes.
Online Store color scheme developer previewAnchor link to section titled "Online Store color scheme developer preview"
color_scheme_group to define the structure of a color scheme in
settings_schema.json, and then set values for the color scheme in
settings_data.json. You can allow app users to apply these color schemes at the theme, section, or block level using the
color_scheme setting, which outputs a color scheme picker.
You can also use the Liquid
color_scheme_group object to define new color schemes, so that app users no longer need to edit their CSS or Liquid files to add or remove color schemes.