Request a quoteQuote
Shopify product page task

Shopify Buy It Now Button: Offer the Slow Path and the Fast Path Side by Side

Searching for a Shopify buy it now button that sits properly next to Add to cart? We match the pair in a duplicate theme, carry the variant to both and test it on real phones. From $39, fixed price.

  • Both buttons shown together
  • Same size and clear labels
  • Variant and quantity carried
  • Tidy on small phones
show-both-add-to-cart-and-buy-now-together
Shopify product page with Add to cart and Buy now buttons shown side by side at the same size
$391 to 3 working days
Our track record

Over 450 Stores Launched Since 2015. Here Is What That Means for Your Buy It Now Button.

Store Design Expert has designed and launched more than 450 Shopify stores, and verified clients rate us 4.9+ on average. A buy it now button is a small task, so it gets a fixed price, a clear scope and the same checking as a large project.

450+

Shopify stores designed and launched

4.9+

Average rating from verified clients

2015

Building Shopify stores since

Secure checkout

Pay through a protected checkout and keep a full order record.

Two revision rounds

Included in every package, so the result matches what you pictured.

Backup before changes

We work on a duplicate of your theme, never on your live store.

Problem and result

Shopify Buy It Now Button: Give Every Shopper the Route They Prefer

Some shoppers fill a cart and keep browsing, while others want to pay and be done. A page that shows both routes in a tidy pair serves each one, and a mismatched pair with uneven buttons or a missing option makes the page look unfinished.

Add to cart and Buy now togetherAdd to cart and Buy now together. Before: one button. After: a matched pair. 1. Both buttons shown. 2. Same size, clear labels. 3. Variant carried to both.Add to cart and Buy now togetherBefore: one button. After: a matched pair.BeforeBeforeAfterAfterNorthlineAdd to cartMissingNorthlineAdd to cartAdd to cartBuy now1Both buttons shown2Same size, clear labels3Variant carried to both
Add to cart and Buy now togetherAdd to cart and Buy now together. Before: one button. After: a matched pair. 1. Both buttons shown. 2. Same size, clear labels. 3. Variant carried to both.Add to cart and Buy nowtogetherBefore: one button. After: a matched pair.BeforeBeforeAfterAfterNorthlineAdd to cartMissingNorthlineAdd to cartAdd to cartBuy now1Both buttons shown2Same size, clear labels3Variant carried to both
Before

Only one route, or two that clash

Add to cart stands alone, or the second button appears sometimes and looks different from the first. Shoppers who want to check out at once have to add to cart, open the cart and then continue.

After

A matched pair that serves both shoppers

Add to cart and Buy now sit together at the same size, with clear labels and a lighter style for the second. Both carry the chosen variant and quantity, and the pair holds its shape on phones.

What is included

What Your Button Pair Includes

When you ask for a Buy it now button next to Add to cart, you get a matched pair built in your theme, with both paths tested.

Implementation checklist

  • Add to cart and Buy now shown together on the product page
  • Buttons the same size, side by side or stacked on phones
  • Primary and secondary styles that match your theme
  • Labels you approve, such as Add to cart and Buy now
  • The chosen variant and quantity carried to both buttons
  • The pair hidden or disabled for sold-out variants
  • Spacing checked in the sticky bar and quick view
  • Handover note explaining the theme setting and how to change the labels

Shopify decides when wallet-style checkout buttons appear, so where those are not available we use a plain Buy now button that goes to checkout. Wallet buttons are covered by the quick checkout task, and the checkout page itself is provided by Shopify.

See how it works

From One Button to a Pair Shoppers Understand

Follow one visit. The shopper who wants to keep browsing adds to cart, and the shopper who wants to pay now uses the second button.

Button pairA product page is shown with six numbered hotspots lighting up in turn: 1 Image gallery, The photos open the page; 2 Variant, The shopper picks a size; 3 Add to cart, The first button adds to the cart; 4 Buy now, The second goes straight to checkout; 5 Matched pair, Same size and clear labels; 6 Carried choice, Both keep the variant and quantity. The shopper then adds the product to the cart and the cart count updates. Button pairyourstore.com/linen-shirt2Linen Shirt4.9 (312)$68.00Fast12Add to cartFree delivery in 3-5 days30-day easy returnsDetailsShippingFits perfectlyQuick deliveryGreat quality1234561Image galleryThe photos open the page2VariantThe shopper picks a size3Add to cartThe first button adds to thecart4Buy nowThe second goes straight tocheckout5Matched pairSame size and clear labels6Carried choiceBoth keep the variant andquantity
Button pairA product page is shown with six numbered hotspots lighting up in turn: 1 Image gallery, The photos open the page; 2 Variant, The shopper picks a size; 3 Add to cart, The first button adds to the cart; 4 Buy now, The second goes straight to checkout; 5 Matched pair, Same size and clear labels; 6 Carried choice, Both keep the variant and quantity. The shopper then adds the product to the cart and the cart count updates. Button pairyourstore.com/linen-shirt2Linen Shirt4.9 (312)$68.00Fast12Add to cartFree delivery in 3-5 days30-day easy returnsDetailsShippingFits perfectly1234561Image gallery2Variant3Add to cart4Buy now5Matched pair6Carried choiceImage galleryThe photos open the pageVariantThe shopper picks a sizeAdd to cartThe first button adds to the cartBuy nowThe second goes straight to checkoutMatched pairSame size and clear labelsCarried choiceBoth keep the variant and quantity
Scope boundaries

Exactly What Is and Is Not Covered for Your Buy It Now Button

Clear boundaries keep the buy it now button a fixed-price task, so here is what it covers, what it does not, what we need and when a custom quote is fairer than forcing it into a package.

Included

  • A matched button pair on your live product template
  • Labels, style and layout
  • Variant carry-over and mobile checks
  • Two rounds of revisions, then a handover note for Show Both Add to Cart & Buy Now Together

Not included

  • Setting up payment wallets
  • Changing the checkout page
  • Custom upsells at checkout
  • Edits to checkout areas that only Shopify can change

Access we need

  • Collaborator access to your Shopify store
  • Your layout choice
  • Your button labels

Quote triggers

  • Different button rules per product type
  • A buy now flow that skips shipping steps
  • A theme heavily rebuilt with page builder apps

Typical turnaround

  • 1 to 2 working days for most buy it now button jobs
  • Faster options in the calculator
  • Timing confirmed before work starts

After launch

  • Two revision rounds before go-live
  • A short handover note for your buy it now button
  • Questions answered; anything bigger than Show Both Add to Cart & Buy Now Together quoted as a separate task
Compare your options

Shopify Buy It Now Button With a Theme Setting, an App or a Freelancer?

A buy it now button can be done in several ways, and this table lines them up on cost, care and what you are left with afterwards.

What mattersFree app or DIYGig marketplaceLarge agencyStore Design Expert
Always visible, not wallet dependentNoSometimesSometimesYes
Matched size and styleSometimesOftenSometimesYes
No monthly feeYesNoYesYes
Right variant carried to bothOftenOftenVariesYes
Price known before work beginsFree but time-costlyVariesQuote onlyYes
Theme backup before any changeNoRarelyUsuallyYes
Two revision rounds includedNoVariesExtra costYes
Handover note for what changedNoRarelySometimesYes
Price calculator

Price Your Buy It Now Button

Pick a package, adjust the options for your buy it now button and set your speed. The fixed price and delivery estimate update with every click, with no hidden fees.


Choose your packageRequired

The three packages stretch the buy it now button from the essentials to a fully tuned version, and the options below finalise the price.

Add to cart and Buy it now shown side by side or stacked, the same size, with clear labels and one consistent style.

  • Both buttons shown together
  • Same size and style
  • Clear labels
  • Desktop and mobile tested

For stores that want the buttons ordered by priority, a lighter style for the second button and spacing that holds on small phones.

  • Everything in Duo Basic
  • Buttons ordered by priority
  • Primary and secondary styles
  • Spacing tuned on phones
  • Sold-out state handled

A fully tuned button pair: rules per product, quantity and variant carried to both and checks that the pair stays tidy in the sticky bar and quick view.

  • Everything in Duo Standard
  • Rules per product
  • Variant and quantity carried
  • Pair kept tidy in sticky bar
  • Thirty-day fix window

Different button rules per product type, flows that skip steps and themes heavily modified by page builder apps are scoped separately and quoted at a fixed price.

How should they sit?Required

Layout changes need phone testing.

Which products?Required

Targeting adds testing.

How soon do you need it live?Required

Standard follows the schedule your other choices set. Pay to move up the queue and go live sooner.

Optional extrasOptional

Each one begins switched off. Turn on what you need, watch the total, switch it back off.

Request a custom quote

Different button rules per product type, flows that skip steps and themes heavily modified by page builder apps are scoped separately and quoted at a fixed price.

Request a Quote

Changed your mind? Choose Duo Basic, Duo Standard or Duo Plus above to return to the instant calculator.

How it works

How We Handle Your Buy It Now Button, Step by Step

From purchase to handover in six steps, with a duplicate theme and a test pass in the middle, so the buy it now button never surprises you.

  1. 01

    Purchase

    Decide how far you want the buy it now button to go, pay at checkout and receive a written confirmation of the scope.

  2. 02

    Access

    Send collaborator access and the details we ask for in a short form, and you stay the store owner with no password shared for the buy it now button.

  3. 03

    Build in a duplicate theme

    The buy it now button is created in an unpublished theme copy, so shoppers keep seeing a stable store until we are done.

  4. 04

    QA

    Before review, the buy it now button is checked on real devices and in the main browsers against a written list.

  5. 05

    Handover

    Following your approval we release the buy it now button and leave you with a clear record of the changes.

  6. 06

    Support

    Support does not end at handover, so questions on the buy it now button are welcome and new requests get a clear quote.

Compatibility and QA

Button Pair Checks and Acceptance Criteria

Each buy it now button is tested on actual phones and browsers against the list below before you review it, and the theme backup we keep makes the whole job reversible.

What we test

  • PairBoth buttons show together at the same size on the chosen products.
  • CarryThe chosen variant and quantity reach both the cart and the checkout.
  • Sold outThe pair is disabled or hidden for sold-out variants.
  • DevicesThe buy it now button is reviewed on current iOS and Android phones, on tablets and on desktop screens of several sizes.
  • BrowsersThe current versions of Chrome, Safari, Firefox and Edge.
  • SpacingThe pair does not overlap other elements in the sticky bar or quick view.

Acceptance criteria

  • Both buttons show together
  • They match in size and style
  • The variant and quantity carry to both
  • The pair is tidy on small phones
  • The handover note explains the setting and labels
What we need to get started

What We Need to Get Show Both Add to Cart & Buy Now Together Started

Pick the access route that suits you, because whichever one you choose, the buy it now button is built in a duplicate of your theme and we tell you before anything goes live, so only the items below are needed for it.

Collaborator access

Accept our collaborator request and the buy it now button can begin right away, with your passwords untouched and access removable by you whenever you like.

No store yet? We build it first

If your store does not exist yet, the buy it now button is built inside our Partner account and the whole store moves to you when it is ready.

Prefer to share a login?

Sharing a staff login is possible for the buy it now button, but we lean towards collaborator access since it is quicker to remove afterwards.

Layout

Tell us whether you want the buttons side by side or stacked.

Labels

Share the wording you want on each button.

One decision maker

Name one approver for the buy it now button and revisions stay neatly within the two rounds we include.

For any doubt about how to share access for the buy it now button, the form after checkout has a box for it and we reply with a recommendation.

Testimonials

What Store Owners Say Before You Order Show Both Add to Cart & Buy Now Together

Verified feedback from clients who trusted us with their Shopify stores and quick tasks alike.

Verified

Store Design Expert delivered an outstanding website development experience! Their professionalism and attention to detail exceeded my expectations, and their proactive communication kept everything running smoothly. Truly impressed by their deep understanding and dedication.

WG
Warren G.United States
Verified

Store Design Expert is the only one I use for all things WordPress. They have a high level of understanding, deliver quality work and are easy to deal with.

SC
Scott C.United States
Verified

A pleasure to work with. They did pretty much everything I asked and definitely exceeded my expectations. I will be working with Store Design Expert again soon.

JL
Jerry L.United States
Verified

Superb work! Store Design Expert is incredibly patient, and even when I did not fully understand my own questions, everything was explained again in detail. My vision was implemented perfectly, and the work is worth every cent I spent.

KB
Katrin B.Germany
Verified

Very impressed with the build-out. My store is ready to get started, and I am sure I will reach out for edits down the road, but this is everything I could ask for to get the party started. Thanks again, and I will be in touch for future projects.

DH
Dale H.United States
Verified

Very quick and detailed work! Store Design Expert does exactly what you want, in a very professional manner.

LF
Lena F.Germany
Verified

Store Design Expert did an outstanding job with top-notch professionalism on my website project. Everything was delivered quickly without compromising quality. I could not have asked for better!

JM
Jason M.United States
Verified

The website development work was nothing short of professional, with top-notch quality. Their exceptional level of cooperation made the collaboration seamless and enjoyable. Highly recommend working with Store Design Expert!

JC
Jeremy C.United States
Verified

Super great to work with, and super fair!

RO
Robert O.United States
Related searches

Searches That Bring Owners to Show Both Add to Cart & Buy Now Together

The searches below are the ones that lead people to Show Both Add to Cart & Buy Now Together.

If you searched for “show both add to cart and buy now together on shopify”, Show Both Add to Cart & Buy Now Together is the work that answers it.

FAQ

Shopify Buy It Now Button Questions

Straight answers about cost, scope, timing, apps and what we need from you for your buy it now button.

How do I add a Shopify buy it now button next to Add to cart, and can you do it for me?

Yes, we do it for you. Packages start at $39. The calculator adds options such as custom colours, labels, matching the sticky bar and icons, and shows your exact price and delivery estimate before checkout.

How long does it take to get the buy it now button done?

Most buy it now button jobs take 1 to 3 working days from the day we have access, and the Sooner and Fastest options in the calculator shorten that if you have a launch or campaign date.

Is Show Both Add to Cart & Buy Now Together safe for my live store?

Yes. Because the buy it now button lives in a theme copy until you approve it, a problem cannot reach shoppers and the original is one click from being restored.

What do you need from me for Show Both Add to Cart & Buy Now Together?

Collaborator access to your store and your layout choice. Where there is no store yet, we build the buy it now button in a development store of our own and transfer it to you afterwards.

How much does Show Both Add to Cart & Buy Now Together cost?

Show Both Add to Cart & Buy Now Together starts at $39. With every option switched on the total reaches $220.

How are the Show Both Add to Cart & Buy Now Together packages different?

There are 3 Show Both Add to Cart & Buy Now Together packages: Duo Basic at $39 (1 working day), Duo Standard at $69 (1 to 2 working days) and Duo Plus at $119 (2 to 3 working days).

What does Duo Basic include for Show Both Add to Cart & Buy Now Together?

Add to cart and Buy it now shown side by side or stacked, the same size, with clear labels and one consistent style. It includes: Both buttons shown together; Same size and style; Clear labels; Desktop and mobile tested; Buttons ordered by priority. Duo Basic costs $39 and takes 1 working day.

What does the Show Both Add to Cart & Buy Now Together calculator ask me?

Beyond the package, Show Both Add to Cart & Buy Now Together needs 3 decisions from you: how should they sit (Side by side, Stacked); which products (Every product, Chosen products or a tag); how soon do you need it live (Standard, Sooner, Fastest).

Are there optional extras for Show Both Add to Cart & Buy Now Together?

For Show Both Add to Cart & Buy Now Together you can add Custom colours and corners (+$5), Custom button labels (+$5), Match the sticky bar (+$15), Small icons on the buttons (+$5) and Fix a pair that breaks on phones (+$15).

Ready when you are

Shopify Buy It Now Button: Serve Browsers and Buyers Alike

Pick your package, see the exact price and delivery estimate and get a matched button pair that carries the right variant on every device. If you need different rules per product type or a flow that skips steps, request a quote and we will scope it with you.

Fixed price · Two revision rounds · Backup before changes