TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan legge til kontaktskjema i WordPress?

15

Som nettstedseier er det mange måter du kan tillate leserne å kommunisere med deg på. Å aktivere bloggkommentarer, svare i sosiale profiler og sende e -postkampanjer er noen av de mest populære måtene. I tillegg til alle disse alternativene, er det én side som er viktigst på et hvilket som helst WordPress -nettsted. Det er kontakt oss -siden som lar brukerne sende e -post til deg. I denne artikkelen vil vi undersøke hvordan du legger til kontaktskjema på WordPress -nettstedet.

Relatert: Hvordan legge til og tilpasse kontaktskjema på Weebly -området?

Hvorfor ha en kontaktside i WordPress?

Det grunnleggende behovet for en kontaktside er å la lesere sende e -post til deg. Det er imidlertid få andre fordeler med å ha en kontaktside på nettstedet ditt.

  • Troverdighet – å ha en kontaktside øker troverdigheten til nettsiden din. Folk vil tro at du er en ekte person eller et firma som svarer på spørsmål.
  • Synlighet – kontaktskjema øker synligheten til nettstedet ditt både i søkemotorer og hos brukerne. Det er enkelt for deg å føre brukere til kontaktsiden din og oppmuntre dem til å dele behovet deres.
  • Business – hvis du ikke har tid til å svare i live chat, er det nest beste alternativet for å gjøre forretninger å bruke et kontaktskjema. Dette fungerer bra for tjenestebransjer som CV -skriving og programvareutvikling.

Forskjellen mellom kontaktskjema og e -post

Mange av dere tenker kanskje hvorfor du må ha et eget kontaktskjema i stedet for å oppgi e -postadressen din direkte i bunnteksten og sidefeltet.

  • Å vise din e -postadresse offentlig vil skape personvernproblemer. Du vil motta hundrevis av spam -e -post som alle kan sende meldinger ved å klikke på e -postadressen din.
  • I kontrast vil kontaktskjemaer ikke avsløre e -postadressen din for leserne. WordPress vil behandle meldingen og sende til deg uten at brukerne vet e -postadressen din. På denne måten vil du få meldinger fra bare interesserte brukere og unngå spam og støtende private meldinger.
  • Programtillegget fungerer sømløst med Akismet for å forhindre spam -innsendinger, eller du kan legge til reCAPTCHA for å sikre at bare menneskelige brukere kan sende inn skjemaet og ikke de automatiske robotene. I tillegg bruker Kontaktskjema 7 også standard WordPress -svartelistealternativ for å blokkere meldinger.
  • Du kan bruke flere kontaktskjemaer på et enkelt WordPress -nettsted og legge til parametere for å spore ytelsen til hvert skjema. For eksempel kan du spore skjemaet på kontaktsiden og om -siden separat.
  • Programtillegget lagrer ikke meldingene i databasen og beholder derfor personvernet ditt.

Med alle disse fordelene er kontaktskjemaer mye tryggere, profesjonell og enklere måte å samhandle med leserne på.

Den gode delen er at du har mange plugin -moduler for kontaktskjema gratis i seksjonen for WordPress -plugin -depoter. Kontaktskjema 7 er en av de mest populære av alle fritt tilgjengelige plugins.

  • Det er veldig enkelt å bruke plugin som har 5+ millioner aktive installasjoner.
  • Det er en komplett gratis plugin uten irriterende reklame eller salg av premiumversjon.
  • Utviklet og vedlikeholdt aktivt.
  • Mange populære WordPress -temaer integrerer kontaktskjema 7 -plugin og tilbyr tilpassede skjemaer.
  • Du kan sette inn skjemaet hvor som helst på nettstedet ditt ved å bruke Gutenberg -blokken.

Installere kontaktskjema 7 -plugin

Siden Kontaktskjema 7 er et gratis plugin, kan du installere det direkte fra WordPress -administratorpanelet. Etter at du har logget deg på administrasjonspanelet for nettstedet ditt, går du til delen "Plugins> Add New". Du kan søke og installere kontaktskjema 7 -plugin -modulen derfra.

Hvordan legge til kontaktskjema i WordPress?

Installer kontaktskjema 7 -plugin

Opprette ditt første kontaktskjema

Etter å ha aktivert programtillegget på nettstedet ditt, vil det opprette et menyelement som heter "Kontakt". Den har tre undermenyelementer – Kontaktskjemaer, Legg til nytt og Integrasjon.

Hvordan legge til kontaktskjema i WordPress?

Kontaktskjema 7 -meny

  • Du kan se alle skjemaene dine under "Kontaktskjemaer".
  • Gå til "Legg til nytt" for å lage et nytt skjema.
  • Integrasjonsdelen lar deg koble til eksterne APIer fra Constant Contact, reCAPTCHA og Sendinblue.

Konfigurering av kontaktskjema 7 -plugin

For å gjøre oppgaven din enklere, vil Kontaktskjema 7 legge til et ferdiglaget eksempelskjema på nettstedet ditt. Du kan enten redigere eksempelskjemaet ved å gå til delen "Kontaktskjemaer" og bruke det på nytt eller opprette et nytt fra bunnen av.

Hvordan legge til kontaktskjema i WordPress?

Se opprettede skjemaer

I denne artikkelen vil vi lage et nytt skjema og legge inn kortkoden. Gå til delen "Kontakt> Legg til nytt" for å se alt tilgjengelig alternativ for å lage et nytt skjema. Du vil se skjema, e -post, meldinger og tilleggsinnstillinger der du kan konfigurere alternativene og designe skjemaet. Programtillegget vil legge til grunnmal for skjema, e -post og meldinger under tilsvarende seksjon til å begynne med. Du kan legge til flere alternativer ved å se pluginens dokumentasjonsside.

Skjema seksjon

Under delen "Skjema" kan du se de tilgjengelige taggene for redigering av skjemamalen. Programtillegget vil legge til de grunnleggende taggene som navn, e -post, emne og innsendingsknapp som du kan redigere og tilpasse videre.

Hvordan legge til kontaktskjema i WordPress?

Legg til nytt kontaktskjema

  • Du kan legge til felt for URL, telefonnummer, alternativknapper, filopplasting, quiz, avmerkingsbokser, rullegardinmeny, etc. ved å klikke på knappen.
  • I begynnelsen føler du deg kanskje ikke komfortabel med knappene og koden. Hvis du klikker på hver knapp, vises imidlertid en popup-vindu der du ganske enkelt kan fylle ut detaljene.
  • Du trenger ikke huske kodene eller forberede koden.

For eksempel, klikk på "fil" -knappen for å sette inn et filopplastingsalternativ i skjemaet ditt. Oppgi detaljer om størrelse, type, obligatorisk arkivert osv. På popup-vinduet og lagre.

Hvordan legge til kontaktskjema i WordPress?

Fyll detaljer for taggen

Etter at skjemautformingen er fullført, vil malen ha følgende tagger. Du kan flytte etikettene til en annen posisjon ved å klippe ut og lime inn den tilhørende koden.

<label> Your name [text your-name] </label> <label> Your email [email your-email] </label> <label> Subject [text your-subject] </label> <label> Your message (optional) [textarea your-message] </label> [file file-915 limit:1mb filetypes:.docx] [submit "Submit"]

Til slutt oppgir du et navn på skjemaet og klikker på lagre -knappen. Du får kortnummeret du kan kopiere og lime inn hvor som helst på nettstedet ditt.

Hvordan legge til kontaktskjema i WordPress?

Kontaktskjema lagret

Mail seksjon

Før du bruker kortkoden, er neste trinn å konfigurere e -postmalen din ved å gå til "Mail" -delen.

Hvordan legge til kontaktskjema i WordPress?

Kontakt skjema 7 E -postinnstillinger

  • Til og fra – programtillegget bruker nettstedets administrator -e -post som adresse og bruk av nettstedstittel og oppgitt e -post for fra feltet.
  • Emne og overskrifter – detaljene fra skjemafeltene brukes på postmalen.
  • Meldingstekst – konfigurer malformatet for å motta e -postene.
  • Filvedlegg – la det stå tomt eller legg til filtaggen hvis det er nødvendig for å vise filnavnet i den mottakende e -posten.

Hvordan legge til kontaktskjema i WordPress?

Meldingsdel og filvedlegg

Generelt trenger du ikke gjøre noen endringer i postmalen. Lag en ny postmal for å bruke den som en autosvar. Når en e -post sendes vellykket, vil pluginet utløse e -postmalen for autosvarer til innsenderens e -post.

Hvordan legge til kontaktskjema i WordPress?

Kontakt skjema 7 Autosvarer

Lagre endringene etter at du har fullført konfigurasjonen av e -postmaler.

Meldinger seksjon

Under denne delen kan du tilpasse tekstmeldingene som vises i forskjellige situasjoner. Du kan la teksten plassholdere som den er hvis du ikke vil tilpasse den. For eksempel vil pluginet som standard vise en melding "Takk for meldingen. Den er sendt. " etter vellykket innsending av skjema. Hvis du bruker skjemaet for innsending av forretningsforslag, er det fornuftig å redigere denne teksten for å legge til flere detaljer og ytterligere trinn for kundene dine.

Hvordan legge til kontaktskjema i WordPress?

Meldinger Innstillinger

Tilleggsinnstillinger

Du kan la delen for ekstra innstillinger være som den er. Gå imidlertid gjennom alternativene som er tilgjengelige i dokumentasjonen for å sjekke om noen felt er nyttige. For eksempel kan du legge til subscribers_only: true i tekstboksen slik at bare påloggede brukere kan sende inn skjemaet.

Hvordan legge til kontaktskjema i WordPress?

Tilleggsinnstillinger

Legger til skjema på kontaktsiden

Klikk på lagre -knappen etter at du har fullført alle innstillingene. I utgangspunktet er alle trinnene ovenfor et engangsoppsett, og du kan opprette nye skjemaer ved hjelp av det samme oppsettet uten å redigere malene hver gang. Du kan imidlertid også bruke forskjellige felt og maler for hvert skjema.

Nå som du har kortnummeret til kontaktskjemaet ditt, og neste trinn er å legge det inn på siden din. Gå til delen "Sider> Alle sider" og opprett/rediger kontaktsiden. Skriv /kontakt for å filtrere kontaktskjema 7 Gutenberg -blokken og sett den inn på innholdsområdet.

Hvordan legge til kontaktskjema i WordPress?

Kontakt skjema 7 Gutenberg Block

Klikk på rullegardinmenyen "Velg et kontaktskjema" og velg navnet på skjemaet du vil legge inn.

Hvordan legge til kontaktskjema i WordPress?

Legge inn kontaktskjema

Hvis du bruker den gamle Classic -editoren, limer du inn kortskjemaet for kontaktskjemaet i editoren.

Hvordan legge til kontaktskjema i WordPress?

Legg til kontaktskjema i Classic Editor

Det er det, du har satt inn kontaktskjemaet på siden din. Nå kan du publisere eller oppdatere siden for å se den i aksjon.

Relatert: Hvordan legge inn Google Skjemaer i WordPress?

Testing av kontaktskjema

Se siden din for å se hvordan skjemaet ser ut. Vi anbefaler deg også å teste skjemaet ved å sende inn en dummy -melding.

Hvordan legge til kontaktskjema i WordPress?

Publisert kontaktskjema

Programtillegget bruker nettleservalideringene for å sikre at alle obligatoriske felt er fylt ut. Du vil se feil i henhold til oppsettet i delen "Meldinger" når du prøver å sende inn skjemaet uten obligatoriske felt.

Hvordan legge til kontaktskjema i WordPress?

Skjemavalidering i nettleser

Send inn en vellykket melding og bekreft at kontakten din fungerer bra. På samme måte kan du kontrollere den mottatte meldingen og justere konfigurasjonen under "Mail" -delen for å endre malen om nødvendig.

Hvordan legge til kontaktskjema i WordPress?

Melding sendt inn

Konklusjon

Totalt kan det hende du trenger mindre enn 30 minutter for å opprette og legge til kontaktskjema på WordPress -nettstedet ditt ved hjelp av kontaktskjema 7 -plugin. Det fungerer sømløst uten å komme i konflikt med andre plugins. Utvilsomt er Kontaktskjema 7 en del av mange WordPress -forretningssider, og du kan prøve det for å forbedre virksomheten din også.

Opptakskilde: webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg akseptererMer informasjon