Kontaktformularen fungerer som et afgørende værktøj til at lette kommunikationen mellem enkeltpersoner eller virksomheder. Det giver en bekvem og organiseret måde for brugere at nå ud og udtrykke deres forespørgsler. Du kan også tage ansøgninger, kontaktforespørgsler og meningsmålinger ved at bruge det.
Du kan nemt oprette en kontaktside på din hjemmeside ved hjælp af kontaktsektionen.
I denne artikel:
- Tilføjelse af kontaktsektion til en side
- Indhold af kontaktformular
- Administrer layout
- Administration af formularfelter og formulartype
- Typer af felter
- Inline-formular og popup-formular
- Indstillinger for knapstil
- Stil kontaktformular
- Indstillinger for kontaktformular
- Omdiriger formularen til en anden side
- Eksporter formulardata
- Indsendte formulardata
- E-mail-meddelelser
- Liveeksempel
Tilføjelse af kontaktsektion til en side
- På din side, klik på blåt + ikon for at tilføje en ny sektion til din side.
- Du vil nu se Sektionskategorier på venstre side.
- Vælg den Formularer (1) kategori og klik på Kontakt fane (2), hvor du kan vælge imellem forskellige layouts af Kontakt (3) afsnit.
- Vælg et sektionslayout, og klik på det for at tilføje det til din side.
Indhold af kontaktformular
Dette er en vigtig del af formularen, da du uploader eller ændrer billedet, giver titel og beskrivelse her, så brugerne får en idé om formålet med selve formularen. Ved omhyggeligt at lave en kortfattet, beskrivende titel og informativ, overbevisende beskrivelse, kan du forbedre kommunikationen og etablere stærke forbindelser med dit websteds besøgende.
- Du kan Upload or Slette (1) det billede, der vil blive vist i formularen.
- Rediger Emne (2) i formularen.
- Rediger Beskrivelse (3) i formularen.
- Definer Sektionsoverskrift (4), der vil blive vist oven på formularen.
Administrer layout
- Mens formularen tilføjes på siden, skal der vælges et layout. Du kan Skift layout efter tilføjelse af formularen også.
Ændring af layoutet vil anvende standardstilen af formularen.
Administration af formularfelter og formulartype
Under Administrer formularfelter, kan du angive de felter, du ønsker, at dine besøgende skal udfylde.
- Klik på + Tilføj felt (1) knappen for at tilføje flere felter til din formular.
- Rediger, Dupliker eller Slet (2) et allerede tilføjet felt.
- Træk og slip (3) feltet for at ændre rækkefølgen i formularen.
E-mail-feltet er obligatorisk på formularen og kan ikke slettes.
Når du klikker på knappen + Tilføj felt, åbnes en pop-up, hvorfra du kan vælge de elementer, du vil have vist i formularen.
Typer af felter
Der er flere felttyper, som du kan bruge på din hjemmesides kontaktformular til at indsamle flere og nyttige data fra brugerne på en kategoriseret og professionel måde. Disse felter kan meget nemt tilføjes, duplikeres eller kan slettes.
Her er en kort beskrivelse af formularfelterne.
- Navn: Indfang navnet på din klient ved hjælp af dette.
- Kort tekst: Brug denne boks til at fange korte tekstdata fra de besøgende på webstedet.
- Lang tekst: Brug denne boks til at fange lange tekstdata fra de besøgende på webstedet.
- E-mail: Fang din klients e-mail.
- nummer: Brug denne til at fange tal (cifre).
- Dropdown: Du kan tilføje muligheder at vælge imellem i en rullemenu.
- Enkelt valg: Tilføj dette, hvor brugere kun kan vælge én mulighed fra listen.
- Flere valg: Tilføj dette, hvor brugere kan vælge flere muligheder fra listen.
- Dato: Tilføj en datovælger, så dine kunder kan vælge en dato for enhver begivenhed.
- Line: Tilføj linjer til din formular. Dette kan bruges til at differentiere felterne.
- Adresse: Brug denne til at fange brugernes adresse.
- Hjemmeside: Du kan bruge dette til at fange brugerens websted.
- Phone: Hent telefonnummer ved hjælp af dette felt.
- Tid: Dette giver brugerne mulighed for at vælge et tidspunkt.
- Separator: Dette kan bruges til at kategorisere formularfelterne med mulighed for at tilføje titel og undertekst.
- Samtykke: Indhent samtykke fra brugerne ved at bruge dette på formularen.
- Stjerneskala: Tillad brugere at give stjerner ved at bruge dette. Den kan vise enten 3 eller 5 stjerner.
- Talskala: Tillad brugere at give nummervurdering ved hjælp af dette. Du kan vælge at vise fra 0 til 10 og tilpasse venstre og højre billedtekst.
- Smiley skala: Tillad brugere at give smiley-vurdering ved hjælp af denne mulighed.
- Mens du tilføjer visse felter, får du mulighed for at vælge bredde mellem Fuld, Halv og En Tredje
- Du kan også vælge at vise felter side om side ved at vælge Halv eller En tredjedel
Inline-formular og popup-formular
Du kan vælge at vise formularen på siden eller som en pop op-meddelelse, der er knyttet til en handlingsknap.
Inline formular
Valg Inline formular vil placere kontaktformularen direkte på siden hvor den tilføjes. Formularen vil være øjeblikkeligt synlig for besøgende uden yderligere handling. Dette er ideelt i situationer, hvor du ønsker at holde formularen fremtrædende og fremme direkte engagement, f.eks. på en kontakt- eller forespørgselsside.
Popup-formular
Valg Popup-formular vil kun vise en knappen på sidenNår en besøgende klikker på knappen, åbnes kontaktformularen i et pop op-vindue. Dette holder sidens design renere og fungerer godt, når du vil tilbyde formularen uden at optage meget plads. Den bruges ofte til hurtige forespørgsler, leadgenerering eller når du vil minimere distraktioner på siden.
Indstillinger for knapstil
- Knap label – Angiv synlig tekst på din knap. Det er dette, brugerne vil se og klikke på.
- Knap størrelse – Vælg størrelsen på knappen (f.eks. Lille, Mellem, Stor). Dette justerer margen og skriftstørrelsen, så den passer til dit design.
- Knapstil – Vælg knapstilen til at være standard (indstillet i Knapper og links fanen i Design-sektionen), Solid, Outline eller et tekstlink.
- Standard: Følger dit websteds temaindstillinger.
- Solid: En fed, udfyldt knap.
- Outline: Gennemsigtig baggrund med en kant.
- Tekstlink: Enkel, ren tekststil (ingen knapboks).
- Knapfarve – Tilpas knappens farveskema:
- Standard: Arver temaindstillinger.
- Invertér: Vender knappens tekst-/baggrundsfarver om.
- Brugerdefineret: Giver dig mulighed for at vælge specifikke tekst- og baggrundsfarver.
- Button Text - Hvis du bruger Brugerdefineret knapfarve, kan du indstille tekst (etiket) farve herfra.
- Knapbaggrund – Også tilgængelig under Brugerdefineret, angiver denne knappens baggrundsfarve. Kombiner dette med tekstfarve for maksimal læsbarhed og stil.
- Knapjustering - Vælg Justering af knap i formen fra venstre, midte eller højre valgmulighed.
- Knapbredde – Vælg hvor bred knappen skal vises:
- Standard: Standardbredde baseret på knapindhold
- Stor / Ekstra stor: Bredere knapper for mere fokus
- Fuld bredde: Knappen strækker sig over hele containerens bredde
Stil kontaktformular
At style en kontaktformular er et vigtigt aspekt af at skabe en visuelt tiltalende og brugervenlig oplevelse.
Du vil have flere stilmuligheder for sektionen:
- Form Fields
- Justering
- tekst
- Mellemrum
- Overskrift
- Billeder
- Billedkant
- Pop op-knap
- Formularknap
- Overskriftsknapper
- Overskrift på sociale ikoner
Form Fields
Pixpa tillader dig til fuldt ud tilpasse og udseende of dine formular felter. Disse styling optioner ansøge til alle indgang felter in dine Kontakt Form og giver dig større kontrol i løbet af hvordan dine formular udseende og føler sig on dine internet side.
- Form: Vælg formen på dine inputfelter – f.eks. rektangel, afrundet, pille eller tekst – så den matcher dit websteds æstetik.
- Fylde: Aktiver denne knap for at anvende en baggrundsfyldfarve på dine formularfelter.
- Base Color: Angiv baggrundsfarven for felterne, når udfyldningsfunktionen er aktiveret.
- Outline: Slå rammen (omridset) til eller fra for hvert felt.
- KonturfarveVælg farven på feltets kant, når omridset er aktiveret.
- Felttekstfarve: Angiv farven på den tekst, som brugerne skriver i formularfelterne.
- Højde: Juster højden på dine felter ved at vælge mellem: Lille, Mellem, Stor eller Ekstra stor.
- Etiketter: Vælg, om formularfeltetiketter skal vises inden for eller uden for feltet.
- Mærkatfarve: Definer farven på etiketter, når de placeres uden for feltet.
- Etiket indvendig farve: Angiv farven for etiketter placeret inde i feltet (nyttigt for etiketter i pladsholderstil).
- Afstand mellem felter: Brug skyderen til at indstille den lodrette afstand (i pixels) mellem hvert formularfelt.
Justering
- Administrer justeringen af formularens indhold vandret fra Horisontal justering (1).
- Administrer justeringen af formularens indhold lodret fra Lodret justering (2).
tekst
- Klik på Skift tekststil (1) knappen for at besøge Design afsnit og administrere dine skriftstørrelser og stilarter.
- Angiv Emne (2) formens skrifttype.
- Angiv Beskrivelse (3) formens skrifttype.
Mellemrum
- Angiv Breddebillede (1) af billedet i formen i procent.
- Angiv Mellemrum mellem billede og tekst (3) i procent.
- Angiv Mellemrum under titlen (4) i procent.
Overskrift
- Juster vandret sektionens overskriftstekst. Du kan indstille den til Venstre, Center og Højre.
- Aktiver/deaktiver Divider mellem afsnitsoverskriften og afsnitsindholdet.
- Indstil tykkelse af skillevæg (i px).
- Angiv Opdelerfarve fra farvevælgeren.
- Vælg et Divider stil fra dropdown.
- Indstil Overskriftsbredde for at definere, hvor bred sektionstitlen vises, startende fra minimum 50 %.
- Angiv Plads under overskrift inden for sektionen (i px).
Billeder
- Billedbeskæring: Vælg den Imagisk afgrøde for listepunkterne. Du kan indstille billederne som Firkantet, Cirkel, Vandret, Portræt og Original.
- Hjørneradius: Vælg at have en fælles hjørneradius eller en anden hjørneradius for hver side af listeelementerne, og indstil et tal (i px) for Corner Radius af listeelementbillederne. Vide mere.
- Hover-animation: Vælg at Animér sektionens billede ved at aktivere knappen ved at holde musen nede. Tjek denne funktion på en live-side.
- Animationsstil: Vælg en Animation stil for billedet, når markøren svæver over dem.
- Form maske: Aktiver denne kontakt for at anvende en formmaske på billederne i afsnittet Billedliste. Når den er aktiveret, vil den valgte form visuelt klippe billedet ind i denne formular.
- Vælg form: Vælg mellem forskellige foruddefinerede former til at anvende på dine billeder. Dette giver dig mulighed for kreativt at stilisere dit indhold ved at vise billeder i unikke former som afrundet, diamant, drop osv.
Brug af hjørneradius felt, kan du oprette forskellige former for listeelementbilleder. Hvis du angiver 500 px her, vil billederne blive vist i en cirkelform.
- Hvis du har valgt opdelte hjørner, kan du indstille forskellige hjørneradius for hvert hjørne.
Billedkant
- Aktiver/deaktiver kant rundt i billedet ved at skifte til/fra-knappen.
- Vælg at have en fælles grænse på alle sider af billedet, eller du kan angive grænser separat for hver side.
- Angiv bredde af grænsen. Hvis den er sat til 0, vises grænsen ikke. Du har også mulighed for at indstille kantbredden individuelt for hver side af billedet.
- Vælg Border Color fra farvevælgeren.
- Vælg en foretrukken Border Style fra dropdown.
- Bestem kantbredde til mobil enheder, justere den med bredden valgt til skrivebordet.
Pop op-knap
Disse stilindstillinger er for pop op-knappen, hvor kontaktformularen åbnes, når der klikkes på knappen.
- Knap størrelse – Vælg størrelsen på knappen fra muligheder som lille, mellem eller stor.
- Plads over knappen – Juster den lodrette afstand over knappen (i procent).
- Knapstil – Vælg knappens stil, f.eks. standard eller brugerdefineret.
- Knap farve – Vælg farvestilen for knappen. Indstillingerne inkluderer Standard, Inverter eller Brugerdefineret.
- Knaptekst – Tilpas tekstfarven for knappen.
- Knapbaggrund – Vælg baggrundsfarven til knappen.
Formularknap
Disse indstillinger giver mulighed for tilpasning af knappen til formularindsendelse, så den passer til sidens design og layout.
- Knap størrelse – Vælg størrelsen på knappen (Lille, Mellem eller Stor).
- Plads over knappen – Juster den lodrette afstand over knappen (angivet i procent).
- Knapstil – Vælg knappens overordnede stil, f.eks. Standard eller Brugerdefineret.
- Knap farve – Angiv knappens farvestil. Valgmulighederne inkluderer Standard, Inverter eller Brugerdefineret.
- Knaptekst – Tilpas tekstfarven, der vises på knappen.
- Knapbaggrund – Vælg en baggrundsfarve til knappen.
- Knapjustering – Vælg knappens justering (venstre, center eller højre).
- Knapbredde – Juster hvor bred knappen vises. Indstillingerne inkluderer Standard, Stor, Ekstra stor eller Fuld bredde.
Overskriftsknapper
Disse indstillinger styrer udseendet og afstanden mellem knapper, der er placeret sammen med sektionens overskrift.
- Knap størrelse – Vælg den samlede størrelse på knapperne (Lille, Mellem eller Stor).
- Mellemrum mellem knapper – Juster afstanden mellem flere knapper (målt i vw).
- Plads over knapper – Indstil den lodrette afstand over knapperne (målt i procent).
- Knapbredde – Vælg hvor brede knapperne skal vises. Indstillingerne inkluderer Standard, Stor, Ekstra stor og Fuld bredde.
- Tekstlinkstørrelse – Angiv skriftstørrelsen på tekstlinks, der er knyttet til knapper (målt i px).
- Størrelse på billedknap – Juster størrelsen på billedbaserede knapper (målt i px).
Overskrift på sociale ikoner
Vis og tilpas ikoner for deling på sociale medier i formularen.
- Ikonstørrelse – Juster størrelsen på de sociale ikoner (målt i px).
- Ikontype – Vælg ikonernes stil, f.eks. Klassisk, Heltrukket eller Kontur.
- Ikonfarve – Vælg farven til ikonerne. Mulighederne inkluderer Linktekst, Brugerdefineret eller Brandfarve (den sociale platforms originale farve).
- Baggrundsfarve for ikon – Angiv en brugerdefineret baggrundsfarve til ikonerne for at forbedre synligheden og stilen.
Indstillinger for kontaktformular
- Angiv en internt navn for formularen for at hjælpe med at identificere det i Pixpa Studio. Dette navn er ikke synligt for besøgende på webstedet.
Handling efter indsendelse
- Du kan definere Handling efter indsendelse (1) enten ved at vise en Succesmeddelelse (2) eller Omdirigerer brugeren til en specificeret URL.
- Du kan også tilføje et hvilket som helst script i Post Submit Succes HTML (3) kasse.
Omdiriger formularen til en anden side
At omdirigere brugere til en specifik side, efter de har indsendt en formular, kan forbedre den overordnede brugeroplevelse og tjener forskellige formål som at undgå duplikerede indsendelser, analyser og sporing, fastholde brugere på webstedet i længere tid osv.
Omdirigering kan nemt oprettes ved hjælp af Handling efter indsendelse mulighed under fanen Indstillinger.
- Du kan oprette en omdirigering på dit websted fra Website Content (1) mulighed. Det kan være en side, et galleri, en blog, et e-handelsgalleri, en mappe osv. Du skal indtaste elementets navn i feltet som vist på skærmbilledet nedenfor, og du får forslag i forbindelse med det.
- Brug Eksternt link (2) mulighed for at oprette omdirigering uden for dit websted. Du skal indtaste URL'en i det felt, hvor du vil have brugerne til at blive omdirigeret efter formularindsendelsen.
Lær mere om hvordan man bruger Linkbuilder.
Eksportér formulardata
- Eksporter formulardata (4) som en CSV-fil. Lær mere.
- Gem (5) ændringerne.
Indsendte formulardata
Indsendte formulardata i en kontaktformular inkluderer de oplysninger, som en bruger indtaster i formularfelterne, når de indsender dem.
- Alle formulardata gemmes og er tilgængelige fra Formularindlæg side af studiet. Lær mere.
- Alle indsendte data via kontaktformularen vil også blive videresendt til det e-mail-id, der er angivet i kontaktformularindstillingerne. Din konto-e-mailadresse tages som standard.
Kontroller også: Skift konto-e-mailadresse.
E-mail-meddelelser
Herfra kan du tilpasse e-mail-emnet for de meddelelser, du modtager som webstedsejer efter en vellykket formularindsendelse. Derudover kan du personliggøre den succes-e-mail, der sendes til brugere eller kunder, efter de har indsendt formularen. Denne funktion kan udnyttes til branding, markedsføring og afvikling af kampagner effektivt.
- E-mail til hjemmesideejer: Aktivér eller deaktiver e-mail-notifikationer for formularindsendelser. Når dette er aktiveret, sendes notifikationer til de angivne e-mailadresser.
- Emne: Tilpas emnelinjen i e-mailen. Brug {WEBSITE} variabel til dynamisk at inkludere webstedets navn i emnefeltet. Dette er nyttigt, når du har flere websteder.
- E-mail: Angiv op til 5 e-mailadresser for at modtage besked, når formularen er indsendt.
- Angiv Emne af e-mailen til indsendelse af kontaktformular. Du kan også medtage {WEBSITE} variabel til at inkludere navnet på webstedet.
E-mail til kunde
- Du kan aktivere E-mail til kunde (1) at sende en e-mail vedrørende formularens succes.
- Angiv Emne (2) af posten.
- Angiv indholdet i mailen fra Succesmeddelelse (3).
- E-mail til kunde er en premium-funktion, der kun er tilgængelig på Professionel og avanceret planer. Lær mere.
- Tilpas e-mail-indholdet omhyggeligt for at sikre en ensartet og professionel kommunikationsoplevelse med dine kunder.
Liveeksempel
Her er en live pop-up kontaktformular:
Her er en direkte inline kontaktformular:
For at reducere spammere på formularen aktiveres Google captcha-sikkerheden automatisk på din formular.