Google Maps API Integration in Funnelish Checkout

Ask the community
1

Hello everyone,
I wanted to ask if anyone has already implemented, or knows whether it’s possible to integrate the Google Maps API into the Funnelish checkout.

The goal would be to display automatic address suggestions while the user is filling out the shipping address field, similar to how Shopify checkout works. This way, once an address is selected from the suggestions, all the related fields would be filled in automatically.

I believe a feature like this could significantly improve the user experience and increase the funnel conversion rate.

Thanks in advance to anyone who can share information or possible solutions.

2

Hey @Depura :waving_hand:

Yes, this feature has already been requested by a few users :+1:

Address autocomplete with Google Maps API (similar to Shopify checkout) is definitely something on our radar. We agree it can improve:

  • User experience

  • Checkout speed

  • Address accuracy

  • Conversion rate

Right now there is no native built-in integration yet, but our team is actively working and exploring this feature.

Thanks a lot for bringing it up again — feedback like this helps prioritize these improvements faster :rocket:

3

+1 for this. Also would appreciate a Address line 2 for building numbers, apartment numbers etc, some users I encounter complain about that since they’re not sure how to format their address.

1 Like
4

Hey @QTAP :waving_hand:

Thanks a lot for the feedback :+1:

That makes sense, especially for users with:

  • Apartment numbers

  • Building/unit numbers

  • Complex address formats

We’ve taken notes about this as well along with the address autocomplete requests.
Really appreciate you sharing real-world use cases like this — it helps the team understand where friction happens during checkout :rocket:

5

I would like to add that, with the native funnelish checkout as it is; around 5% of all my orders have some misspelling or typo or sometimes wrong country (they selected US virgin islands instead of US) or wrong state or zip. Autocomplete with maps API would be of great benefit from these errors :slight_smile: Thanks!

6

Hey @Depura and @QTAP :waving_hand:

One possible workaround for now would be using custom JS + Google Places API directly on the checkout fields.

Basic idea:

  • Listen to the shipping address input

  • Load Google Places autocomplete

  • When user selects an address:

    • Fill city

    • Fill state/province

    • Fill postal code

    • Fill country automatically

Something similar to:

<input id="shipping-address" type="text">

<script>
const autocomplete = new google.maps.places.Autocomplete(
  document.getElementById("shipping-address")
);

autocomplete.addListener("place_changed", () => {
  const place = autocomplete.getPlace();

  console.log(place);
  // map values into Funnelish fields
});
</script>

So technically yes — it is possible with custom coding already.
The main work is mapping the returned Google data into the Funnelish checkout fields correctly.

For address line 2:

  • You could add a custom field manually for apartment/building/unit

  • Then append or sync it separately

A native Funnelish implementation would obviously be much cleaner, but for advanced users/devs this could already work as a temporary solution :+1: