Adresseforslag i Elementor-formularer

Opret en offentlig nøgle

Feltet kalder Grundfast direkte fra kundens browser, så det bruger en offentlig nøgle (gf_pub_live_). Den må gerne stå i sidens kildekode, fordi den kun virker fra de domæner, du skriver på den, og kun til adresseopslag. Opret den under Nøgler i dashboardet: vælg Offentlig og skriv dine domæner, fx firma.dk og www.firma.dk.

Byg og test med en offentlig testnøgle (gf_pub_test_), som aldrig faktureres, og skift til live-nøglen, når feltet virker. Reglerne for domæner — www, underdomæner med *. og porte — står i dokumentationen for adressefeltet.

Giv felterne et ID

1. 1

   Opret tre tekstfelter

   I Form-widgeten tilføjer du felterne Adresse, Postnummer og By, alle af typen Text.

2. 2

   Sæt et ID på hvert

   Åbn feltet og fanen Advanced, og skriv et ID: adresse, postnr og by. Brug kun små bogstaver, tal og bindestreg — ID’et indgår også i e-mailens felt-shortcodes.

3. 3

   Tjek id’et på siden

   Elementor sætter form-field- foran ID’et i HTML, så feltet hedder #form-field-adresse. Højreklik på feltet på den publicerede side og vælg Undersøg for at se, at det passer.

Vil du have BFE-nummeret med i indsendelsen, så tilføj et felt af typen Hidden med ID’et bfe. Det dukker op i e-mailen og i indsendelserne som de andre felter.

Læg scriptet i Custom Code

1. 1

   Ny kodestump

   Gå til Elementor → Custom Code i WordPress og tilføj en ny. Giv den et navn, fx “Grundfast adressefelt”.

2. 2

   Placering

   Vælg Location </body> - End og indsæt tagget:

   htmlKopiér

   <script
     src="https://grundfast.dk/widget/v1/grundfast-adresse.js"
     defer
     data-key="gf_pub_live_..."
     data-felt="#form-field-adresse"
     data-postnr="#form-field-postnr"
     data-by="#form-field-by"
     data-bfe="#form-field-bfe"
   ></script>

3. 3

   Publicér med betingelser

   Klik Publish og vælg, hvor koden skal køre: hele sitet, eller kun de sider, hvor formularen står. Scriptet gør ingenting på sider uden feltet, så hele sitet er også i orden.

Står formularen i en popup, findes felterne først, når popuppen åbnes. Feltet holder øje med siden og hægter sig på, så snart adressefeltet dukker op — du skal ikke gøre noget ekstra.

Flere formularer med adresse

Et id må kun findes én gang på en side. Har du to formularer med adresse på samme side, så giv felterne forskellige ID’er (fx adresse-2) og skriv begge i data-felt, adskilt med komma. Postnummer og by slås op i den formular, brugeren skriver i, så hver formular udfylder sine egne felter, når selektorerne i data-postnr og data-by også nævner begge.

Tjek nøglen fra en terminal

Før du leder i platformens indstillinger, kan du se, om nøglen og domænet passer sammen. Kaldet nedenfor er det samme, feltet laver. Origin er dit domæne, præcis som browseren skriver det:

curl -G "https://api.grundfast.dk/v1/adresse/search" \
  --data-urlencode "q=Vestergade 10" \
  --data-urlencode "token=$GRUNDFAST_PUBLIC_KEY" \
  -H "Origin: https://www.firma.dk"

Svarer det med adresser, er nøglen i orden. Et 403 med origin … is not allowed betyder, at domænet ikke står på nøglen — ret listen i dashboardet; det slår igennem inden for et halvt minut.

Hvis der ikke kommer forslag

• Åbn browserens konsol (F12, fanen Console). Feltet skriver én linje, der begynder med [grundfast-adresse], med årsagen fra API’et.
• no public key — scriptet blev indlæst uden data-key.
• Ingen linje og ingen liste — feltet blev ikke fundet. Tjek at selektoren i data-felt rammer feltet: skriv document.querySelectorAll('…') med den samme selektor i konsollen.
• Listen vises, men felterne udfyldes ikke — selektorerne i data-postnr og data-by rammer ikke noget. De slås op i samme formular som adressefeltet først, derefter på hele siden.

Feltet stopper aldrig formularen: fejler et kald, lukker listen, og kunden kan skrive adressen i hånden som før.