How can I link specific payment methods to shipping options at checkout?

How can I link specific payment methods to shipping options at checkout?

catlove
Visitor
3 0 4

At checkout after the customer enters his personal details the customer is prompted to select shipping method in the next step

 

here I offer two shipping methods:

1. Free Shipping (Prepaid orders only)

2. Cash on Delivery (COD)
 
ice_screenshot_20230524-022825.png

 

if the customer selects COD..only COD should be shown at final payment method

 

ice_screenshot_20230524-023249.png

(this screenshot is from another store)

 

if customer selects Prepaid..only PayU (my payment gateway) should be shown at the final step

ice_screenshot_20230524-023236.png

(this screenshot is from another store)

 

NOW..Here is where I have a problem in my store

 

regardless of which shipping method I select..both COD and Prepaid payment options are showing up at final step of my store

 

ice_screenshot_20230524-023526.png

  (this screenshot is from my store)

 

How do I fix this? I want

 

ONLY Cash on delivery payment  to show when cash on delivery shipping method is selected

and 

ONLY PayU (My prepaid payment gateway) payment to show when prepaid shipping method is selected

Replies 4 (4)

MarcoReleasit
Shopify Partner
314 24 64

Hello  @catlove 

 

This is not directly possible in Shopify's settings, but you can do it by using our app Releasit Cash On Delivery that you can install for free from the Shopify App Store here: https://apps.shopify.com/cash-on-delivery-fee

 

We have an option on the app that allows you to show COD only if the customer selected your COD shipping rate, and if the customer selects Free shipping he will see only prepaid payment options like PayU. The option on the app can be found in the Fee settings page here:

 

MarcoReleasit_1-1684904239397.png

 

If you don't see this option on the app you can contact me form the app and we will be happy to assist you!

 

The app is completely free to install and works on all Shopify plans and we also offer 24/7 support, so if you have any questions or you need help feel free to contact us from there!

 

I hope this helps you!

 

Marco from Releasit

Install Releasit Cash On Delivery for free here: https://apps.shopify.com/cash-on-delivery-fee
Add a fee to Cash on Delivery and limit COD based on any condition (order total, location, products, collections, etc.)

machecnik
Visitor
1 0 0

Has anyone come across a viable solution?

As e.g. releaseit app does not show the Fee at the order summary and shows the extra charge only at the order confirmation email - which is terrible CX and also is a grey zone from legal perspective (I guess, assuming it is a case in any country)

Imogen
Shopify Staff
2045 227 394

Hi there, Machecnik. Thank you for taking the time to reach out to the Shopify Community and following up on this thread! Currently, this functionality is not supported natively by Shopify, so you'll need to look into some third party applications (similar to the one posted above) that can help you achieve this. This app called 'Payfy' should be able to help!

 

We have received a lot of feedback around this feature, so I'm happy to pass along your desire for this functionality to become available to our developers. Though I can't promise what will come from the sharing of your feedback, you can trust that it's being seen by the best folks to see it. Thanks again!

Imogen | 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

AlexHeard
Shopify Partner
64 0 1

You can link specific payment methods to shipping options using the PayRules: Hide Payment Methods app. Here's how you can do it:

 

Create a rule for COD:

  1. Choose "Cash on Delivery (COD)" from the "Select payment methods" field.
  2. In the "Shipping/delivery titles" field, select "Hide if not found" and enter "Cash on Delivery (COD)".

cod-rule.png

 

Create a rule for Prepaid:

  1. Add "PayU" in the "Additional payment methods" field.
  2. In the "Shipping/delivery titles" field, select "Hide if not found" and enter "Free Shipping".

payu.png

 

This will ensure that only the relevant payment method is shown based on the selected shipping option.