What’s a good way to seamlessly mirror Billing Phone into Shipping Phone?

  • Resolved allancaeg

    (@allancaeg)


    4 years, 2 months ago

    We started working with a third party logistics company. It turns out that they need to pull delivery information from “Shipping Phone”.

    I got help before to move the sole phone number to Contact section. This sole required phone number happens to be “Billing Phone”, but we didn’t mind as it wasn’t an issue.

    Now, we’re facing a conundrum as we need to populate the “Shipping Phone” field this time.

    Is there a clean front-end approach to gather “Shipping Phone” on Contact then the “Billing To” section’s “Same as Shipping Info” checklist will mirror “Shipping Phone” when selected?

    I don’t mind a less sophisticated workaround as long as we satisfy the requirement to populate “Shipping Phone” without making all buyers needlessly enter their phone numbers twice.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter allancaeg

    (@allancaeg)

    4 years, 2 months ago

    Update: I used this Checkout Field Editor plugin to add a Shipping Phone field.

    After doing so, it seems that the ‘Billing To’ section automatically pre-filled the phone number along with the address as “Same as shipping address” is checked.

    This looks good so far, but please let me know if this approach is breaking anything, leading to unintended effects.

    Thanks!

    Plugin Author Diego Versiani

    (@diegoversiani)

    4 years, 1 month ago

    Hi @allancaeg,

    The fields are copied into the “Billing Address” section only when there is a matching field on the “Shipping Address” section, but not when moved to the “Contact” section.

    The problem is when the fields are moved to the “Contact” section, the option “(Billing) Same as shipping address” loses context and can be really confusing for users.

    For more information about how to customize checkout fields, check our article:
    Customizing existing checkout field and adding custom checkout fields

    You can either:

    a) keep your current customizations with the Checkout Field Editor plugin; or

    b) remove the new field added with the Checkout Field Editor, enable the Shipping Phone field provided by Fluid Checkout, and remove the code snippet used to move the field to the “Contact” section — making the Shipping Phone field be displayed in the “Shipping Address” section.

    Best,
    Diego

    Thread Starter allancaeg

    (@allancaeg)

    4 years, 1 month ago

    Makes sense for a clean experience.

    I’m going with the first option, allowing the Checkout Field Editor plugin to take care of all such field management jobs.

    Thanks so much!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘What’s a good way to seamlessly mirror Billing Phone into Shipping Phone?’ is closed to new replies.