Using cart permalinks lets you create a curated checkout experience for your customers. When you create a cart permalink, you can select the product variants, quantities, and discounts that you'd like to apply.
There are two kinds of cart permalinks that you can share with customers:
- Cart permalinks that direct the customer to a checkout with the selected merchandise are the default when you create a cart permalink from your Shopify admin.
- Cart permalinks that direct customers to a cart page with the selected merchandise on your online store can be created using customization.
You can embed cart permalinks in webpages as regular links or buttons, or share them with directly with customers. You can share cart permalinks in email campaigns, social media posts, or chat messages. The same link is reusable, and creates a new checkout for each customer.
Creating a cart permalink
If you've installed the Buy Button channel, then you can create cart permalinks from your Shopify admin on the product details page, or manually.
Create a cart permalink from your Shopify admin
You can create a cart permalink from a product details page. By default, a cart permalink includes one variant. If you want to add more variants and quantities to a cart permalink, then you can create a cart permalink manually instead.
- From your Shopify admin, go to Products, and then click the product that you want to create a cart permalink for.
- Click the More actions dropdown menu, and then click Create checkout link.
- Select a product variant.
- Click Copy link.
Create a cart permalink manually
You can manually construct a cart permalink by piecing together your store's cart page link, and one or more variant IDs. To view a complete cart permalink, refer to examples of permalinks.
- Starting with your store domain, add
/cart/at the end. For example,
- Add one or more variants by using
variant_id:quantity, separated by commas if you want to add multiple variants. Learn how to find a product's variant ID.
- Optional: If you want to your cart permalink to include Shop Pay checkout, a discount code, or go directly to the cart page instead of checkout, then you can customize your cart permalink.
Customizing a cart permalink
You can customize a cart permalink by adding a set of query parameters after the
? in the link. You can customize a cart permalink in the following ways:
- direct customer checkout to Shop Pay
- apply a discount code
- direct a customer to the cart page instead of checkout
Direct customers to a Shop Pay checkout
If you have Shop Pay activated on your store, then you can add
payment=shop_pay to the end of your cart permalink to send your customer to a checkout powered by Shop Pay.
If a customer is signed in with Shop Pay, then they can complete their order using Shop Pay's accelerated checkout. Customers can alternatively choose to use the guest checkout.
If you want to add Shop Pay branding to your cart permalinks powered by Shop Pay, then refer to the Shop Pay branding guidelines and downloadable assets. You can alternatively use the
Buy with Shop Pay Web Component, which renders a Shop Pay button with the contents of your cart permalink.
Add a discount code to a cart permalink
You can add a discount to the checkout by adding
discount=CODE to the end of your cart permalink. For example, if you have a discount code titled
15off, then add
discount=15off to the end of the link. The discount is applied when a customer checks out using the link.
Direct customers to a cart page
You can direct customers to a cart page on your online store instead of checkout by adding
storefront=true to the end of your cart permalink. This lets the customer review their cart before proceeding to checkout.
Examples of cart permalinks
Cart permalinks containing one product variant
A one-variant cart permalink displays similar to the following example:
Cart permalinks containing multiple product variants
A cart permalink with multiple variants and quantities displays similar to the following example:
Cart permalinks that are powered by Shop Pay
A cart permalink that initiates a checkout powered by Shop Pay displays similar to the following example:
Cart permalinks containing a discount code
A cart permalink powered by Shop Pay that includes the discount code
15off displays similar to the following example:
Cart permalinks for a cart page
A cart permalink that directs customers to a populated cart instead of checkout displays similar to the following example: