Developer previews
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 merchants 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 merchants.
Visit our developer changelog to see all available developer previews.
Previewing new features
Anchor 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 preview
Anchor 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.
Click Create development store.
When you're done working on a development store, you can archive it.
Timeline for developer previews
Anchor 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 merchant'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 merchants.
To learn more about the API release schedule, refer to Shopify API versioning.
Checkout extensibility developer preview
Anchor link to section titled "Checkout extensibility developer preview"The checkout UI extensions developer preview includes access to the following capabilities:
Checkout UI extensions
Anchor 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.
Tutorials: Code examples and instructions on how to build common use cases like adding a custom field to collect delivery instructions and product offers to checkout.
Checkout branding: A set of resources on the GraphQL Admin API to apply styling to checkout like logos, colors, fonts, and more.
Web pixels: A web pixel app extension to build apps that enable merchants to track and send buyer behavioral data to a third-party service.
The documentation will be updated as Shopify introduces new extensions types for checkout.
Learn more about customizing checkout.
Learn how to create a development store.
Shopify Functions developer preview
Anchor link to section titled "Shopify Functions developer preview"The following Shopify Function APIs are available in developer preview:
Delivery Customization API: Rename, reorder, and sort the delivery options available to buyers during checkout.
Payment Customization API: Rename, reorder, and sort the payment methods available to buyers during checkout.
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 preview
Anchor link to section titled "Shopify Markets developer preview"Shopify Markets is a cross-border management tool that helps merchants 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 preview
Anchor 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 preview
Anchor 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.
Learn how to use the GraphQL Admin API to return a tax ID collected during checkout.
Learn more about localization extensions through our community forum.
Duties and taxes developer preview
Anchor 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.
Refer to the guide on how to use duties using the GraphQL API.
Learn more about duties through our community forum.
Learn how to create a development store.
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 preview
Anchor link to section titled "Online Store color scheme developer preview"The Online Store color scheme developer preview gives you access to the following new input setting types for Online Store themes:
color_scheme
color_schemes
Use color_schemes
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 merchants 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_schemes
object to define new color schemes, so that merchants no longer need to edit their CSS or Liquid files to add or remove color schemes.
Learn more about color_scheme and color_schemes settings.