NOR Spedition

Admin

Billeder & formular.

Skift placeholder-billeder ud med rigtige fotos og konfigurér kontaktformularen. Ændringerne gemmes lokalt i browseren via localStorage — det er kun dig der ser dem i denne browser. Brug “Eksport” når du vil flytte indstillinger til en anden computer eller publicere.

Billed-slots

Hver kasse svarer til ét placeholder-billede på sitet. Upload et nyt billede for at overskrive — klik “Nulstil” for at vende tilbage til standard.

Kontaktformular — endpoint

Som standard åbner “Spørg på pris”-knappen brugerens e-mailprogram med en forudfyldt besked til contact@norspedition.dk. Hvis du vil sende forespørgslerne automatisk uden at kunden skal have en mail-klient, så konfigurér et form-endpoint herunder.

Gemmes i browserens localStorage under nøglen nor-spedition.form-endpoint. Når du er klar til produktion, skal værdien i stedet hardcodes i index.html på formularen (data-endpoint="...").

Guide: sådan får du kontaktformularen op at køre

Tre oplagte veje

Option A — Formspree (nemmest, anbefalet)

  1. Opret gratis konto på formspree.io.
  2. Opret et nyt form med modtager-adressen contact@norspedition.dk.
  3. Kopiér form-endpointet (fx https://formspree.io/f/abcd1234).
  4. Indsæt det i feltet ovenfor og klik Gem endpoint for at teste lokalt.
  5. Når det virker: åbn index.html og tilføj attributten data-endpoint="https://formspree.io/f/abcd1234" på <form id="quote-form">. Så virker det uden localStorage og for alle besøgende.

Option B — Netlify Forms (hvis du hoster på Netlify)

  1. Deploy siten på Netlify (drag-and-drop mappe, eller git-integration).
  2. Tilføj data-netlify="true" og name="tilbud" til <form id="quote-form">.
  3. Tilføj <input type="hidden" name="form-name" value="tilbud" /> indeni formularen.
  4. Gå til Netlify-dashboardet → Forms → indstil notifikation til contact@norspedition.dk.
  5. Fjern data-endpoint-attributten hvis du har sat den.

Option C — mailto: (fungerer uden opsætning)

  • Hvis der ikke er konfigureret et endpoint, åbner formularen i stedet brugerens e-mail-klient med alle felter forudfyldt.
  • Virker på stationære maskiner med konfigureret mail-app, men er upålideligt på mobiler og webmail.
  • Brug kun denne som midlertidig løsning.

Faststøbning til produktion

LocalStorage-konfigurationen her er god til test på din maskine. Når du vil have det permanent for alle besøgende, skal du redigere index.html direkte og tilføje data-endpoint="https://..." på formularen: 

<form class="quote-form" id="quote-form" novalidate
      data-endpoint="https://formspree.io/f/xxxxxxx">

Sikkerhed og spam

  • Både Formspree og Netlify har indbygget honeypot / reCAPTCHA.
  • Undgå at eksponere egen SMTP-konto direkte i klient-koden.