How To Add Shipping Address Matches Billing Address Checkbox In Clickfunnels

Same shipping and billing address checkbox Clickfunnels

During the checkout in Clickfunnels, your customers often have to enter their shipping and billing addresses. In most cases, it’s the same address. So they have to enter the same information twice.

It doesn’t sound like a smooth checkout process, right?

How can you make the whole flow easier? The best way is to add a checkbox to your Clickfunnels order form that your customers can check if their billing and shipping addresses match.

Clickfunnels will automatically submit information for both addresses, and your customers won’t have to type in the same address twice.

However, Clickfunnels doesn’t offer this feature natively. You can either add some custom code to your funnel (if you know how to do it), or use a third-party tool.

The easiest and fastest way will be to use CF Power Scripts and their script CF Same Address.

CF Power Scripts, in our opinion, is a must-have add-on for Clickfunnels that allows you to effortlessly integrate additional features to your funnels that Clickfunnels doesn’t offer natively.

The CF Same Address script does exactly what described above: adds the checkbox to the order form and logic behind it.

If a customer keeps the checkbox unchecked, they can enter a different billing address for their order. When the checkbox is checked, Clickfunnel automatically copies the shipping address to the billing address.

The script works for both regular and 2-step order forms but has a different setup flow.

Setup For Regular Order Forms

Step 1: Add the CF Same Address script to your funnel

  • Log into your CF Power Scripts account and go to the Power Scripts tab.
  • Go to the funnel where you want to add the script and select the order form.
  • Click Add New and choose the CF Same Address script.

List of the scripts in CF Power Scripts

  • All you need to do on this page is to define if the address should be copied from the billing address to the shipping one or vice versa. The other settings on the page apply only for 2-step order forms.
  • Click Add Script.

Step 2: Adjust settings in Clickfunnels

  • Log into your Clickfunnels account.
  • Open the funnel and the Order Form page where you want to add the checkbox.
  • Add the Shipping Address element to the page.
    It’s important that you add the element called “Shipping Address” and NOT separate input fields for country, city, Zip code, and so on.
  • Add a Checkbox element and change the text next to the checkbox. It may say Shipping Address equals Billing Address.

Checkbox in Clickfunnels for shipping and billing address

  • Go to the settings of the Checkbox element and make the element Not Required. This way the visitors of your funnel will be able to choose if they need to check the checkbox.
  • Open the CSS Info of the Checkbox element by clicking on the hashtag icon in the bottom right corner.

Checkbox CSS info

  • Change the title to cfps-same-address and click Update.
  • Save the changes you made on the funnel page.

Here’s how the Clickfunnels order page will look with the checked and unchecked checkbox for the same shipping and billing address.

If a customer enters the billing address, checks the checkbox, and submits the order form, Clickfunnels will automatically submit the same information for the shipping address.

When a customer keeps the checkbox unchecked, they can enter a different address for their order.

Shipping and billing address match in Clickfunnels
Order page with the checked checkbox
Order page with the unchecked checkbox

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Setup For 2-Step Order Forms

Step 1: Add the CF Same Address script

  • Log into your CF Power Scripts account and go to the Power Scripts tab.
  • Go to the funnel where you want to add the script and select the 2-step order form.
  • Click Add New and choose the CF Same Address script.
  • Adjust the checkbox text and labels if needed. You can enter the text in other languages.
  • Click Add Script.

Same billing and shipping address in Clickfunnels

Step 2: Check settings in Clickfunnels

  • Log into your Clickfunnels account.
  • Open the funnel and the 2-Step Order Form.
  • Make sure the shipping address element is enabled on the first step of the 2-step order form.

Note: 2-step order forms don’t support a billing address by default. So, without the CF Same Address script, there would be no billing address to enter. But since Clickfunnels asks for the shipping address on the first step, we’ll keep the default shipping address element on the first step.

  • The CF Same Address script automatically adds the billing address section to the second step of the 2-step order form. You can go to the live preview of the order form to check it. The titles of the sections and the checkbox text come from the script settings you might fill in on Step 1.
  • If a customer unchecks the checkbox, they can enter a different billing address. And if a customer keeps the checkbox checked and submits the order, Clickfunnels will automatically copy the shipping address into the billing address.

Billing and shipping address checkbox for Clickfunnels 2-step order forms

 

That’s how easy you can manage the same billing and shipping addresses on Clickfunnels order forms using CF Power Scripts!

Additionally, you can check the video that shows the step-by-step setup of the CF Same Address script.


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.