Can I Keep Express Checkout Payment Options, but Remove Them From the Cart?

Solved
steveisaacs
Excursionist
14 0 2

Hello! I like the option of having PayPal, GPay and Apple Pay as payment options, as they are fast and easy and I like the name brand feel they give to the site. BUT - I've been told that express checkout is not great for my business from a customer acquisition standpoint, since they can click one of those buttons right away and don't have to opt-in to my email list to move into the Checkout. 

 

Is there a way to only have these buttons appear at the Checkout screen so a user has all the options possible, but I still can grab their email BEFORE this step? 

 

P.S. I'm using the Supply Theme w/ modal cart.

 

and THANKS!

0 Likes
Julie
Shopify Staff
Shopify Staff
956 84 224

Hi, @steveisaacs!

Julie, here from Shopify Support.

Having accelerated checkout methods like PayPal Express, GPay and Apple Pay are great ways to make it easy for customers to checkout quickly using their preferred payment method. With these methods enabled, dynamic checkout buttons are displayed on product pages and will change dynamically based on the customer’s preferred method. 

While dynamic checkout buttons make it quick and easy for customers to complete their purchase, you’re right in that it does not give customers the opportunity to opt-in to email marketing. Luckily, you can easily remove the dynamic checkout buttons from your product pages, while still having these payment methods available in the checkout itself. 

To do this in the Supply theme, you’ll just want to head over to your Theme Editor, in Online store > Themes > CustomizeFrom here, you’ll want to navigate to Product pages from the dropdown menu at the top of your screen (it will currently say Home page). Once there, click the Product section on the left-hand sidebar, then uncheck the option to Show dynamic checkout buttons. If you need extra guidance, here’s a video outlining the process.

Once that’s done, you should now only see the accelerated checkout methods in the checkout itself, instead of on the product pages. Let me know if that helps!

Julie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

steveisaacs
Excursionist
14 0 2

Thanks Julie!

 

Yes this is all good, save for ONE thing - the express payment buttons still show up on my modal cart - is there any way to remove them here as well?

 

Screen Shot 2019-09-18 at 5.32.54 PM.png

 

 

0 Likes
Julie
Shopify Staff
Shopify Staff
956 84 224

This is an accepted solution.

To remove the dynamic checkout buttons from your modal cart, you'll just need to edit your theme's code. Are you comfortable with custom code?

If not, that's completely alright! Because you're using a free theme developed by Shopify, you're actually eligible for 60 minutes of design time from our Themes Team (as long as you are on a paid Shopify plan). This design time is intended for small, specific customizations just like this. I've actually checked with my Themes Team and this is something they would be able to take care of for you. That being said, I've gone ahead and sent an email to the address on your forums profile. If you can simply respond to that email, I can have the request sent up.

Looking forward to hearing from you! 

Julie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

steveisaacs
Excursionist
14 0 2

Thanks so much! I didn't know about the 60 mins of help (so cool!), but if it's just making a code addition, I'd rather just get the instructions for that if I can and handle it on my own (and so I can know what's happening to my theme) then save the 60 mins for something more intense ;)

 

I'll follow up with the email - and thanks again!

Rosalie2017
New Member
11 0 0

Hi Julie. I am wondering what the solution is for this? I am an online local flower shop and I need to have customers enter relevant information in the cart page before proceeding to checkout. 

Is there therefore a way of removing the alternate payment buttons from the cart but make them available for people at the checkout page? I can cope with some code mods I just need to find out the relevant code and where to insert. Thanks

0 Likes
Julie
Shopify Staff
Shopify Staff
956 84 224

Hi @Rosalie2017!

Thanks for hopping into the conversation. 

There are a couple of ways you can collect information from customers in the cart page, before they proceed to the checkout. One way to achieve this would be to enable order notes on your cart page. Order notes are specifically intended to collect special instructions from customers about how to prepare and deliver an order. All free Shopify themes, aside from Simple, let you enable an order notes text box on your cart page directly through your theme settings.

Alternatively, you could use an app like Customer & Cart Attribute or Advanced Cart Drawer to add an order notes section to your cart page. This would be a good option if you're using Simple or a third-party theme that doesn't support order notes as a built-in feature. 

What kind of information do you need to collect from customers in the cart page? Are you wanting to collect gift notes from customers that will be included in their order? This is pretty common with flower shops and if this is what you're looking for, then I suggest considering Personal Print. This app is specifically for merchants who need to gather gift notes from customers before the checkout and offers a number of templates that you can print out to include with their orders. This would be ideal if you're looking to include printed personalized notes with customers' flower orders.

As for removing alternate payment buttons from your cart, this will involve custom code and the process will vary depending on the theme you're using. If you're using a free Shopify theme, then you'll want to check out our Shopify Developers tutorial that outlines how you can do this. There, you can ignore the first section and instead follow the directions directly under "Show checkout buttons on the checkout page", which shows you how to remove those buttons from the cart page.

If you're using a third-party theme, however, then this is something I would recommend reaching out to a Shopify Expert for assistance with. Alternatively, your theme may have documentation that outlines how this can be done. For example, the third-party theme developers, Out of the Sandbox, have a tutorial you can find here

I hope this helps guide you in the right direction, but feel free to respond here if you need further assistance or clarity! 

Julie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
APK11
New Member
1 0 1

Hi Julie,

I am having the same issue and would like to remove Apple Pay from the cart but keep it as an option at checkout. Can you please tell me how I can modify the code to make this change?

Thanks!

Allison

Julie
Shopify Staff
Shopify Staff
956 84 224

Hey, Allison!

Removing dynamic checkout buttons like Apple Pay will involve custom code and the process will vary depending on the theme you're using. 

If you're using a free Shopify theme, then you'll want to check out our Shopify Developers tutorial that was previously shared above. This tutorial outlines how you can edit your theme's code to remove Apple Pay. Did you get a chance to check that out?

In that tutorial, you can ignore the first section and instead follow the directions directly under "Show checkout buttons on the checkout page", which shows you how to remove those buttons from the cart page. Once that's done, your customers will only see Apple Pay and any other accelerated checkout methods you offer solely in your online checkout. 

If you're not quite comfortable with custom code, that's totally okay! In this case, you'll just want to duplicate your theme so that you have a backup should you make any mistakes. 

Let me know how that goes!

Julie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes