Developer previews

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.

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.

1. From your Partner Dashboard, click Stores.
2. Click Add store > Create development store.
3. In the Development store use section, select Create a store to test and build.

4. 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.

5. 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.

6. Click Create development store.

When you're done working on a development store, you can archive it.

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.

The checkout UI extensions developer preview includes access to the following capabilities:

• 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.

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.

Learn more about Shopify Functions.

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.

Learn more about Shopify Markets.

Learn how to create a development store.

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.

Learn how to create a development store.

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.

Learn how to create a development store.

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:

• New online store design experience

• Order editing

• Support for 3D and video media for products

• Selling in multiple languages

• Tax exemptions

• New fulfillment workflows

• Delivery profiles

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.

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.