Move Bill To Customer Info to OPAY

[SidFeyDesigns]

Our fraud protection requires the billing address to match the credit card.

So for a long time we have had the billing address set as the primary address (with bold blue text above it saying it must match their credit card) and have had the Ship to Same as bill to address checked by default.

Minor Issue
Often times people are also trying to ship to a different address and a lot of the time people either miss the Same as Bill To checkbox entirely or just misinterpret what it means.

This leads to customers frequently emailing us to change the ship to address for them and sometimes it is too late to do so.

Not a huge deal but my idea below should also help with this

More Important Issue
Another more important issue is that they miss the instructions to use the address that matches the credit card, and the order fails to authorize.

To help combat this issue on OPAY, above the Payment fields, we show the customer the Bill To Address for them to review and give them an edit address link that takes them back to OCST in the event that it does need to be changed. (/OCST.html?shipping_to_show=0).

This link forces the shipping address check box to not be checked so that in the event that they did enter a different shipping address, it will not get overwritten.



Although the above efforts have helped decrease the amount of authorization failures due to AVS mismatch, I think there can be a more user friendly solution for the customers.

Here are my thoughts/ideas.

1. OCST
-Make Ship To the primary address
-Move the Update Account checkbox to be directly under the Ship To address fields (for users logged in and update Ship To only)
-Remove the Same as Bill To checkbox
-Remove the Bill To address fields or hide them
-Remove the Create Account/Password field (for users not logged in)

2. OSEL
-No Changes

3. OPAY
-Add Bill To address fields for the customer to enter the address that matches their credit card
-Add Update Account checkbox directly under the Bill To address fields (for users logged in and update Bill To only)
-If using PayPal for payment, hide Bill To Fields and make Bill To same as Ship To since PayPal does not require the address to match.
(we use Braintree for credit card and PayPal payments)

4. INVC
-Add the Create Account/Password field and a Create Account Button to submit the password/create the account (for users not logged in)


I feel this checkout flow would be less troublesome.

In the event that the address entered had an error and the authorization failed, there would no longer be a need to give the customer a link to edit the Bill To address on OCST.

They could simply edit the address right where they are.

This would also prevent them from having to go to OSEL again from OCST and reselect the shipping/payment method since those selections are not saved and go back to default once OSEL is revisited.



For reference we are on the latest release of Miva (10.01.03) and using the Suivant readytheme

Thanks in advance for any insight on this. It is much appreciated.

[Bruce - PhosphorMedia]

All of that is doable with existing templates and some custom coding. There isn't really an 'ideal' checkout path for stores. there's only 'what works best for me'. granted, what you posted is what a lot of primarily 'ship stored goods' sites do, but then, that seems less and less of miva clientelle that at least we see.

[nottheusual1]

Seems more "modern" to have a box to check if the ship-to is different to the bill-to which will expose the additional address fields. It's a facility the user will seek out if needed and seems more intuitive.

[SidFeyDesigns]

Bruce - PhosphorMedia Agreed on that. This would definitely be more for a particular situation. Still going to mull it over before jumping into it.

nottheusual1 That is a good point.

I suppose another option could be simply moving the shipping address fields to display before the billing with a more visually prominent question like "Are You Shipping to the Same Address as your Billing Address?" with a checkbox That says "Yes".

[SidFeyDesigns]

Bruce - PhosphorMedia nottheusual1

Figured it out after 2 weeks of pondering / testing / implementing.

Left OCST pretty much the same but changed the Same as Billing checkbox on OCST to be unchecked by default to avoid Miva from having to remember if it needs to be checked or not.

For OSEL/OPAY, I made the Customer Fields editable and turned the Bill To/Ship To fields into each of their own forms that pop up with the click of an "Edit" link using the magnific popup plugin that comes with the Suivant Readytheme.

I had to hide the Same as Billing checkbox (with css) and mark it unchecked by default as well.

It works quite well and keeps the customer from having to go back to the start of checkout to edit their Bill To/ Ship To address.

I even added an Edit Shipping Method form on OPAY in the same manner to allow them to edit that as well without leaving OPAY

Feel free to check it out here: https://www.loveisarose.com/

Just add any product to the cart to see the checkout flow using the "Secure Checkout" button.

Cheers and Happy Coding.