The Customer Address Fields feature in RepairPlugin allows you to fully customize how customers enter their address information during the booking or checkout process. This helps you match local address formats, improve form clarity, and reduce incorrect or incomplete address submissions.
With this feature, you can reorder address fields and optionally enable address autocomplete using Google Maps.
What You Can Do with Customer Address Fields
Using this section, you can:
Change the order of address fields shown to customers
Adjust the layout to match your country or business preference
Enable Google Maps address autocomplete for faster and more accurate entries
This is especially useful if your customers are confused by default address formats or if your country uses a specific address order.
Available Address Fields
You can customize the order of the following fields:
House No.
Streetname
City
Zipcode
Country
These fields will appear on the front end exactly in the order you define here.
How to Change the Order of Address Fields
Go to RepairPlugin → Settings then Front End Steps under Settings
Scroll down to the Customer Address Fields section
Under Sort the order of fields, use the arrow controls next to each field
Move fields up or down to your preferred order
Save your changes
Once saved, the new order will immediately reflect on the booking or checkout form.
Tip: For many European countries, it’s common to place Streetname before House No., while others prefer the opposite. You can easily adapt this here.
Enabling Address Autocomplete (Google Maps API)
RepairPlugin also supports address autocomplete using Google Maps.
When enabled, customers will see address suggestions as they type, which helps:
Reduce typing time
Prevent spelling errors
Improve address accuracy
How to Enable Autocomplete
Toggle Autocomplete Address to ON
Make sure you have a valid Google Maps API key (See below on steps to get the API Key)
Step 1: Go to Google Cloud Console - Open this in your browser: https://console.cloud.google.com (Sign in with your Google account)
Step 2: Create or Select a Project - At the top of the page:Click the project dropdown
Either select an existing project or click New Project
Give it a name, for example:
RepairPlugin MapsClick Create
Step 3: Enable Billing (Required) - Google Maps requires billing, even for free usage.Go to Billing
Attach a billing account to the project
Don’t worry, Google gives free monthly credits, most sites stay within this
Step 4: Enable the Required APIs - Go to APIs & Services → Library
Enable these APIs:
Maps JavaScript API
Places API
These are the most important ones for address autocomplete.
Click Enable on each.
Step 5: Create the API Key - Now go to: APIs & Services → Credentials
Click Create Credentials
Select API Key
Google will generate a key for you
Copy it somewhere safe.
⚠️ Note: Google Maps API usage may incur costs depending on your Google Cloud plan.
Step 6: (Very Important) Restrict the API KeyThis protects your key from abuse.
Click the API key you just created, then: Application restrictions
Select HTTP referrers (websites)
Add your website, for example: https://yourwebsite.com/
API restrictionsSelect Restrict key
Choose:
Maps JavaScript API
Places API
Click Save
Enter the API key in the appropriate settings section
Save your changes
Best Practices
Keep the address flow simple and logical
Test the form after changing the order
Enable autocomplete if your customers book from mobile devices
Make sure required fields are clearly positioned