📝 WordPress · All integrations

Address autocomplete in Contact Form 7

Give WordPress forms outside checkout — quotes, bookings, leads — validated Danish addresses with one field id and two script lines.

Contact Form 7 renders plain input fields, so you give the field an id in the form editor and attach the widget with attach(). Using WooCommerce checkout? There's a ready-made WP plugin.

How to set it up

1. Get an API key
   Free account on the dashboard → copy dawa_live_….
2. Give the field an id
   In the CF7 form editor: [text* adresse id:dk-adresse].
3. Load the widget
   Enqueue the script in your theme (wp_enqueue_script) or insert it via a footer hook.
4. Attach to the field
   DanadresseAutocomplete.attach('#dk-adresse') — the field now suggests complete DAR addresses.

# CF7 tag + widget init
[text* adresse id:dk-adresse placeholder "Din adresse"]

<!-- I dit theme (fx via wp_footer) -->
<script src="https://danadresse.dk/static/js/danadresse-widget.js"></script>
<script>
  DanadresseAutocomplete.attach('#dk-adresse', {
    apiKey: 'dawa_live_…'
  });
</script>

Good to know