Sometimes you want to send a customer directly to a cart or checkout with set products inside. Shopify has a special feature called Cart Permalinks which you can make a URL that has a list of products inside and when the customer clicks on it, they immediately get those products in their cart.
Creating a special url takes quite some time to create so we created a tool to make it easy and simple to use.
This tutorial code requires a little bit of copy and paste in your Shopify backend to make it work but should take about 5 minutes no more.
Steps
1. Login to Shopify Backend
2. Customize your theme and add a new "page template" called "Cart Builder" based on "Default Page".
3. In this "Cart Builder" page template add a new section called "Custom Liquid" and copy the code from https://github.com/onescales/shopify-cart-builder/blob/main/shopify-cart-builder.liquid and save.
4. Create New Page (for example - Shopify Cart Builder) and Select "theme template" "Cart Builder"
5. Visit "Cart Builder" page and use the form to get a url of your cart
- Checkbox any products you want to add to cart and specify the quantity. Note you will need to select at least 1 product for the url builder to work.
- Select "Send visitor to" either cart or checkout page
- Specify "Discount Code" if you want to add a coupon code. Discount Code is optional.
- Click on "Build URL".
- Grab either the QR code or the url via copy and provide to your customers. Note you can right click and "save as image" the qr code to use later.
6. Start Using It. Enjoy!
Additional Notes
- Currently limited to 1000 products. If you have more than 1000 products in your catalog, you will need to customize code on your end.
- If customer had an existing cart already, this url will replace it.
- Note that the above instructions are to create a new page and add liquid code. These instructions will create a public live page which most of you probably don't want to showcase to the world so you will have to add a password, make the page in draft mode or use the liquid in this repo to do it in your own protected way. You can also make visibility "hidden" and use it as a logged in admin by clicking on view page button.
- QR Code generated is using google charts api.
- If you add a Discount code that is wrong, the url will fail when you try it.
- This form is an easy tool to use based on Shopify's Cart Permalink - https://help.shopify.com/en/manual/products/details/cart-permalink
- All code and instructions are as is. By reading this repository, readme or any code, you acknowledge that you are solely responsible for your own doings.
2 comments
Hi Mathieu. We have fixed the issue and code now supports up to 1000 products. see link in this article to github code.
Hi,
Thanks for this awesome code.
What can be the issue if we can’t see all products (just 55) in the page (we have less than 1000) ?
Thanks