# Straight to checkout instead of add to cart

**URL:** <https://forum.builder.io/t/straight-to-checkout-instead-of-add-to-cart/3878>\
**Category:** Shopify\
**Created:** [July 12, 2023, 10:49pm UTC](https://forum.builder.io/t/straight-to-checkout-instead-of-add-to-cart/3878 "2023-07-12T22:49:06Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![cranetrain](https://avatars.discourse-cdn.com/v4/letter/c/dec6dc/32.png) [@cranetrain](https://forum.builder.io/u/cranetrain)\
**Post date:** [July 12, 2023, 10:49pm UTC](https://forum.builder.io/t/straight-to-checkout-instead-of-add-to-cart/3878/1 "2023-07-12T22:49:06Z")

</div>

Using the shopify “add to cart” button, is there an easy way to have change it so that it goes straight to checkout?

For example would like to have 2 buttons

- One that says “Add To Cart” that adds to cart
- One that says “Buy Now” that adds to cart and goes directly to checkout

---

<div class="post-metadata">

**Author:** ![nicke920](https://avatars.discourse-cdn.com/v4/letter/n/ce73a5/32.png) [@nicke920](https://forum.builder.io/u/nicke920)\
**Post date:** [July 13, 2023, 6:44pm UTC](https://forum.builder.io/t/straight-to-checkout-instead-of-add-to-cart/3878/2 "2023-07-13T18:44:02Z")

</div>

Hi there,  
This can certainly be possible to have your development team implement [dynamic checkout buttons](https://help.shopify.com/en/manual/online-store/dynamic-checkout) with Builder. You can create it via a custom component. There is a great video online which would walk you through how to build custom components with Shopify and Builder (starting around the 13:40 mark).

- [Shopify ECommerce Store with React & Next JS | BuilderIO - YouTube](https://www.youtube.com/watch?v=uIHqPu2t1O0)

I’ve attached some docs below for further reference regarding custom components:

- [Shopify Theme Studio for Developers - Builder.io](https://www.builder.io/c/docs/shopify/developers)
- [https://www.builder.io/c/docs/custom-components-intro](https://www.builder.io/c/docs/custom-components-intro?_host=www.builder.io)

This can also be built can=as a component. Here is our headless Shopify + NextJS starter for an example: [GitHub - BuilderIO/nextjs-shopify: The ultimate starter for headless Shopify stores](https://github.com/BuilderIO/nextjs-shopify)