Afterpay wont display on my website

Solved
BabyCoShine
Tourist
7 0 1

i recently added afterpay to my store but its not displayed anywhere and isnt showing on my product page 

Accepted Solution (1)

Accepted Solutions
Julie
Shopify Staff
Shopify Staff
1109 106 325

This is an accepted solution.

Hi @kbstaff

Thanks for hopping into the conversation! Have you had a chance to check with Afterpay to make sure you're using the correct key? This could be an account-related issue, in which case Afterpay will be able to provide you with guidance. 

If your account credentials are correct and your Afterpay account is completely activated, then it sounds like it could be a browser issue given the fact that the key isn't saving. In this case, you'll just want to ensure that you are using a supported browser; we recommend Google Chrome. It's also a good idea to clear your cache and perhaps try again using a different device or internet connection.

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

View solution in original post

Replies 42 (42)
williamb
Tourist
8 0 2

It appears to be showing on this product page: https://babycoshine.com/products/baby-safe-bpa-free-banana-teether-toy

 

Screenshot below:

Screen Shot 2020-04-06 at 9.15.56 AM.png

Julie
Shopify Staff
Shopify Staff
1109 106 325

Hi, @BabyCoShine!

Julie here from Shopify Support.

Thanks for sharing the link to your store. Unlike @williamb, I'm not able to see the Afterpay logo on your product page. However, when testing your checkout, I do see that Afterpay is an available payment method. Have you made any theme changes since @williamb's reply? 

I took a look at this help doc from the Afterpay Help Center and it looks like some custom code is required in order to add Afterpay to your product page specifically. Afterpay's help doc outlines exactly how you will need to edit your theme's code to achieve this. 

Are you also wanting to add the Afterpay logo to your website's footer? If so, I recommend checking out this forum post. There, you'll find instructions from other merchants who are also using this payment gateway and were successfully able to add the logo to their footer.

I'm curious to know if you've made any theme changes or edited your theme's code at all. Feel free to respond here and let me know!

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

Catrinnarenee
New Member
1 0 0

I cant get afterpay button to show at checkout.

Julie
Shopify Staff
Shopify Staff
1109 106 325

Hey, @Catrinnarenee! Thanks for joining in on the conversation.

In order for customers to see Afterpay as a payment option, you will need to have added this particular gateway in your payments settings. Do you have Afterpay enabled in Settings > Payment providers? Have you already created an account with Afterpay? 

If you can share the link to your store, I'll be able to take a look at your online checkout so I can better assist.

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

Yash93
New Member
1 0 1

hi 

I have the same issue, after pay is not available at checkout. I've made it available in payment options I'm not sure on what else to do. 

Julie
Shopify Staff
Shopify Staff
1109 106 325

Hey, @Yash93!

Thanks for joining in on the conversation. 

Is the Afterpay option only missing from your online checkout, or are you not seeing it on your product pages either?

In order to successfully offer Afterpay on your Shopify store, you will need to follow Afterpay's installation instructions, which can be found here. Keep in mind that this also requires you to create an account with Afterpay, at which point you'll be provided with a Merchant ID and Secret Key that you'll just need to enter on Shopify's end, over in Settings > Payments.

If you've already created an Afterpay account and have completed the installation instructions, but still aren't seeing the Afterpay option, please feel free to share your store link here. I'd be happy to take a look at the checkout on my end. 

Looking forward to your response!

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

Nilaygajera
New Member
1 0 0

I have added afterpay as an alternative payment method I have followed all instruction but afterpay is not showing as below.shopify-pdp-au.png{D867853D-5125-404B-8A28-592A2A31F72A}.png.jpg

 

 

 

glam123
Tourist
3 0 1

Added my merchant key and code and after pay isn't displayed on my website or at checkout

Not sure what to do about this ?

 

Julie
Shopify Staff
Shopify Staff
1109 106 325

Hey, @Nilaygajera and @glam123!

Thanks for joining in. I'd be glad to offer some insight here. To keep things simple, I'll reply to each of your questions here.

@Nilaygajera - I appreciate you sharing those screenshots. In the first screenshot, I see Afterpay as an option. Is this a screenshot taken from your own online store? If so, you should be seeing Afterpay as a payment method in the checkout. If you're not seeing it in the checkout, then it sounds like you haven't yet completed the account setup and you'll just need to follow Afterpay's instructions here

If, on the other hand, Afterpay is an available payment method in your online checkout, but is not showing on your product page, then you'll just need to edit your theme's code by following the instructions outlined in Afterpay's help doc. Once complete, your product page should look just like the first screenshot you shared.

@glam123 - Thanks for confirming that you've entered your Merchant ID and Secret Key on Shopify's end. Next, it would be a good idea to double-check your account settings in Afterpay to ensure that you're not in test mode. Afterpay has some information on this here. As long as your account is configured correctly on Afterpay's end and you have successfully activated it in Shopify, you should see Afterpay as an option on the Payment page within your online checkout.

Finally, if you can both share your store links, that would be super helpful. Looking forward to your response!

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

glam123
Tourist
3 0 1
I checked and the test button is off.
My store link is https://glamaddictedmakeup.com/
I have tried everything I think and nothing is working so any help would be so appreciated
Julie
Shopify Staff
Shopify Staff
1109 106 325

Thanks for the quick followup, @glam123!

Taking a look at your online checkout here on my end, I do indeed see Afterpay as an option. Here's what it looks like: 

20-10-ft3qt-ddd6h

With this option present, customers will be able to choose Afterpay as a payment method when completing their purchase. 

If you are wanting to have Afterpay appear on your product page, however, then you will just need to follow the instructions outlined in this help doc. Keep in mind that this does require some custom code, so it may be worth reaching out to a Shopify Expert if you need any assistance! 

I hope this clears things up!

 

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

glam123
Tourist
3 0 1
Thank you so much!
customphotoprop
New Member
3 0 0

I also have it installed on our website but it is not showing up for a customer to use it. I was informed of this when she exhibited issues and, sure enough, it's not showing on our site. 

www.customphotoprops.com

Julie
Shopify Staff
Shopify Staff
1109 106 325

Hey, @customphotoprop!

Thanks for sharing the link to your store. You've done a great job with your theme, by the way!

I just took a look at your product pages and your online checkout here on my end and I actually see Afterpay present on both. Here's what I see on your product page:

20-10-widjj-10b2w

 When I add this product to the cart and proceed to the checkout, I see Afterpay as an available payment option. This is what it looks like: 
20-10-wkcgt-rpkqv

Keep in mind that Afterpay is an option once you reach the Payment stage of the online checkout, which is immediately after the customer selects their preferred shipping method on the Shipping page.

Did your customer happen to mention whether she was able to proceed to this step in the checkout? 

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

HustlingSpirit
Tourist
3 0 1

Is anyone else having trouble with Afterpay today. It is not showing up as a payment option at checkout for some reason. It was there earlier but not displayed now.  Has anyone else noticed this?

Julie
Shopify Staff
Shopify Staff
1109 106 325

Hey, @HustlingSpirit!

I appreciate you hopping into the conversation! I'd love to take a look at things on my end, so do you mind sharing your store URL with me? 

In the meantime, it would be super helpful if you could let me know whether you still see Afterpay reflected as an option on your product pages? Also, have you double-checked to see if your Afterpay account still connected in Settings > Payments? With a bit more context, I should be able to pinpoint the issue.

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

HustlingSpirit
Tourist
3 0 1
Hi Julie,

Thanks for your email. We figured out the problem. All is working now.

Thank you again.
UlyssesJewel
New Member
2 0 0

Hi,  I have completed all the steps below:

Registered and approved with Afterpay AU

Setup Afterpay within Shopify

I can see shopify at Checkout but NOT on each product page which is the problem?

 

Can you please see what is wrong with my coding? www.ulyssesjewellery.com.au

 

Thank you.

Julie
Shopify Staff
Shopify Staff
1109 106 325

Hey, @UlyssesJewel!

I'm glad to hear that you've successfully set up Afterpay as a payment gateway. There are some extra steps you'll need to take in order to have Afterpay appear on your product pages.

Earlier in this thread, I shared a help doc from the Afterpay Help Center that outlines how you can do this. Did you get a chance to check that out? There is some custom code required and Afterpay's help doc outlines exactly how you will need to edit your theme's code to achieve this. 

If you've already tried editing your theme's code and you still aren't seeing Afterpay on your product pages, then I would suggest contacting a Shopify Expert for assistance. They'll be able to get this added for you, no problem.

Hope this 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