Main issue: implementing an address “whisperer” (inline autocomplete suggestions under Address/City/ZIP) in Shopify Checkout using a local CEE address provider with Checkout UI extensions.
Current state: Address validation is working via Checkout UI extensions and can update the address once a suggestion is chosen. However, there’s no clear way to render and position a suggestions list directly under specific address fields using Checkout UI “targeting.” The Checkout Validation Function API was suggested but it handles validation logic, not UI rendering.
Proposed resources: A tutorial for an address autocomplete checkout extension was shared, but the provided link returns 404. A screenshot was referenced to illustrate the desired inline suggestion UI.
Open questions/needs:
How to anchor custom UI elements beneath individual address fields in Checkout UI extensions.
Whether official components/patterns exist for autocomplete suggestions within checkout.
A working, up-to-date tutorial or documentation link for address autocomplete.
Status: Unresolved; awaiting correct documentation or guidance on rendering the suggestions UI.
Summarized with AI on December 21.
AI used: gpt-5.
I would like to ask if it is possible to use Checkout UI extension to create something similar to the picture.
It is a local address provider that has much better data than Google Places in the CEE region and we would like to use it to make shopping easier for our customers.
I’ve been exploring the possibilities of new Checkout UI extensions, I’m able to more or less validate the address and tell the user in some reasonable way that the address is or is not valid, but I can’t seem to find a nice solution to add something like a whisperer under the address, city and ZIP fields.
Well, validation works for me, it’s cool, nice and relatively simple. But somehow I can’t imagine how I could do the UI whispering like in that picture.
Checkout UI extension has targeting and I don’t know how I could, for example, display some element under Address field (I can use the react UI component that shopify checkout UI offers me) in which there would be address suggestions. After it, I know how change address if user choose some address from suggestion, but I don’t have idea how to draw suggestion.
