New Feature: Address Input

See this: https://stackoverflow.com/questions/31869154/you-do-not-have-sufficient-permissions-to-view-this-page

You also need billing enabled on a project ’ created by you ’ not the one the StackDriver creates. StackDriver creates a new project on your Cloud account. You need one created by you.

Thanks shan, I will give that a try! How do I create a new project, do i need to log out or create a new one on the same account?

Hi may I know if this AddressInput feature is built with session token in place - where the AutoCompleteSessionToken is used as described here https://developers-dot-devsite-v2-prod.appspot.com/maps/documentation/javascript/places-autocomplete#session_tokens

Hey, I have the API key set up, but can’t find the button that says “Connect to Google Maps” on the address input field like displayed here: https://support.wix.com/en/article/connect-google-maps

Saw it about a month or so ago but now I can’t find it.

I am implementing the Wix Address Input Element to allow users to autofill their address within a form.

I have connected the element to Google Maps Places API via an API key. However, no dropdown appears suggesting addresses.

I have spent some time researching ‘home made’ solutions using JavaScript. Yet surely there is a far simpler solution.

I’d be very grateful if someone could tell me where I’m going wrong.

Have you made sure that you added the URL of the editor and the site to the key? You have to give permission to specific URLs in the Google Cloud Platform for it to work on the site.

I got it to work but now having trouble having it submit the data from that field with the rest of the form.

Just an idea. I’ve found that when working with google maps API key and http referrers restrictions it can get buggy. Correct me if I’m wrong pro’s, but as long as we keep the API key in our backend (have to take a look into getSecret()) the key will not be visible in your site source, so no need for restrictions, and a happy functional addressInput element that works in editor and published…

@andrew94573 Hi Andrew, thanks for the advice. I initially kept the key unrestricted to troubleshoot the issue. However, I’ll try giving permission to the specific page URL in the Google Cloud Platform.

@nicholaspijpers Whilst its clearly not great practice for commercial use, for troubleshooting purposes I derestricted my API key. However, the Address Input Element still gave me no joy. My Google Cloud Console recorded no API requests leading me to believe there is a problem with the element itself, or I am still doing something very wrong (I can’t think what).

I’ve contacted Wix customer support to see if they can help with the issue. However, if you have any more suggestions do let me know.

Hello, how do I add google autocomplete to my wix form address field?

I have implemented it and it works great on the front end of the form, however it does not appear in the form submission table. How do I connect it?

Hey @nicholaspijpers , glad this worked itself out.
The switch from the first to the third preset doesn’t sounds like something that can explain it. I would guess it had to do with a change you’ve made to your Google Cloud Platform project, that resulted (directly or indirectly) in the Geocoding API being enabled. Check this out .

@andrew94573 still the case? It appears when you click the Address Input. If it doesn’t show up could you please post a screenshot of your Editor?
Thanks!

@felixwallis944 Were you able to get it to work? If not, I’ll contact you directly on chat and do my best to help.

@nicholaspijpers Using getSecret() is a cool idea. In fact, we are considering having the Address Input use the Secrets Manager behind the scenes in the future, to make sure all Address Input elements on a single website use the same Google Maps API key (this is a restriction that Google applies on these API keys anyhow, but the current experience in the Connect Google Maps panel doesn’t enforce this).

However, from a security standpoint, I believe it would not eliminate the need to restrict the API key. This is because the Address Input creates a tag that has the Google Maps API key hardcoded in it, even if we were to expose a .key property in the Corvid API of the Address Input and let you set it to what you retrieve from the Secrets Manager. These API keys are meant to be used in front-end code and be restricted using Google’s HTTP referrers mechanism.

@michaelgbly Very much like other Input elements - use the Connect to Data panel to connect the address to a field of type Address .
Please make sure to set your Dataset permissions to Write-only.
If this doesn’t work for you, could you please post the link to your website so that we could take a look?
Thanks

Please check out:

Hi @eyalc , I have the same issue as @michaelgbly . My API appears correctly connected, the address field is connected to the Dataset (as an ‘Address’ type) and my Dataset is now Write-only. However the address entered appears on the form but is not appearing in the associated Collection. Do you have any other thoughts, please?

Can you please share a link to your website? If you don’t want to post it here, please let me know and I’ll reach out to you over chat.

Thanks, @Eyal Michael Cohen yes, probably better over chat, as it’s part of an unreleased feature.