Kontaktformulär

Skapa professionella kontaktformulär som integreras sömlöst med din chatbot och inkluderar inbyggt skydd mot skräppost.

Översikt

Kontaktformulär i ChatReact låter dig:

• Samla strukturerad information från besökare
• Filtrera bort skräppost automatiskt
• Få aviseringar vid nya inlämningar
• Granska och hantera inlämningar i instrumentpanelen

Tillgänglighet

Kontaktformulär finns på:

• Starter plan och uppåt

Skapa ett formulär

Formulär hanteras per chatbot, så varje formulär tillhör exakt en chatbot.

Steg 1: Navigera till Formulär

1. Välj den chatbot formuläret tillhör
2. Gå till Forms i sidomenyn
3. Klicka på Create Form

Formulärbyggaren guidar dig genom fyra steg: Basics, Fields, Design och Settings.

Steg 2: Basics

Nya formulär är aktiva som standard. Du kan slå på eller av ett formulär senare via växeln Form Active på dess flik General.

Steg 3: Lägg till fält

Nya formulär kommer förifyllda med en färdig kontaktmall — Name, Email, Message och Privacy Consent — som du kan redigera, ändra ordning på eller ta bort. Använd knappen Add Field för att lägga till fler fält och pilarna upp/ner för att ändra deras ordning.

Fältalternativ

För varje fält, konfigurera:

• Label: Visningsnamn
• Placeholder: Hjälptext
• Required: Måste fyllas i
• Options: För select/rullgardinsfält

Steg 4: Design

Styla formuläret så att det matchar din webbplats:

• Quick Presets: Ljusa och mörka temautgångspunkter
• Colors: Välj primär-, bakgrunds- och textfärger
• Button Text: Anpassad etikett för sändknappen
• Success Message: Vad besökare ser efter att de skickat

En liveförhandsvisning visar dina ändringar i realtid.

Steg 5: Settings

Konfigurera skräppostskydd (se nedan) och Notification Email för aviseringar om inlämningar.

Skräppostskydd

AI-drivet skräppostfilter

Varje inlämning analyseras av AI för:

• Suspiciösa mönster
• Känd skräppostinnehåll
• Bot-liknande beteende
• Kvalitetssignaler

Skräpposttröskel

Varje inlämning får en skräppostpoäng från 0 (legitim) till 100 (säker skräppost). Använd reglaget för tröskelvärde (0–100, standard 70) för att bestämma var gränsen ska dras — med Auto-Reject aktiverat markeras inlämningar med en skräppostpoäng över tröskeln som skräppost:

• Lägre tröskel: Strängare filtrering — fler inlämningar flaggas
• Högre tröskel: Mer förlåtande — endast tydlig skräppost flaggas

Auto-Reject

Aktivera Auto-Reject för att hantera skräppost automatiskt:

• Inlämningar med poäng över din tröskel markeras automatiskt som skräppost
• De ligger kvar i din lista över inlämningar så att du kan granska dem när som helst

Hantera inlämningar

Inlämningslista

Sidan för inlämningar börjar med en översikt över dina totalsummor: Total, Pending, Approved, Spam och Rejected.

Klicka på en inlämning för att expandera den och se:

• Inlämningsdatum och tid
• Uppgiftsgivarinformation med läsbara fältetiketter (t.ex. "Name", "Email" istället för tekniska ID:n)
• Skräppostpoäng och status
• AI:ns motivering bakom skräppostpoängen
• Tekniska detaljer såsom IP-adress och referrer

Åtgärder för inlämningar

Approve, Mark as Spam och Reject är tillgängliga för inlämningar med status Pending; Delete är tillgänglig för alla inlämningar.

Filtrering

Använd statusmenyn för att filtrera inlämningar: All, Pending, Approved, Spam eller Rejected.

Bädda in formulär

Kontaktformulär bäddas in direkt på din webbplats med ett litet skriptklipp. Du kan kopiera det färdiga klippet — inklusive ditt formulär-ID — från instrumentpanelen: använd kopieraikonen på formulärkortet eller fliken Embed på formulärets redigeringssida.

Fristående inbäddning

Bädda in formulär direkt på din webbplats:

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

Du kan också ange ett anpassat container-element med attributet data-container om du vill att formuläret ska renderas inuti ett 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>

Inbäddningsalternativ

Finjustera layouten med dessa valfria skriptattribut:

WordPress

Om din webbplats kör WordPress låter den officiella ChatReact-tillägget dig bädda in formulär med en shortcode:

[chatreact_form id="YOUR_FORM_ID"]

Ett Gutenberg-block och en Elementor-widget ingår också. Se WordPress Integration för detaljer.

Styling

Inbäddade formulär använder de färger, knapptext och framgångsmeddelande du konfigurerade i formulärets Design-inställningar — varje formulär har sitt eget utseende, oberoende av din chattwidget. Teckensnittsfamiljen ärvs från din webbplats, så formulären smälter in naturligt.

Inbäddade formulär visar en liten "Powered by ChatReact"-länk. Planer som inkluderar white-label (Professional och uppåt) tar bort denna märkning.

Flerspråkiga formulär

Fliken Translations på formulärets redigeringssida låter dig översätta formuläret för varje av din chatbots språk:

• Fältetiketter och platshållare
• Texten på sändknappen
• Framgångsmeddelandet

Inbäddade formulär upptäcker automatiskt sidans språk och visar matchande översättning.

Aviseringar

E-postaviseringar

Få e-postaviseringar för nya inlämningar:

• Aviseringar inkluderar formulärets namn och en direktlänk till sidan för inlämningar
• Om den Notification Email du konfigurerar matchar en teammedlems konto meddelas den personen; annars får alla ägare, administratörer och managers aviseringen
• Leverans följer varje mottagares notification preferences — omedelbart eller ihopslaget i en digest

I app-aviseringar

Se nya inlämningar i notifieringsklockan:

• Klicka för att navigera till inlämningen
• Markera som läst (individuellt eller alla på en gång)

Bästa praxis

1. Håll formulär korta: Be bara om nödvändig information
2. Använd tydliga etiketter: Undvik jargong
3. Testa skräppostfiltret: Skicka testinlägg för att kalibrera
4. Svara snabbt: Snabba svar ökar tillfredsställelsen
5. Granska skräppostmappen: Kontrollera falska positiva

Nästa steg

• Live Chat →
• Widget Customization →
• Notifications →