🏬 Webshop · Alle integrationer
Adresse-autocomplete i Magento 2 / Adobe Commerce
Typo-tolerant dansk adressesøgning i Magento-checkout med to script-linjer — og server-side datavask ved ordre-gem, hvis du vil gå hele vejen.
Magento's checkout er Knockout-baseret, men adressefelterne er almindelige <input>-felter — så vores JS-widget kan kobles direkte på uden et Composer-modul. Vil du hellere validere server-side, kalder du REST-API'et fra en observer på sales_order_place_before.
Sådan sætter du det op
- Hent en API-nøgle
Opret en gratis konto på dashboardet og kopiér dindawa_live_…nøgle. - Indlæs widget-scriptet
Tilføj scriptet i dit themesdefault_head_blocks.xml— eller via Stores → Configuration → Design → HTML Head. - Bind til gadefeltet
KaldDanadresseAutocomplete.attach()påstreet[0]-feltet i checkout. Widget'en udfylder gade, husnummer, postnr. og by. - Valgfrit: server-side datavask
Kald/datavask/adresserfra en observer, så snavsede adresser rettes før de rammer ERP/fragtlabels.
# Widget i Magento-checkout
<!-- 1) Indlæs widget'en i dit theme, fx via
Magento_Theme/layout/default_head_blocks.xml -->
<script src="https://danadresse.dk/static/js/danadresse-widget.js"></script>
<!-- 2) Aktivér autocomplete på checkout-gadefeltet -->
<script>
DanadresseAutocomplete.attach('input[name="street[0]"]', {
apiKey: 'dawa_live_…'
});
</script>
Godt at vide
Ingen build-pipeline
Widget'en er vanilla JS uden afhængigheder — den blander sig ikke med Knockout eller requirejs.
Virker i Luma + Hyvä
Alt der rendrer et input-felt kan bruges — også headless PWA Studio via REST-API'et direkte.
DAWA-kompatibelt svar
Bruger din butik allerede DAWA? Samme JSON-struktur — skift kun base-URL.
Et pakket Composer-modul (danadresse/magento2) er på roadmappen — skriv til partners@lynbro.dk for early access.
Klar til at prøve det med Magento 2 / Adobe Commerce?
Gratis Hobby-nøgle, intet kreditkort — API'et svarer på under 100 ms.
Hent API-nøgle →