How can I create a product add-on at checkout or cart?

[Ksoldier]

I want to provide an insurance service for customers to cover any missing/damaged items during transit and want to have an add-on created at cart/checkout level. 

Currently, I am using the app assortion which is fantastic but is only able to give a post-checkout add-on which a lot of customers aren't viewing as they close the tab the moment payment goes through. 

Is there anyway to create a product add-on at checkout/cart? 

[PaulNewton · Accepted solution]

Repurpose the gift-wrap customization for cart upsells, fees, shipping insurance ,etc

https://shopify.dev/tutorials/customize-theme-add-gift-wrap-option

If it's more complicated than what can be done with liquid and javascript adding 1 item to the cart, look at scripting automation apps that can generate draft orders with custom line items etc.

https://github.com/lightward/mechanic-tasks/blob/main/docs/create-a-draft-order-from-the-cart/ 

If you need this customization you can contact me directly for services.
Please provide context, examples: post url(s) , store url, theme name, and any further detail.
Contact Info in signature.

[Ksoldier]

This is exactly what i was after! Thank you for the help

[Kimi]

Hi, @Ksoldier.

For context, you won't be able to make any changes to your checkout page at this stage unless your store is on the Shopify Plus plan. Even then, there are limitations as to what you can edit for your checkout page, as explained in this document. This is because the checkout of a store is a secured page, and preventing stores from editing it helps ensure that the information for both stores and customers that are processed on checkout remains safe at all times.
 
For stores that are not subscribed to Shopify Plus, the checkout page can only be customized for its style, as mentioned in our help guide here.

If you'd like to look at options for adding an add-on on your cart page however, if you're not comfortable with coding I recommend looking into a third-party app to help with this. You mentioned that the current one that you use only offers add-ons post checkout, correct? If this functionality no longer aligns with your business' needs, you can start browsing for other apps that may offer the ability for you to show add-ons on cart, such as the ones below:

• Super Cart Upsell & Insurance
• Simply Shipping Protection
• SellUp

You can also browse other similar apps in our Shopify App Store here.

As with the current third-party app you have on your store however, just a reminder that these apps have been developed outside of Shopify. So if you have any questions or concerns about any of the apps, you'll need to reach out to the app support team directly as they're best equipped to support any app-specific queries.

[deanatkard]

Hi @Kimi , I had a similar product requirement for this. I will be using extension UI for the checkout and cart page to add a checkbox for providing additional add-on services such as insurance. I can create a checkbox using extension UI for users to tick if they want the insurance. 

However, how can I update the price of the cart or checkout? because this is a add-on services that Merchants do not have.

Basically, I am thinking this is how it will work:

• create a "special product" in merchants product list, and display it in checkout/cart page. Whenever users click the checkbox of this insurance, it will add this "special product" to cart/checkout with the price, so the total price will be re-calculated. So, this "special product" will be automatically created/deleted by installing/uninstalling our app (UI extension, we will request permission from merchants too).

can you please advise if there is any better way of doing this? 

Thanks,

Regards,

Dean

[MRamzan]

If you need on product page then this will help you: