Kontaktformularer

Opret professionelle kontaktformularer, der integreres problemfrit med din chatbot og inkluderer indbygget spam-beskyttelse.

Oversigt

Kontaktformularer i ChatReact giver Dem mulighed for at:

• Indsamle strukturerede oplysninger fra besøgende
• Automatisk filtrere spam-indsendelser
• Modtage notifikationer ved nye indsendelser
• Gennemse og administrere indsendelser i dashboardet

Tilgængelighed

Kontaktformularer er tilgængelige på:

• Starter plan og derover

Oprettelse af en formular

Formularer administreres pr. chatbot, så hver formular tilhører nøjagtigt én chatbot.

Trin 1: Naviger til Formularer

1. Vælg den chatbot, formularen tilhører
2. Gå til Forms i sidebaren
3. Klik på Create Form

Formularbyggeren guider Dem gennem fire trin: Basics, Fields, Design og Settings.

Trin 2: Basics

Nye formularer er aktive som standard. De kan senere slå en formular til eller fra via Form Active-knappen på fanen General.

Trin 3: Tilføj felter

Nye formularer leveres forudfyldt med en færdig kontakt-skabelon — Navn, Email, Message og Privacy Consent — som De kan redigere, omarrangere eller fjerne. Brug Add Field-knappen for at tilføje flere felter og pilene op/ned for at ændre deres rækkefølge.

Feltindstillinger

For hvert felt kan De konfigurere:

• Label: Visningsnavn
• Placeholder: Hjælpende tekst
• Required: Skal udfyldes
• Options: For select/dropdown-felter

Trin 4: Design

Stil formularen, så den matcher Deres hjemmeside:

• Quick Presets: Lys og mørk tema som udgangspunkter
• Colors: Vælg primær-, baggrunds- og tekstfarver
• Button Text: Tilpasset tekst til send-knappen
• Success Message: Hvad besøgende ser efter indsendelse

En live-forevisning viser Deres ændringer, mens De foretager dem.

Trin 5: Settings

Konfigurer spam-beskyttelse (se nedenfor) og Notification Email til indsendelsesalarmer.

Spam-beskyttelse

AI-drevet spamfilter

Hver indsendelse analyseres af AI for:

• Mistænkelige mønstre
• Kendt spam-indhold
• Bot-lignende adfærd
• Kvalitetssignaler

Spam-tærskel

Hver indsendelse får en spam-score fra 0 (legitim) til 100 (sikkert spam). Brug tærskel-skyderen (0–100, standard 70) til at beslutte, hvor linjen skal trækkes — med Auto-Reject aktiveret markeres indsendelser med en spam-score over tærsklen som spam:

• Lavere tærskel: Strengere filtrering — flere indsendelser flagges
• Højere tærskel: Mere lempelig — kun åbenlyst spam flagges

Auto-Reject

Aktiver Auto-Reject for at håndtere spam automatisk:

• Indsendelser, der scorer over Deres tærskel, markeres automatisk som spam
• De forbliver i Deres indsendelsesliste, så De kan gennemgå dem når som helst

Administration af indsendelser

Indsendelsesliste

Indsendelsessiden starter med en oversigt over Deres totaler: Total, Pending, Approved, Spam og Rejected-tællinger.

Klik på en indsendelse for at udvide den og se:

• Indsendelsesdato og -tid
• Indsenderinformation med læsbare feltnavne (f.eks. "Name", "Email" i stedet for tekniske ID'er)
• Spam-score og status
• AI'ens begrundelse for spam-scoren
• Tekniske detaljer såsom IP-adresse og referrer

Indsendelseshandlinger

Approve, Mark as Spam og Reject er tilgængelige for indsendelser med Pending-status; Delete er tilgængelig for alle indsendelser.

Filtrering

Brug status-rullemenuen til at filtrere indsendelser: All, Pending, Approved, Spam eller Rejected.

Indlejring af formularer

Kontaktformularer indlejres direkte på Deres hjemmeside med et lille script-snit. De kan kopiere det færdige snit — inklusive Deres formular-ID — fra dashboardet: brug kopi-ikonet på formularens kort eller fanen Embed på formularens redigeringsside.

Standalone Embed

Indlejr formularer direkte på Deres hjemmeside:

<script
  src="https://www.chatreact.ai/embed/form.js"
  data-form-id="YOUR_FORM_ID"
  async
></script>

De kan også angive et brugerdefineret container-element ved at bruge data-container-attributten, hvis De ønsker, at formularen skal rendere inde i et specifikt element:

<div id="my-form-container"></div>
<script
  src="https://www.chatreact.ai/embed/form.js"
  data-form-id="YOUR_FORM_ID"
  data-container="my-form-container"
  async
></script>

Indlejringsmuligheder

Finjustér layoutet med disse valgfrie script-attributter:

WordPress

Hvis Deres site kører WordPress, lader den officielle ChatReact-plugin Dem indlejre formularer med en shortcode:

[chatreact_form id="YOUR_FORM_ID"]

En Gutenberg-blok og en Elementor-widget er også inkluderet. Se WordPress Integration for detaljer.

Styling

Indlejrede formularer bruger de farver, knaptekst og success-besked, De har konfigureret i formularens Design-indstillinger — hver formular har sit eget udseende, uafhængigt af Deres chat-widget. Skriftfamilien arves fra Deres hjemmeside, så formularerne blender naturligt ind.

Indlejrede formularer viser et lille "Powered by ChatReact"-link. Planer, der inkluderer white-label (Professional og derover), fjerner denne branding.

Flersprogede formularer

Fanen Translations på formularens redigeringsside lader Dem oversætte formularen for hvert af Deres chatbots sprog:

• Feltlabels og placeholders
• Send-knappens tekst
• Success-besked

Indlejrede formularer registrerer automatisk sidenes sprog og viser den matchende oversættelse.

Notifikationer

E-mail-notifikationer

Modtag e-mailalarmer ved nye indsendelser:

• Advarsler inkluderer formularens navn og et direkte link til indsendelsessiden
• Hvis den Notification Email, De konfigurerer, matcher en teammedlems konto, bliver denne person underrettet; ellers modtager alle ejere, administratorer og managers alarmen
• Levering følger hver modtagers notification preferences — øjeblikkelig eller bundtet i en oversigt

In-app notifikationer

Se nye indsendelser i notifikationsklokken:

• Klik for at navigere til indsendelsen
• Marker som læst (enkeltvis eller alle på én gang)

Bedste praksis

1. Hold formularer korte: Spørg kun om essentiel information
2. Brug klare labels: Undgå jargon
3. Test spamfilteret: Indsend testposter for at kalibrere
4. Svar hurtigt: Hurtige svar øger tilfredsheden
5. Gennemse spam-mappen: Tjek for falske positiver

Næste skridt

• Live Chat →
• Widget Customization →
• Notifications →