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.
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.
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 users to track and send buyer behavioral data to a third-party service.
Order status page extensions: Order status page extensions enable you to add new UI and functionality to the order status page.
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 FunctionsAnchor link to section titled "Shopify Functions"
The following Shopify Function APIs are available in the checkout extensibility developer preview:
- Cart and Checkout Validation API: Provide your own validation of a cart and checkout.
- Fulfillment Constraints API: Provide your own logic for how Shopify should fulfill and allocate an order.
- Order Routing Location Rule API: Provide your own ranking of location, for each item, during order routing.
- 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.
Bundles developer previewAnchor link to section titled "Bundles developer preview"
Product bundles enable users to group products together and sell them as a single unit. This critical merchandising strategy helps users to increase average order value, decrease marketing and distribution costs, and reduce inventory waste.
The following Shopify Function API is available in the bundles developer preview:
- Cart Transform API: Expand cart line items and update the presentation of cart line items.
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.
Learn more about Shopify 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.
Learn more from our community forum.
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.
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 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.
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 previewAnchor 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_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.
Learn more about color_scheme and color_scheme_group settings.