Shopify themes, liquid, logos, and UX
I want to add Paypal smart payment buttons To my store
This is my store link https://www.supportcatlive.com/
This is a link of Paypal smart buttons https://developer.paypal.com/
Please help, help me
I don't know where to add the code
Solved! Go to the solution
This is an accepted solution.
I've had the same question recently and did a little bit of investigating as most of these posts go unsolved.
Lo' and behold I found the answer.
First you go into your online store and choose "edit code" in the actions menu. Then find the "cart-template.liquid" file and locate the 268-269th row.
Implement your paypal button code inbetween the 268th and 269th row as shown
And then you shoud comment out the code that functioned as your normal check out button as shown below.
And this is how the code looks implemented in your store
Hi, @Anonymous!
Julie here from Shopify Support. Thanks for the link to your store, as well as the screenshots. This is a great question.
While PayPal refers to these as "smart payment buttons", Shopify offers "dynamic checkout buttons", which are quite similar. Dynamic checkout buttons are displayed on your product pages and dynamically change to reflect the customer's preferred accelerated checkout method, which is quite often PayPal.
Much like smart payment buttons, dynamic checkout buttons offer the customer the ability to pay with PayPal directly from the product page. However, while PayPal's smart payment buttons also display "Credit or Debit" as options, Shopify's dynamic checkout buttons instead include a "More payment options" button, which will take customers directly to the Shopify checkout, where they can proceed with a credit card transaction.
Taking a look at your product pages, it appears that you already have dynamic checkout buttons enabled. For example, this is what I see when I head to one of your product pages:
Is the reason why you're wanting to have PayPal's smart payment buttons because you'd like to give customers the ability to pay with credit or debit through the PayPal gateway? With PayPal Express, the default is set to ask customers to log in to PayPal (or create a PayPal Account). However, you can enable guest payments to let customers pay with their credit card even if they don't have their own PayPal account. To enable guest payments, you'll just need to change the settings in your PayPal account settings. Feel free to check out PayPal's help doc on enabling guest payments to learn more.
If you are still wanting to add PayPal's smart button, then I would recommend getting in touch with a Shopify Expert to see if this is possible. Because Shopify themes are built upon a different code language, Liquid, the process for integrating this likely involves more than just simple HTML. I'm also curious to see if the rest of the Community has any suggestions.
I hope this clears things up and helps explain the similarities and differences between PayPal's smart buttons and Shopify's dynamic checkout buttons. If I've misunderstood your question, or if you have any followup inquiries, please feel free to respond here!
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
im about to get really annoyed by shopify services, all i see are promises for the future without any action taken.
What can be so hard about letting customers implement simple HTML code in order to let customers pay with credit-card?
It's the least you can do since the proposed payment-providers dont reply at all or after a couple of weeks.
By the end of my subscription, i highly doubt that i will renew my shopify plan. Cannot reccomend
Does anyone know how or where to add the paypal smart button code?
Does anyone know how or where to add the paypal smart button code?
I also want to add smart button do you know something about it
Hi, do you know where exactly have put to this javascript, for example herecode in shopify?
Yeah exactly, I use debutify theme. Do you know where i can paste the code?
I'm still looking for that
This is an accepted solution.
I've had the same question recently and did a little bit of investigating as most of these posts go unsolved.
Lo' and behold I found the answer.
First you go into your online store and choose "edit code" in the actions menu. Then find the "cart-template.liquid" file and locate the 268-269th row.
Implement your paypal button code inbetween the 268th and 269th row as shown
And then you shoud comment out the code that functioned as your normal check out button as shown below.
And this is how the code looks implemented in your store
Hi MattPr
I couldn't find the "cart-template.liquid" file in code edit ,,, i just found 'cart.liquid' ,,,,, could you help me ?
thanks in advance
Hey Hisham,
The cart template liquid file should be in your sections, as it is your standard file
Hi. I couldn't find it too.
What store theme are you using? This could be the problem as some themes have different sections and files
hi please
did you find it
Thank you for this! It's been a hassle for our company to try and get a third payment processor when there's not a lot of options since we are located in Korea.
I had a few questions though, have you tried it out on your store? Does it trigger the website that an order has been made if it does not take the customer through the initial checkout process?
My store is connected to the ERP software for my agent and I'm not sure the orders will show up on his software or it's going to send an order confirmation email to my customer. We also can't give them the option of the discount code.
Do you know how to put the smartbutton on the product page and the last page of the checkout page where you put in your card information(not on the add to cart page as you have shown above)
Thank you!
I'm gonna go through your questions so I don't miss any just in case.
Have you tried it out on your store?
I have tried it out and got a few sales while in testing phase to see if it's doable, so it does work. It has it's benefits and drawbacks as anything else does.
Does it trigger the website that an order has been made if it does not take the customer through the initial checkout process?
Unfortunately it does not, as the payment itself goes through paypal. The buttons are located on your store, but don't have a connection with it. That's the problem I've been trying to figure out for a while now, as you can't really get precise analytics with your store.
I'm not sure the orders will show up on his software or it's going to send an order confirmation email to my customer.
The order will not show up as the payment goes straight to paypal. You can see the order on paypal, but not on shopify + if you sell multiple items you would need extra lines of code in your cart template file to account for those as well (find your cart.total variable and link it to the paypal button so it knows how much to charge - I could post pictures here of this code as I've been experimenting with it as well). The only way (for now) that I found which works with this method is just to copy the account information (name, surname, address, country, etc.) from paypal to shopify in a draft order and mark it as payed. Then when you fill out all the necessary information with your supplier, just copy the shipping code and any other necessary information to that order on shopify. This would make the email notifications on your store work.
We also can't give them the option of the discount code.
I've been dealing with this problem as well, but I've seen a couple examples of the paypal button with discount code boxes where the customer can input their discount and it would subtract the discounted amount, although I still need to look into that to see if it would work.
Do you know how to put the smart button on the product page and the last page of the checkout page where you put in your card information(not on the add to cart page as you have shown above)
Like in the previous questions, I've been looking into that as well. Putting the paypal button on the last page of the checkout page is not really a problem. The problem with having your paypal button on the end of your checkout page is that you somehow need to link all the account information that the customer filled on your shopify store with the paypal button, which seems to be a hassle, as paypal basically just embedded the button without giving you an easy option to modify the code to fit your needs. The benefits of this would of course be better analytics and tracking, because you know which customer made and initiated the checkout.
The reason I'm answering these questions is to give insight to other people where I am currently with this situation and if anybody knows more, to share. Some of the ideas I've been researching are linking paypal and shopify with api's and webhooks so shopify can reach out to your paypal and get the information needed. Google ads would be another option to research, but I think that, like any other ad platform, it needs information to feed it's algorithm.
Once again, if anybody knows more or has better insight please feel free to share, as this is a community of like-minded people who are eager to learn!
Edit: Spelling and grammar
@chj6 I'll try to answer your questions separately so I don't miss any:
have you tried it out on your store?
I have tried it and got sales during the test phase, so it does work, but like any other method it has it's advantages and drawbacks.
Does it trigger the website that an order has been made if it does not take the customer through the initial checkout process?
Unfortunately it does not as it goes directly through paypal and not shopify. That's the biggest problem with this method (for now) in my opinion
I'm not sure the orders will show up on his software or it's going to send an order confirmation email to my customer.
The orders will not show up on your agent's software and or on shopifies as previously stated. The paypal button is just embedded on the store and does not share any information with it (name, username, address, etc.). The way I found which works with this method is to copy your customers information from paypal (as it will show up there) and just make a draft order on shopify with the exact same information and mark it as paid. Then pay for the order and fill out the remaining information, i.e. shipping code and other notable information. This should start the email sequence you have set up. Although a little longer and less automated, it works.
We also can't give them the option of the discount code.
I've been trying to find the solution for this, as I've seen examples of paypal's buttons with input boxes where the customer could type in his/her discount code and then apply it to the final product price. This would take a little bit more code to do, as the smart buttons work with one "price", i.e they are set to one specific price and not to a changeable variable like your cart total price. I've exchanged ideas with people on here that had this problem regarding total product cart pricing with paypal buttons - basically paypal buttons only accept one price out of the box and you need to make a string variable with a "." separator so paypal knows what's up (I made the code and if anybody asks for it I'm willing to put it on here for everybody to see)
Do you know how to put the smartbutton on the product page and the last page of the checkout page where you put in your card information(not on the add to cart page as you have shown above)
Putting the smart buttons on the final page of the checkout page is not that big of a problem. The biggest problem is linking the information a customer puts in your store with the smart buttons. Paypal remodeled their own javascript SDK language for this and it could take a bit more work and expertise that I do not currently posses. This wouldn't fix the problem though, as shopify wouldn't know if the customer payed for the product or not because the payment goes through paypal.
The reason why I'm answering these questions is to give insight into the topic of what I currently know. The best way, in my opinion, of fixing this is to have api-s or webhooks which would connect the two platforms and make them exchange information when one or the other gets some. I'm currently looking into this and do not posses the knowledge to share completely so if anybody (who knows more) wants to share, feel free! Plus it would be a good idea to look further into this, as shopify feeds the facebook pixel with information which it uses for it's ads and if it does not receive information it could mess up the learning phase of the platform. Google ads could be another option, but I didn't look further into them.
If anybody has anything valuable to share on this topic, feel free!
I'll try to answer your questions separately so I don't miss any:
have you tried it out on your store?
I have tried it and got sales during the test phase, so it does work, but like any other method it has it's advantages and drawbacks.
Does it trigger the website that an order has been made if it does not take the customer through the initial checkout process?
Unfortunately it does not as it goes directly through paypal and not shopify. That's the biggest problem with this method (for now) in my opinion
I'm not sure the orders will show up on his software or it's going to send an order confirmation email to my customer.
The orders will not show up on your agent's software and or on shopifies as previously stated. The paypal button is just embedded on the store and does not share any information with it (name, username, address, etc.). The way I found which works with this method is to copy your customers information from paypal (as it will show up there) and just make a draft order on shopify with the exact same information and mark it as paid. Then pay for the order and fill out the remaining information, i.e. shipping code and other notable information. This should start the email sequence you have set up. Although a little longer and less automated, it works.
We also can't give them the option of the discount code.
I've been trying to find the solution for this, as I've seen examples of paypal's buttons with input boxes where the customer could type in his/her discount code and then apply it to the final product price. This would take a little bit more code to do, as the smart buttons work with one "price", i.e they are set to one specific price and not to a changeable variable like your cart total price. I've exchanged ideas with people on here that had this problem regarding total product cart pricing with paypal buttons - basically paypal buttons only accept one price out of the box and you need to make a string variable with a "." separator so paypal knows what's up (I made the code and if anybody asks for it I'm willing to put it on here for everybody to see)
Do you know how to put the smartbutton on the product page and the last page of the checkout page where you put in your card information(not on the add to cart page as you have shown above)
Putting the smart buttons on the final page of the checkout page is not that big of a problem. The biggest problem is linking the information a customer puts in your store with the smart buttons. Paypal remodeled their own javascript SDK language for this and it could take a bit more work and expertise that I do not currently posses. This wouldn't fix the problem though, as shopify wouldn't know if the customer payed for the product or not because the payment goes through paypal.
The reason why I'm answering these questions is to give insight into the topic of what I currently know. The best way, in my opinion, of fixing this is to have api-s or webhooks which would connect the two platforms and make them exchange information when one or the other gets some. I'm currently looking into this and do not posses the knowledge to share completely so if anybody (who knows more) wants to share, feel free! Plus it would be a good idea to look further into this, as shopify feeds the facebook pixel with information which it uses for it's ads and if it does not receive information it could mess up the learning phase of the platform. Google ads could be another option, but I didn't look further into them.
If anybody has anything valuable to share on this topic, feel free!
Edit: Shopify seems to be deleting my posts regarding this everytime I post
I'll try to answer your questions separately so I don't miss any:
have you tried it out on your store?
I have tried it and got sales during the test phase, so it does work, but like any other method it has it's advantages and drawbacks.
Does it trigger the website that an order has been made if it does not take the customer through the initial checkout process?
Unfortunately it does not as it goes directly through paypal and not shopify. That's the biggest problem with this method (for now) in my opinion
I'm not sure the orders will show up on his software or it's going to send an order confirmation email to my customer.
The orders will not show up on your agent's software and or on shopifies as previously stated. The paypal button is just embedded on the store and does not share any information with it (name, username, address, etc.). The way I found which works with this method is to copy your customers information from paypal (as it will show up there) and just make a draft order on shopify with the exact same information and mark it as paid. Then pay for the order and fill out the remaining information, i.e. shipping code and other notable information. This should start the email sequence you have set up. Although a little longer and less automated, it works.
We also can't give them the option of the discount code.
I've been trying to find the solution for this, as I've seen examples of paypal's buttons with input boxes where the customer could type in his/her discount code and then apply it to the final product price. This would take a little bit more code to do, as the smart buttons work with one "price", i.e they are set to one specific price and not to a changeable variable like your cart total price. I've exchanged ideas with people on here that had this problem regarding total product cart pricing with paypal buttons - basically paypal buttons only accept one price out of the box and you need to make a string variable with a "." separator so paypal knows what's up (I made the code and if anybody asks for it I'm willing to put it on here for everybody to see)
Do you know how to put the smartbutton on the product page and the last page of the checkout page where you put in your card information(not on the add to cart page as you have shown above)
Putting the smart buttons on the final page of the checkout page is not that big of a problem. The biggest problem is linking the information a customer puts in your store with the smart buttons. Paypal remodeled their own javascript SDK language for this and it could take a bit more work and expertise that I do not currently posses. This wouldn't fix the problem though, as shopify wouldn't know if the customer payed for the product or not because the payment goes through paypal.
The reason why I'm answering these questions is to give insight into the topic of what I currently know. The best way, in my opinion, of fixing this is to have api-s or webhooks which would connect the two platforms and make them exchange information when one or the other gets some. I'm currently looking into this and do not posses the knowledge to share completely so if anybody (who knows more) wants to share, feel free! Plus it would be a good idea to look further into this, as shopify feeds the facebook pixel with information which it uses for it's ads and if it does not receive information it could mess up the learning phase of the platform. Google ads could be another option, but I didn't look further into them.
If anybody has anything valuable to share on this topic, feel free!
Edit: Shopify seems to be deleting my posts regarding this everytime I post
Hey Matt,
Have you managed to get any progress on these buttons? I've been struggling for a while now not able to add them, and there seems to be no help online when it comes to integrating these buttons to Shopify.
I'd love to hear if you came up with any solutions! Thank you for your contribution so far, I appreciate it!
Hey Erni,
I've been really busy in the past few days preparing my exams so I didn't have much time to work on the buttons. As soon as they're finished I'll get back to it and reply to this thread if I find anything interesting and or find the solution!
Hi Matt, thanks for sharing all of this, I am trying to figure out the same thing, did you find anything new about this?
do you know how to add the smart paypal button to the product page ?
thanks
But how does shopify get notified when a payment is made
Hi, bro.
I've added the Paypal smart button. Just want to know if the 'initiate checkout' & 'purchase' event can be tracked by the Facebook pixel? Thank you
How shoud you comment out the code that functioned as your normal check out button
hello, can I please know what goes in value ? should I change it from 0.01 ?
I have the Dawn theme and can. not figure out where to paste this code, could you please help me?
Hey Rufa, did you find out the solution?
bro if i do that if someone checkout will i see this on my shopify dashboard or not because i think it will not show in the dashboard
Are you able to help me . My cart liquid page looks different on those lines , I need to add the PayPal smart button as well.
can i get the code please ?
i can help u this is my Gmail ''khalidyou770@gmail.com''
Neil - just emailed you. Can you help me?
Hello mohdramzaan112
Could you please help me integrate the PayPal button on my Shopify store?
The button is already display but it doesn't work I don't know why.
Can I add you on WhatsApp as well?
Thank u very much
you can add the smart Paypal buttons everywhere in Shopify. but you don't have permission to add the buttons on the checkout page.
Thanks
Hi @Julie ,
I am trying to integrate paypal to shopify since last 3 days, However when I clink on activate Paypal it takes me to paypal dashboard.
I already have a business account, I tired many work arounds none of them really worked for me. I see many others are also facing similar issue on paypal community chat.
It would be great if Shopify and Paypal would work together to fix this.
Store: www..pawfectionsalon.com
Regards,
PawfectionSalon
Hey, @MRSTUDIO09!
Before we hop into some troubleshooting steps, have you had a chance to review our help doc on how to set up your PayPal account with Shopify? When you first create a Shopify store, a PayPal account is automatically created for you using the same email address that you used when you signed up with Shopify. This help doc will walk you through the process of ensuring that the correct PayPal Business account is connected.
Since you already have a PayPal Business account, then you'll just need to deactivate PayPal in Shopify, then reactivate it using the email address associated with your Business account. This is done by heading to Settings > Payments and selecting Deactivate within the PayPal section, where you'll then see a Reactivate once you've disconnected your account.
When you reactivate your account, you'll be prompted to login to PayPal to complete the activation and grant Shopify permissions. It's worth noting that if you've used another PayPal account recently, the email for that account might already be filled in, so you'll just need to make sure you're using the email for the account you want to connect to your store.
Because you're being immediately directed to your PayPal account, it sounds like you're already logged in. Is this the dashboard associated with your PayPal Business account, or a different PayPal account?
If it's the incorrect account, then I would recommend opening up your PayPal dashboard in a different browser window and completely logging out before trying to connect within Shopify again. It would also be worth trying the setup steps again using Google Chrome's Incognito mode (File > New Incognito Window), or a different browser altogether. If all else fails, do you have another device you can try this on? For example, if you're currently using a computer, you could try again using your mobile device.
Following these steps should do the trick, but please respond here and let me know if you are still having difficulties connecting your PayPal account!
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
Hello Julie, If I do this process will I then see all the buttons (including debit credit card button) added to the paypal checkout section?
Hi, @Distro!
This is Rae from Shopify. I'm helping my colleague Julie out with this thread today.
Are you referring to adding dynamic checkout buttons? If so, this feature allows customers to skip the cart page, and quickly buy the product they're viewing by clicking the dynamic checkout button on the product page. This feature is compatible with PayPal, and you can learn more about it in our help document here.
Have you already enabled PayPal on your site by following these steps?
Please keep me posted on this!
To learn more visit the Shopify Help Center or the Community Blog.
<script src="https://www.paypal.com/sdk/js?client-id=ActA8ugfwscv6khxO8UoOMdTEmY0LE00E6fYuCJ8tJrwpPUKrQKeSPmklhB6..." data-namespace="PayPalSDK"> </script>
<!-- In your code, update data-pp-amount with the price or cart amount. For example, data-pp-amount="89.99" for a $89.99 product. --> <div data-pp-message data-pp-style-layout="text" data-pp-style-device="message" data-pp-style-logo-type="inline" data-pp-style-text-color="black" data-pp-amount="ENTER_VALUE_HERE"> </div>
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024