🏬 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

  1. Hent en API-nøgle
    Opret en gratis konto på dashboardet og kopiér din dawa_live_… nøgle.
  2. Indlæs widget-scriptet
    Tilføj scriptet i dit themes default_head_blocks.xml — eller via Stores → Configuration → Design → HTML Head.
  3. Bind til gadefeltet
    Kald DanadresseAutocomplete.attach()street[0]-feltet i checkout. Widget'en udfylder gade, husnummer, postnr. og by.
  4. Valgfrit: server-side datavask
    Kald /datavask/adresser fra 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 →

API-docs · Kodeeksempler · JS-widget