Slik installerer du plugin for kontaktskjema 7. Alle felt (tagger) i skjemaet

Kontaktskjema 7 kan administrere flere kontaktskjemaer der du fleksibelt kan tilpasse skjema- og postinnhold med ganske enkel layout. Skjemaer har innebygd støtte for Ajax-innsending, CAPTCHA, Akismet spamfilter og mer.

Dokumentasjon og støtte

Skjermbilder

Installasjon

1. Last opp hele kontaktskjema-7-mappen til /wp-content/plugins/-katalogen.
2. Aktiver plugin-en fra Plugins-siden i WordPress-dashbordet.

I WordPress-konsollmenyen finner du fanen "Tilbakemelding".

For å lære hvordan du bruker plugin riktig, kan du besøke hjemmesiden.

Anmeldelser

Jeg ser at mange mennesker hater dette pluginet fordi de bruker en versjon som ikke støttes som er samlet i et tema, - alt jeg kan si fra min egen erfaring er at etter å ha brukt det i flere år på mange nettsteder er en stor takk til utviklerne som holder det oppdatert og gratis for alle. Det er ekstremt enkelt å sette opp og tilpasse. Jubel!

Deltakere og utviklere

Kontaktskjema 7 er et åpen kildekode-prosjekt. Følgende bidragsytere bidro til utviklingen av plugin:

Deltakere

Endre logg

For mer informasjon, se Utgivelser.

5.1.6

• CSS: fjerner en stilregel fra stilarket som var unødvendig og i konflikt med Twenty Twentys regler.
• REST API: henter kontaktskjema-ID-en eksplisitt fra ruteparametrene.

5.1.5

• Config Validator: Nytt testelement for unavailable_html_elements-feilen.
• Config Validator: Nytt testelement for attachments_overweight-feilen.

5.1.4

• reCAPTCHA: Introduserer konstantene WPCF7_RECAPTCHA_SITEKEY og WPCF7_RECAPTCHA_SECRET.
• reCAPTCHA: Vi introduserer wpcf7_recaptcha_sitekey og wpcf7_recaptcha_secret filterkrokene.
• Legger til $status-parameter til wpcf7_form_response_output-filteret.
• Genererer en tilfeldig kode når brukeren er en registrert bruker.
• Vi introduserer WPCF7_ContactForm::unit_tag(), en offentlig metode som returnerer en enhetskode.
• reCAPTCHA: sender ut en annen melding i spamloggen i tilfeller der svartokenet er tomt.
• Samtykkeflagg: Støtt alternativet label_first i skjemasamtykketag.

5.1.3

• Rettet en feil som resulterte i manglende evne til å velge bort et alternativ i Mail-fanen.

5.1.2

• Konstant kontakt: Introdusert kontaktlistevelger.
• Konstant kontakt: En ekstra innstilling, konstant_kontakt, introduseres.
• reCAPTCHA: Introduserte wpcf7_recaptcha_actions og wpcf7_recaptcha_threshold filterkroker.

5.1.1

• reCAPTCHA: Endrer svaret til tomme svartokens.

5.1

• Integrasjonsmodulen Constant Contact er introdusert.
• reCAPTCHA-modulen har blitt oppdatert for å støtte reCAPTCHA v3.
• Legger til Dark Mode-stilregler.

5.0.5

• Rettet inkonsekvensproblem mellom get_data_option() og get_default_option() i WPCF7_FormTag-klassen.
• Undertrykker PHP-feil som oppstår når du kaller unlink().
• Introduserte wpcf7_is_file_path_in_content_dir() for å støtte UPLOADS-konstanten.

5.0.4

• Angir eksplisitt power_type-argumentet i register_post_type()-kallet for å fikse et problem med uautorisert rettighetseskalering.
• Lokalt filvedlegg - det er forbudt å spesifisere absolutte stier til filer som ligger utenfor wp-innholdskatalogen.
• Configuration Validator – Legger til et testelement for å oppdage feil innstillinger for vedleggsfil.
• Rettet en feil i JavaScript-for eldre nettlesere som ikke støtter HTML5-plassholderattributtet.
• Avmerkingsboks for samtykke - deaktiverer ikke-lagre-funksjonen til skjemataggen.

5.0.3

• CSS: Bruker "ikke tillatt" markørstil når du holder musepekeren over innsendingsknapper i inaktiv tilstand.
• Samtykkeflagg: Overhaling av merkegeneratorens brukergrensesnitt for å oppmuntre til bruk av bedre personvernalternativer.
• Implementering av wpcf7_anonymize_ip_addr() funksjon.
• Introdusert consent_for:lagringsalternativ for alle skjematagtyper.

5.0.2

• Lagt til en "Personvernerklæring"-del i readme.txt-filen.
• Oppdatert innhold i informasjonsmetablokken.
• Bruk get_user_locale() i stedet for get_locale() der det er mer passende.
• Samtykkeflagg: Tilbakestiller deaktivert status for innsendingsknapper etter vellykket søknad.

5.0.1

• Rettet feil bruk av _n().
• Konfigurasjonssjekk: Rettet feil antall advarsler i kategorien Avanserte alternativer.
• Konfigurasjonssjekk: Rettet feil håndtering av den spesielle e-postkoden [_site_admin_email] i Fra-overskriftsfeltet.
• Avmerkingsboks for aksept: De angitte klasse- og id-attributtene ble brukt på feil HTML-element.
• Konfigurasjonssjekk: Hvis det er en valgfri e-posthode for postbokser som Kopi eller Svar til, men en mulig tom verdi, vil en "Ugyldig postbokssyntaks"-feil bli returnert.
• Spesifiser eksplisitt den fjerde parameteren til add_action() for å unngå å sende utilsiktede parameterverdier.
• Sjekk om målkatalogen er tom før du sletter den.

5.0

• Ytterligere innstillinger: on_sent_ok og on_submit er fjernet.
• Ny tilleggsinnstilling: skip_mail.
• Flamingo: Tittelen på den innkommende kanalen endres sammen med tittelen på det tilsvarende kontaktskjemaet.
• DOM-hendelser. Hele API-responsobjektet er tilgjengelig via egenskapen event.detail.apiResponse.
• HTML Mail: Legger til språkrelaterte attributter til HTML-overskriften.
• Filopplasting: Angir akseptattributtet i opplastingsfeltet.
• En ny klasse WPCF7_MailTag har blitt introdusert.
• Lar deg avbryte et forsøk på å sende e-post ved å bruke wpcf7_before_send_mail handlingskroken. I tillegg kan du angi en egendefinert status og melding via en handlingsavskjærer.
• Avmerkingsboks for aksept: Lar deg spesifisere betingelser i innholdsdelen av skjemataggen.
• Avmerkingsboks for godkjenning: Støtter valgfrihetsparameteren.
• Nye spesielle e-postkoder: [_site_title], [_site_description], [_site_url], [_site_admin_email], [_invalid_fields], [_user_login], [_user_email], [_user_url], [_user_first_name], [_user_last_name], [_user_kallenavn], og [_user_display_name].
• Nye filterhooks: wpcf7_upload_file_name, wpcf7_autop_or_not, wpcf7_posted_data_($type) og wpcf7_mail_tag_replaced_($type)
• Nye form-tag-funksjoner: null-kontroller-beholder og ikke-for-post

God ettermiddag kjære blogglesere. Vi fortsetter temaet tilbakemeldingsskjemaer på WordPress. Og siden vi snakker om dem, foreslår jeg i dag å snakke om plugin-modulen WP Contact Form 7. Deretter vil jeg fortelle deg trinn-for-trinn-oppsettet av plugin-en, og også kort beskrive tilleggene for denne plugin-en.

Sidenavigering:

Beskrivelse av WordPress-kontaktskjema 7

2) Aktiver kontaktskjema 7-plugin i WordPress-administrasjonsområdet.

3) Gå til den nye opprettede fanen, som vist i figuren:

4) Klikk på "Legg til ny"-fanen og spesifiser standard skjemaspråk, eller velg ønsket språk

5) Angi navnet på kontaktskjemaet og klikk lagre.

6) Nå har vi en kortkode som kan kopieres og limes inn i et innlegg eller sidefelt for å vise skjemaet - contact-form-7 id="1252" title="Skjema nummer 1)" (надо взять в квадратные скобки как на рисунке).!}

7) Slik ser skjemaet vårt ut:

Selvfølgelig er det ikke veldig vakkert, men ingen plager deg med å lage dine egne stiler eller lage din egen form og legge til innlegg der.

Slik viser du kontaktskjema 7 hvor som helst i malen

I trinn 6 av trinn-for-trinn-oppsettet viste jeg deg hvordan du kan ta kortkoden til CF7-koden og beskrev videre at denne koden kan vises i en widget eller i et innlegg eller en side. I tillegg vil jeg si at du kan vise Kontaktskjema 7 hvor som helst i malen. For å gjøre dette, sett inn denne enkle koden:

Det er alt, hvis du gjorde alt riktig, vil du motta kontaktskjema 7-utgang på et tilfeldig sted i WordPress-malen.

Tilpasse kontaktskjema 7-inndatafelt

Takket være det vil du i tillegg ha slike bokser som:

Sette opp et svar-til-svar for kontaktskjema 7

I den nye versjonen av CF7-plugin 4.4 og høyere, anbefaler utvikleren å gå inn fra feltet (her er det på huden under)

den riktige adressen som samsvarer med domenet ditt. Synlig fra huden, og denne anbefalingen skaper et problem:

Hvordan svare en bruker fra en mailer?

Hvis du bare klikker svar, så svarer vi på vår egen mail, faktisk svarer vi selv. Dette er veldig upraktisk, fordi vi må kopiere brukerens adresse manuelt, lime den inn i e-posten og først deretter svare.

Det finnes en løsning på dette problemet, og som alltid er det enkelt. Du trenger i feltet Ytterligere overskrifter legg til kode:

Svare på:

Selvfølgelig må din-e-post-sh erstattes med din e-postkortkode. Se huden nedenfor:

Nå, når du mottar et brev fra WordPress-tilbakemelding, kan du klikke svar i mailen og svaret ditt vil bli sendt til riktig e-post.

Hvis du etter disse trinnene støter på et problem, bør du lese innlegget ved å klikke på lenken. Hovedproblemene og årsakene til problemer i kontaktskjemaet 7-plugin er beskrevet der.

Det er alt. Jeg håper du forstår hvordan du konfigurerer plugin-en og dens oppsett.

Kontaktskjema 7

• Alle skjemafelt (tagger)
• Slik gjør du et av feltene obligatoriske: post eller telefon
• Betingede felt for kontaktskjema 7-tillegg
• Kontaktskjema 7 Egendefinert valideringstillegg

I forrige artikkel ble vi kjent med kontaktskjema 7-plugin og dens innstillinger. Og her vil alle støttede felttyper (skjemamalkoder) og parametrene til hver av dem, samt stiler (CSS-klasser) av skjemaelementer bli diskutert i detalj. Dette er uoffisiell dokumentasjon for alle kontaktskjema 7-skjemamal-tagger.

Felttypen bestemmer typen HTML-skjemaelement: tekst, "radio", "velg". Felttypen er angitt i navnet på skjemamalkoden.

Et eksempel på en tekstfeltkode og HTML-koden den vil sende ut:

Hver tag (felt) har også sine egne alternativer (tagattributter). Tag-alternativer er spesifisert etter tittelen og feltnavnet. La oss for eksempel legge til et klasseattributt for det forrige tekstfeltet:

Syntaks for skjemamaltag (felt):

Tag (felt) attributter

Du kan bruke de samme attributtene (alternativene) i forskjellige skjemakoder. Derfor, for ikke å gjenta beskrivelsen av hvert attributt for hvert skjemafelt, vil vi plassere beskrivelsen deres i en egen seksjon.

Attributter som bare kan brukes på en spesifikk skjemakode vil bli oppført separat for hver tag.

* * rett etter felttypen gjør feltet obligatorisk.
Eksempel: id (linje) Identifikatornavn. css attributt id, brukt til å designe feltet.
Eksempel: id:foo klasse (linje) Klassenavn. css-klasseattributt, brukt til å designe feltet.
Eksempel: klasse:bar
Du kan spesifisere flere klasser: minlength og maxlength (Antall)

Dette er HTML5-attributter som begrenser inntastingen av tegn i et felt, både med en nedre terskel (minimum) og en øvre terskel (maksimum). Brukeren vil ikke kunne skrive inn færre tegn (minlength) eller flere tegn (maxlength) i feltet enn det som er spesifisert av disse verdiene.

For minlength , hvis den angitte teksten er mindre enn denne verdien, vil brukeren motta en advarsel "Feltet er for kort". Og omvendt for maxlength.

Eksempler:
minlengde:10 -
makslengde:90 -
begge på en gang -

Som et resultat får vi et tekstfelt som vil gi en advarsel og brevet vil ikke bli sendt hvis det er skrevet inn mindre enn 10 eller mer enn 140 tegn i det.

Disse parameterne støtter følgende felttyper: tekst, tekstområde, e-post, url, tel, quiz.

Det er en gammel oppføring for disse parameterne:

Maxlength-parameteren har eksplisitt forrang, så hvis du legger til maxlength:150 , vil 140 bli skrevet om til 150.

Størrelse (Antall) Bredden på tekstfeltet, som bestemmes av antall tegn i en monospace-font. Kan overstyres i CSS-stiler ved å bruke width-attributtet.
Eksempel: størrelse:50 -
Standard: 40 standard (streng/nummer)

Standard feltverdi.

Eksempel: standard:verdi.

Hvis brukeren som fyller ut skjemaet er autorisert, kan du som standard erstatte verdien hentet fra profildataene hans. Hvis du for eksempel spesifiserer attributtet default:user_email - , vil feltet automatisk fylles ut med verdien - "email of the current user" som ser på skjemaet...

Andre spesialfelt for standardattributtet:

default:post_meta- vil få verdien av metafeltet hvis nøkkel vil være lik feltnavnet. For eksempel: vil vise et skjemafelt hvis verdi vil bli satt til verdien for post-metafeltet mymeta_key

default:get- vil sette verdien til GET-parameteren med nøkkelen lik feltnavnet: - http://example.com/?mykey=value

default:post- vil sette verdien til POST-parameteren med nøkkelen lik feltnavnet: - i POST sender vi dataene mykey=value.

default:shortcode_attr- vil sette verdien til shortcode-attributtet med nøkkelen lik feltnavnet. For eksempel er skjemamal-taggen: , så i kortkoden til selve skjemaet, når vi kaller det i innleggets innhold, spesifiserer vi mykey-attributtet: . Les mer nedenfor.

Du må også legge til wordpress shortcode-attributtnavnet til hvitelisten (fordi wordpress fjerner alle ukjente shortcode-attributter...). Dette gjøres gjennom et filter:

Add_filter("shortcode_atts_wpcf7", "my_shortcode_atts_wpcf7", 10, 3); function my_shortcode_atts_wpcf7($out, $pairs, $atts)( if(isset($atts["mykey"])) $out["mykey"] = $atts["mykey"]; return $out; )

For avmerkingsboks, radio og velg:

• standard:nummer - standard: 2- velger det andre elementet i listen...
• default:number_number - standard:2_3- velger det andre og tredje elementet i listen (for multivalg og avmerkingsbokser)...

Les mer om misligholde og alternativene, les på slutten av artikkelen.

Plassholder eller vannmerke (linje)

Teksten som vises i plassholderattributtet.

Dette alternativet må brukes på slutten av alle maltagalternativer: og ikke

Kan bli brukt vannmerke i stedet for plassholder, er dette et synonym (alias) av attributtet.

Akismet (linje)

Spambeskyttelse. Krever Akismet-pluginen installert og aktivert.

• akismet:forfatter -
• akismet:author_email -
• akismet:author_url -

Hvordan det fungerer? Når du sender data, vil verdiene til de angitte feltene bli behandlet på akismet-serveren, og hvis de ikke består sjekken, vil brevet ikke bli sendt, og brukeren vil se feilen:

Meldingen forsvinner når du fokuserer på noen av feltene.

Skjemamalkoder (felt)

Nedenfor er alle plugin-taggene som du kan bruke i skjemamalen. Disse kodene blir HTML-inndata-, tekstområde- og utvalgselementer.

Tekstfelt inkluderer følgende typer: tekst, e-post, url, tel, tekstområde, og tellekoden er nært knyttet til tekstfelt.

Det finnes to typer numeriske felt: tall og rekkevidde. Dette er HTML5-felt, så eldre nettlesere støtter dem ikke, og viser et tekstfelt i stedet.

tekst

Tekstfelt på én linje.

Støttede alternativer (attributter):

• klasse
• minlengde Og maks lengde
• størrelse
• plassholder
• misligholde- du kan bruke: bruker_pålogging, bruker_fornavn, bruker_etternavn, bruker_kallenavn, bruker_visningsnavn
• akismet:forfatter

e-post

Feltet er beregnet for å legge inn e-post.

Støttede attributter:

• klasse
• minlengde Og maks lengde
• størrelse
• plassholder
• akismet:author_email
• standard: bruker_e-post eller standard: [email protected]

url

Felt for å angi Internett-adressen (URL).

Støttede attributter:

• klasse
• minlengde Og maks lengde
• størrelse
• plassholder
• akismet:author_url
• default:user_url eller standardverdi

tlf

Felt for å legge inn et telefonnummer.

Støttede attributter:

• klasse
• minlengde Og maks lengde
• størrelse
• plassholder

tekstområde

Felt for å legge inn tekst med flere linjer.

Støttede attributter:

• klasse
• minlengde Og maks lengde
• plassholder
• (cols)x(rader)- der cols er bredden på feltet i tegn, og rader er høyden på feltet i tekstlinjer. Har 3 formater: (cols)x(rows), (cols)x og x(rows) .

For tekstområde kan feltverdien spesifiseres på to måter:

2. Standardtekst...

Hvis tekstområdet inneholder html-koder, kan du få en 500-serverfeil etter å ha sendt inn skjemaet!

teller (tegnteller)

Telletaggen lar deg sette en teller når du vil vise brukeren hvor mange tegn som er lagt inn eller hvor mange tegn som er igjen til maksimumsverdien (hvis parameteren er maxlength).

For å aktivere telleren må du sette inn en tellerkode i skjemamalen som angir navnet på tekstfeltet som den skal telle tegn for.

Tellerkoden kan brukes hvor som helst i skjemamalen.

For eksempel har vi et tekstfelt for en melding:

Så gjør vi dette:

Feltet er begrenset til minimum 10 og maksimum 140 tegn. I dette tilfellet vil telleren vise hvor mange tegn som er lagt inn.

Noen ganger er det mer praktisk å vise hvor mange tegn som er igjen å legge inn, fordi brukeren ikke vet om maksgrensen. For å gjøre dette, må du spesifisere ned - alternativet i taggen.

Antall

Felt for å legge inn et tall. Når feltet har fokus, kan verdiene endres ved å rotere musehjulet.

Støtter attributter:

• klasse
• plassholder
• min
• maks

område

Skyveknapp for å velge tall i det angitte området.

Støtter attributter:

• klasse
• plassholder- vises kun i nettlesere som ikke støtter denne typen felt og viser et tekstfelt i stedet.
• min- Angir den nedre verdien for å legge inn et tall: min:20
• maks- Angir den øvre verdien for å legge inn et tall: min:100
• steg- Stiller inn tallendringstrinn for skyveknapper og tallinntastingsfelt: min:5

avkrysningsboks og radio

• Radioknapper– Dette er brytere som lar deg velge kun ett alternativ blant flere.
• Avmerkingsbokser– Dette er avmerkingsbokser som lar deg velge flere alternativer samtidig.

Støttede attributter:

• misligholde- Standardverdien til feltet, for eksempel default:2, betyr at når feltet vises, vil det andre svaralternativet allerede være valgt. For avmerkingsbokser kan du angi flere verdier som denne standard:1_2_3

  first_as_label- Som standard kommer avmerkingsboksen (radioknappen) først, og deretter inskripsjonen (hennes). Ved å sende denne parameteren, vil du bytte dem.

  use_label_element- Bryter en avmerkingsboks eller alternativknapp i en etikett, som lar deg velge et element ved å klikke på navnet.

  eksklusiv- Ved å spesifisere denne parameteren kan kun 1 element velges fra avkrysningsboksen. Denne funksjonaliteten er basert på JavaScript. Radioknapper støtter ikke dette alternativet på grunn av deres spesifikke natur.

  fri tekst- Lar deg legge til et tekstfelt til det siste elementet. Den blir tilgjengelig for utfylling når siste element er valgt og brukeren kan supplere svaret sitt.

• data- Henter en verdi fra et ark med land i verden, for eksempel data:land .

Kina India San Marino

plukke ut

Lar deg velge svaralternativer fra en rullegardinliste. Kan brukes på to måter:

Attributter:

• klasse
• misligholde- default:2 eller default:2_3_4
• flere- Lar deg velge flere svaralternativer
• inkludere_blank- Legg til linjen "- - -" som det første svaralternativet
• first_as_label
• data
• gjenstander- svaralternativer

Paragraf 1 Punkt 2 Punkt 3

Dato

Felt for valg av kalenderdato. Dette er en HTML5-type og støttes ikke av eldre nettlesere.

Attributter:

• klasse
• plassholder
• min- Lavere verdi av en mulig dato, for eksempel min:2016-01-01 . Relativt datoformat støttes, for eksempel i dag+10 dager, i dag-2 uker og så videre.
• maks- Den øvre verdien av en mulig dato, for eksempel min:2017-01-01 . Relativt datoformat støttes, akkurat som min.
• steg- Datoendring trinn i dager, for eksempel trinn:3 . Hvis den nedre verdien er 2016-01-01 og trinn 3, vil neste trinn vise datoen 2016-01-04 og så videre.

Når du setter inn en merkelapp i en brevmal, vil du motta en dato i posten i formatet ÅÅÅÅ-MM-DD (2016-12-25) - dette er ikke klart. Derfor kan du spesifisere en mer visuell mal; for å gjøre dette, bruk konstruksjonen [_format_(feltnavn) "(datoformat)"]

[_format_datoen din "D, d M y"]

reCAPTCHA (spambeskyttelse)

Kontaktskjema 7, fra og med versjon 4.3, i forbindelse med reCAPTCHA-tjenesten, lar deg bekjempe spam. For å bruke reCAPTCHA må du ha en Google-konto, hvor du kan få nøkler for å bruke tjenestens API.

For å få disse nøklene trenger du:

1. Gå til reCAPTCHA administrasjonspanel.
2. Registrer et nettsted.
3. Få en stedsnøkkel og en hemmelig nøkkel (dette er to forskjellige nøkler: det kan være én stedsnøkkel, men det er mange hemmelige nøkler).

Attributter:

• klasse
• tema- Widget fargevalg. Kan være mørk eller lys (standard).
• størrelse- Widget-størrelse. Kan være kompakt (kompakt) eller normal (standard).

Bruk nå taggen i skjemamalen.

Quiz (spørsmål-svar)

I dette feltet blir brukeren stilt et spørsmål og må svare på det, ellers sendes ikke brevet. Feltet dukket opp når spam ble bekjempet ved hjelp av bokstav-captchas (det var ingen reCAPTCHA ennå). Bruken av letter captchas påla begrensninger både på serveren (grafiske biblioteker var påkrevd) og på personen (visuelle persepsjonsfeil). Denne metoden løste disse manglene.

Attributter:

• klasse
• størrelse- Feltstørrelse og lengde. En av verdiene kan utelates.

Hvilken planet bor du på?

Eksemplet viser at spørsmål og svar er atskilt med tegnet | . Spørsmålet og svaret kan skrives på absolutt hvilken som helst måte, for eksempel matematisk:

Du kan spesifisere flere spørsmål-svar-par; spørsmålet vil bli valgt tilfeldig hver gang skjemaet vises:

For dette feltet kan du spesifisere parametrene minlength og maxlength:

Når du lager en quiz-tag med flere spørsmål ved hjelp av en generator, skriv hvert spørsmål-svar-par på en ny linje.

skjult

Skjult felt - ikke synlig for brukeren. Kan lagre verdifull informasjon. Informasjon kan legges til ved hjelp av Javascript eller opprettes med standardalternativet.

Attributter:

• klasse
• misligholde- Du kan sende inn en parameter her som vil bli konvertert i henhold til en bestemt regel. Les mer i attributtbeskrivelsen (alternativer i begynnelsen av artikkelen).

sende inn

Knapp for å sende skjemadata (send inn). Når du klikker på denne knappen, sendes alle skjemadata til serveren.

Attributter:

• klasse

Du kan spesifisere knappeteksten:

Et eksempel på bruk av alle støttede parametere:

ajax-loader

Vær oppmerksom på at taggen der nedlastingsikonet lastes inn hvis du klikker på send inn skjemaet, legges det til sammen med send inn-knappen, eller rettere sagt etter det.

Så for eksempel hvis du erstatter taggen med en ferdig HTML-knapp. Dette er noen ganger nødvendig når knappoppsettet ikke er egnet. Hvis du for eksempel vil at send-knappen skal se slik ut:

I dette tilfellet mister vi taggen , fordi den legges til via JS, etter et element med wpcf7-submit-klassen - vanligvis har standard submit-knappen en slik klasse.

For å omgå denne begrensningen kan vi ganske enkelt legge til denne klassen i HTML-koden vår:

Alle. Tagg nå vil bli lagt til og fungere som den skal.

Eller du kan legge til en tag direkte inn i skjemamalen.

aksept (jeg godtar vilkårene dine)

Du kan bare tillate brukere å sende inn data hvis de godtar visse vilkår.

Attributter:

• klasse
• invertere- En parameter som oppretter en avmerkingsboks umiddelbart med en avkrysningsboks, men for å sende skjemaet til brukeren må du fjerne det.
• misligholde- Oppretter en avmerkingsboks med en avkrysningsboks som standard hvis du angir på , eksempel standard:på , standard er standard:av .
• valgfri- feltet blir valgfritt.

Jeg lar deg bruke navnet mitt i kommentarer.

Jeg lar deg bruke navnet mitt i kommentarer.

Feltet er en avmerkingsboks som behandles med JavaScript slik:

This.find(".wpcf7-acceptance").click(function() ( $(this).closest("form").wpcf7ToggleSubmit(); ));

Først på innsendingsknappen for skjema attributtet disabled="disabled" er til stede. De. Hvis avmerkingsboksen ikke er aktiv, er knappen for å sende inn skjemaet også inaktiv, noe som betyr at den ikke kan sendes inn. Når en avkrysningsboks er merket av, fjerner skriptet dette attributtet og knappen blir aktiv.

Logikken til dette feltet kan endres slik at det blir sjekket først etter et forsøk på å sende inn skjemaet. For å gjøre dette, sett inn følgende kode i plugin-innstillinger-fanen "Avanserte innstillinger":

Acceptance_as_validation: på

Så hvis brukeren ikke merker av i boksen, vil han motta et varsel:

fil (last opp filer)

Ved å bruke dette feltet kan du la brukere legge ved sine egne filer til meldingen.

Å legge til slik funksjonalitet består av to trinn:

Trinn 1 - legge til felt for opplasting av filer til skjemaet

Attributter:

• filtyper- Filtype som er tillatt for nedlasting, for eksempel pdf, jpg og andre (full liste nedenfor), angitt gjennom skillet | (rett linje) hvis du trenger å spesifisere flere typer.

• grense- Begrens den nedlastede filen etter størrelse, for eksempel: limit:1048576, limit:1024kb, limit:1mb. Du kan bruke kb (kilobyte) eller mb (megabyte).

Godkjente filtyper: jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, odt, avi, ogg, m4a, mov, mp3, mp4, mpg, wav og wmv.

Standard maks filstørrelse: 1 MB (1048576 byte).

Trinn 2 - legge til en kode i brevmalen

På trinn 1 ble det opprettet et felt som har et navn - din-fil. Nå bruker vi en tag med dette navnet i brevmalen, men ikke i det vanlige «Brevtekst»-feltet, men i «Vedlagte filer»-feltet.

I feltet "Vedlagte filer" setter du bare inn taggen med feltnavnet fra skjemamalen.

• - Ikke sant
• - feil

Hvis det er flere felt for opplasting av filer, lister du dem etter hverandre i feltet "Vedlagte filer" uten noen skilletegn: .

Lokale vedlegg

Kontaktskjema 7, som starter med versjon 3.5, støtter overføring av lokale filer til e-post. For å gjøre dette, sammen med å sette inn tagger i filvedleggsfeltet, må du sende stien til filen din:

/home/you/dir/dir/dir/fantasticpicture.jpg uploads/2013/08/08/boringguide.pdf

Hvis en ikke-absolutt bane er spesifisert, vil en relativ bane fra wp-content-mappen bli vurdert.

Filopplastingsbehandling

Etter at en bruker har lastet opp en fil via et kontaktskjema, kontrollerer kontaktskjema 7 følgende:

1. Hvilke PHP-feil oppstod;
2. Filtype og filstørrelse.

Hvis sjekken er vellykket, så plugin:

1. Flytter den nedlastede filen til en midlertidig mappe.
2. Legger ved filen til brevet og sender den.
3. Sletter en fil fra en midlertidig mappe.

Som standard ligger mappen med midlertidige filer her: wp-content/uploads/wpcf7_uploads. Kan variere hvis banen til opplastingsmappen endres.

Wpcf7_uploads-mappen opprettes automatisk. Men det er tilfeller der dette ikke er mulig - mappen for overordnet opplasting har ikke skriverettigheter. Da trenger du:

1. Endre tillatelsene til opplastingsmappen.
2. Opprett mappen wpcf7_uploads manuelt via ftp, etc.

Du kan også generelt endre banen til pluginens midlertidige mappe. For å gjøre dette, åpne filen wp-config.php i roten av nettstedet og legg til konstanten WPCF7_UPLOADS_TMP_DIR, som spesifiserer den fullstendige banen til mappen med midlertidige filer:

Define("WPCF7_UPLOADS_TMP_DIR", "/din/fil/bane");

Når du spesifiserer en egendefinert bane til en mappe med midlertidige filer, sørg for at den eksisterer og har skriverettigheter (755). Ellers vil ikke opplasting av filer fungere, noe som betyr at de ikke blir vedlagt brevet.

respons

Dette er ikke et felt, men en skjemakode som lar deg endre plasseringen av feilmeldinger og varsler når du sender inn et skjema. Som standard vises varsler om skjemainnsendinger eller feil på slutten av skjemafeltene.

For å endre denne posisjonen, sett inn taggen på stedet i skjemamalen der varslene skal være:

Ditt navn (obligatorisk) Din melding

Hvis du ikke skriver inn et navn, sendes ikke skjemaet inn, og vi vil bli varslet om en feil:

Som du kan se, brukte vi en tag i begynnelsen og slutten av koden i skjemamalen, og det er grunnen til at plugin-en viste varselet til oss to steder.

Husk at alle varsler som støttes av plugin (suksess, spam, etc.) er underlagt denne regelen.

Spesialist. standard attributtverdier

Får standardverdier basert på situasjon

Nesten alle felt kan gis en standardverdi via standardattributtet. Men hva skal du gjøre når du trenger å sende dynamiske parametere? For eksempel ved å bruke en GET-forespørsel via en URL.

Dynamisk henting av parametere fungerer basert på følgende tagalternativer:

Standard: få HTTP GET-variabler. Parameternøkkelen må samsvare med navnet på skjemafeltet. default:post HTTP POST-variabler. Parameternøkkelen må samsvare med navnet på skjemafeltet. default:post_meta Verdien til et tilpasset felt for innlegget der skjemaet er plassert. Det egendefinerte feltnavnet må samsvare med kodenavnet. default:user_(user field) Vi snakker om: default:user_email eller default:user_nickename . En fullstendig liste over slike verdier er gitt i det følgende. punkt.

Eksempel på en tekstfelt-tag basert på en GET-forespørsel:

La oss si at vi har en kontaktside, la oss få tilgang til den med en GET-parameter:

Http://example.com/contact/?navnet ditt=Dmitry

Som et resultat vil verdien av feltet vårt være maskinen "Dmitry".

Et annet eksempel: overføring av UTM-koder til et skjema

Standardverdi fra flere kilder

Du kan også passere flere steder der du ønsker å få verdien:

Vi har spesifisert to standardverdikilder (rekkefølgen bestemmer prioriteten): først prøver plugin å ta verdien fra adresselinjen, hvis den ikke er der, deretter fra et tilpasset felt i posten. Hvis verdien er i adressefeltet, ignoreres verdien til det egendefinerte feltet.

ACF + CF7 uten ekstra plugins

La oss si at du opprettet en feltgruppe for innlegg som inneholder et tekstfelt med nøkkelen mitt-tekst-felt . For å vise den lagrede verdien i dette feltet, bruk kortkoden:

eller, hvis du trenger å gjøre feltet skjult:

Får standardverdier for en pålogget bruker

Når du oppretter et skjema for autoriserte brukere, er det ingen vits i å tvinge dem til å skrive inn verdier som allerede er i dataene deres, for eksempel navn eller e-post. Kontaktskjema 7 gir dette punktet, og du kan få data fra brukerprofilen.

For å gjøre dette må du bruke spesielle standardattributtverdier for den autoriserte brukeren. La oss vurdere alle mulige alternativer:

• standard: bruker_pålogging- Brukerinnlogging
• standard: bruker_e-post- E-post
• default:user_url- Nettadresse
• default:user_first_name- Navn
• standard: bruker_etternavn- Etternavn
• default: brukerkallenavn- Nick
• standard: bruker_visningsnavn- Navnet vises på nettsiden
• standard: brukerbeskrivelse- Beskrivelse (biografi).
• default:user_*- hvor du i stedet for * kan spesifisere hvilken som helst verdi fra brukerdataene (se get_userdata()). Hvis de opprinnelige brukerdataene (nøkkelen) ikke starter med user_ , må de starte med user_ . La oss si at brukeren har et vk-metafelt og vi må angi verdien av dette metafeltet her. Så skriver vi slik: default:user_vk

Ditt navn: Din e-post:

Et eksempel til

En av de registrerte brukerne på siden bestemte seg for å bruke skjemaet. Det er logisk å umiddelbart erstatte navnet hans i "Navn"-feltet, fordi det er kjent. Vi bruker standardattributtet:

Nå, når en autorisert bruker besøker siden med skjemaet, vil visningsnavnet hans (visningsnavn) automatisk legges inn i ditt navn-feltet. Og hvis en uautorisert bruker besøker den samme siden, vil han se plassholderen "Skriv inn navnet ditt".

Få standardverdier gjennom attributtene til hovedkortkoden for CF7

Noen ganger kan det være nødvendig å bruke en verdi fra et shortcode-attributt som standardparameter for et felt.

I dette tilfellet må du bruke standard:shortcode_attr-tagalternativet, som "forteller" plugin-en å få verdien av shortcode-attributtet med samme navn (med feltnavnet) som standardverdi.

La oss nå legge til et attributt med feltnavnet og ønsket verdi til plugin-kortkoden. Den angitte verdien vil bli erstattet med standardverdien i skjemafeltet med samme navn:

Det er imidlertid ikke alt! Som vi vet, for enhver kortkode i WordPress er det gitt en hvit liste over attributter som kan brukes i den. I dette tilfellet vet WP ingenting om vårt nye kontaktskjema-7 kortkodeattributt, så det må legges til hvitelisten. Dette gjøres gjennom plugin-kroken:

Add_filter("shortcode_atts_wpcf7", "custom_shortcode_atts_wpcf7", 10, 3); funksjon custom_shortcode_atts_wpcf7($out, $pairs, $atts) (if(isset($atts["myemail"])) $out["myemail"] = $atts["myemail"]; return $out; )

Denne koden er satt inn i functions.php.

Nå, når du besøker en side med et skjema, vil e-postfeltet fylles ut med verdien [e-postbeskyttet].

Detaljerte instruksjoner for installasjon, konfigurering og bruk av tilbakemeldingsskjema-plugin for et WordPress-nettsted. Kontaktskjema 7-plugin er for øyeblikket den beste i sin kategori.

Det faktum at det ikke er noe klart alternativ selv blant betalte plugins kan bedømmes ut fra hvor ofte kontaktskjemaet plugin brukes. I skrivende stund har denne plugin blitt lastet ned mer enn 28 800 000 ganger fra den offisielle WordPress-nettsiden alene, og gjennomsnittlig vurdering er 4,5 av 5! Dette er virkelig et tegn på stor suksess. I tillegg, hvis du ser på TOP-salget av premium WP-temaer, vil du i nesten alle av dem finne kontaktskjema 7-plugin som anbefalt eller installert som standard.

Kontaktskjema 7-plugin er "live" og oppdateres av forfatteren med hver nye versjon av WordPress. Feil og feil løses raskt. Det var ingen åpenbare konflikter med de mest brukte plugins.
Kontaktskjema 7-plugin er helt gratis, inkl. for kommersiell bruk. Etter at du har installert pluginet, vil du i innstillingspanelet finne en forespørsel fra forfatteren som ber om en "donasjon".

Installere kontaktskjema 7-plugin

Du kan laste ned kontaktskjema 7-plugin fra den offisielle WordPress-nettsiden (lenken over), eller direkte gjennom fanen «Plugins» > «Legg til ny» > Linje «Søk etter plugins» > skriv inn «Kontaktskjema 7». Ikke glem å aktivere plugin før du starter: «Plugins» > «Installert» > finn kontaktskjemaet 7-plugin > klikk på «Aktiver». Et nytt element "Kontaktskjema 7" vil vises i sideadministrasjonspanelet på nettstedet ditt.

Sette opp kontaktskjema 7-plugin

Det som er fint er at kontaktskjemaet 7 som standard støtter flerspråklig. Hvis din versjon av WordPress er på russisk, vil plugin også være fullstendig på russisk, og du kan lage et tilbakemeldingsskjema på hvilket som helst språk. Skjemaspråket spesifiseres under opprettelsen av hvert skjema. Det er ingen egen seksjon for innstillinger; alle innstillinger er individuelle for hvert enkelt skjema.

Eksempel på å legge til et tilbakemeldingsskjema

1. Velg i administrasjonspanelet «Kontaktskjema 7» > «Skjemaer» >-knappen på «Legg til ny»-siden.

2. Du vil bli bedt om å velge et språk for skjemaet. Standard er "russisk". Klikk på "Legg til ny"-knappen
3. Et vindu har åpnet seg foran deg hvor du kan lage ditt eget skjema med innstillingene dine.

Mulighetene er omfattende, men jeg vil peke på noen funksjoner med en gang. Vinduet som åpnes inneholder flere faner: «Skjemamal», «Brev», «Varsler ved innsending av skjema», «Ytterligere innstillinger». Du trenger ikke den siste fanen, det er mer en tilpasning for avanserte brukere og programmerere. La oss se på resten i detalj.

"Varsler når skjema sendes inn"- Dette er meldingene som en besøkende på nettstedet ditt vil se når de sender inn et skjema. Inneholder meldingsalternativer for både vellykket sending og de med feil og feil. Du kan endre disse systemmeldingene etter eget skjønn.

"Skjemamal"— i denne delen vil du generere tagger, som er ansvarlige for tilstedeværelsen av de nødvendige feltene i skjemaet.

"Brev"— dette er utseendet og innholdet i brevet du vil motta etter at en besøkende har fylt ut skjemaet.

MERK FØLGENDE: Nå skal vi se på hvilke tagger det finnes og hvilke felt de lager. Alle disse kodene legges inn i «Skjemamal»-fanen, men hvis du ikke legger inn «svarmerker» manuelt (!) i «Brev»-fanen, vil ikke de utfylte skjemaene bli sendt til deg på e-post.

4. Merkealternativer i «Skjemamal»-fanen.

- tekst: legger til et tekstfelt (kort).
- e-post: felt for e-post.
— URL: feltet for å angi nettstedets adresse eller en hvilken som helst lenke.
- tlf: kontakttelefonfelt
- Antall: et felt der du bare kan angi en numerisk verdi
- Dato: datoformatfeltet
- tekstområde: legger til et tekstfelt (langt).
- nedtrekksmenyen: nedtrekksliste. Feltet har tilleggsinnstillinger. Listen som vil falle ut er angitt i "Alternativer"-feltet. Dessuten ett listeelement på én linje (ikke atskilt med kommaer!). Hvis avmerkingsboksen "Tillat flere valg" er merket, vil brukeren kunne velge mer enn ett alternativ fra listen din. Hvis avmerkingsboksen "Sett inn et tomt element som det første alternativet" er merket, vil et tomt felt bli lagt til øverst som standard, som også kan velges av brukeren.

- avmerkingsbokser: Avmerkingsboks (hakemerker). Feltet har flere innstillinger. Listen over avmerkingsbokser er angitt i "Alternativer"-feltet. Dessuten én avmerkingsboks per linje (ikke atskilt med kommaer!). Hvis "Sett en etikett først, en avkrysningsboks sist" er merket av, vil avmerkingsboksen som standard være ved den første avmerkingsboksen. Hvis "Gjør avmerkingsbokser eksklusive"-elementet er merket av, vil brukeren kunne merke av kun én av avmerkingsboksene.

- radioknapper: radioknapper. Radioknapper lar deg alltid velge bare ett element fra listen. Å legge inn en liste ligner på avmerkingsbokser i en kolonne. Fra innstillingene kan du aktivere "Sett en etikett først, en avkrysningsboks sist", og som standard vil den første alternativknappen fra listen bli valgt.

- aksept: avkrysningsboks, uten å merke av i boksen der meldingen ikke skal sendes. Faktisk er dette en mulighet til å ta brukerens ubetingede samtykke til noe, ellers vil ikke brevet bli sendt. For eksempel, "Du godtar at informasjonen du oppgir vil bli behandlet av våre operatører."

- quiz: innovasjon i plugin. Dette feltet lar deg lage et spørsmål og et svar på det. Ideell for bruk som anti-spam-beskyttelse. Se på utformingen av spørsmålet og svaret i taggenereringsskjemaet.

Alle felt kan gjøres obligatoriske (vanligvis er slike felt merket med *) som skal fylles ut; for å gjøre dette, merk av i boksen Felttype > Obligatorisk felt. Merk følgende! Ikke glem å angi i tekst til brukerne at feltet må fylles ut!

- CAPTCHA: captcha er kun installert som en ekstra plugin. Men i prinsippet, hvis det er en quiz-tag, er behovet for en dråpe mye mindre.

- fil: feltet oppretter en tag som lar brukeren legge ved en fil til meldingen. I tag-innstillingene kan du spesifisere "File size limit (bytes)" - maksimal størrelse på den vedlagte filen, tillatte filtyper (utvidelser atskilt med komma). Vær oppmerksom, hvis du ikke angir maksimal størrelse på den vedlagte filen, bestemmes den som standard av egenskapene til serveren din. Du kan finne nøyaktig informasjon om restriksjoner fra selskapet som tilbyr hostingen din. Vanligvis er maksimal størrelse begrenset til 10 MB.

submint: taggen legger til en "Send"-knapp (navnet kan endres).
Dette er en skjerm med alle taggene jeg genererte, og nedenfor er en skjerm av skjemaet på siden. Vær oppmerksom på at "skjemamalen" støtter HTML-tagger, så jeg formaterer forklaringene for brukere som bruker HTML-tagger.

5. "Brev"-fanen.

La oss nå gå til skjemaet for å generere et brev som vil bli sendt til deg og legge til kodene som vi brukte i "skjemamalen". Vær oppmerksom på skjermbildet. Felt som ikke er inkludert i hoveddelen av brevet vises øverst på fanen i svart, og de som er til stede i selve brevet er grå.

Vi legger dem til i hoveddelen av brevet (feltet "Message Body"): bare kopier kodene som er uthevet i svart og lim dem inn i hovedformen til brevet. Vær oppmerksom på at tallene som er angitt i kodene samsvarer med de unike numrene til feltene du la til i skjemamalen. På denne måten kan du identifisere hvilket felt som tilhører hva og signere dem direkte i brødteksten, for ikke å bli forvirret senere.
Lagre endringene.

6. Installere skjemaet på nettstedet.

Fra siden for opprettelse av skjemaer kopierer du kystkoden (vanligvis er den uthevet i blått eller brunt) og limer den inn på en hvilken som helst side eller post.

Fordeler og ulemper i korte trekk

proffer
+ et stort antall felttyper
+ flerspråklig støtte
+ brukervennlighet
+ gratis
+ pålitelig
+ er ikke i konflikt med andre plugins
+ Kontaktskjema 7-plugin er under utvikling

Minuser:
— vi må ikke glemme å legge til flere tagger til den genererte bokstaven
— utforming av skjemaer og bokstaver krever minimal kunnskap om HTML

Konklusjon: definitivt en utmerket redaktør, om ikke den beste! Jeg er fornøyd med fleksibiliteten, påliteligheten og stabiliteten. Hvis det ble betalt, ville folk fortsatt kjøpe det, fordi... Det er ingenting i nærheten av det kvalitetsmessig. Jeg anbefaler kontaktskjema 7-plugin.

Et kontaktskjema er en integrert egenskap for de fleste nettsteder. Dette er grunnen til at det er så mange kontaktskjemaplugins i WordPress-katalogen. En av de mest populære er Contact Form 7. Plugin lar deg lage skjemaer av alle slag; veldig fleksibel og enkel å konfigurere; har vært under utvikling i mange år og inneholder mange utviklinger.

Opprette og vise kontaktskjemaer

Opprette skjemaer i administrasjonspanelet

Etter at du har installert plugin-en, vises menypunktet "Kontaktskjema 7", der du kan opprette og slette skjemaer.

Skjemaet i bildet ble opprettet automatisk når plugin-en ble aktivert.

Vi vil bruke standardskjemaet, for å gjøre dette oppretter vi en "Kontakt meg"-side og setter inn kortkoden til skjemaet der.

Fremre del av nettstedet

La oss nå lagre artikkelen og se hvordan skjemaet vårt ser ut (ved å bruke Twenty Sixteen-temaet):

Bildet viser skjemaet etter at brevet er sendt (dette er angitt ved oppslag nederst i skjemaet).

Skjematilpasning (opprette komplekse skjemaer)

Eksemplet ovenfor viser hvordan du legger inn et ferdiglaget og veldig enkelt kontaktskjema. La oss nå se på hvordan du lager en mer kompleks form. For å gjøre dette, la oss gå tilbake til administrasjonspanelet, til skjemabehandleren og gå til å redigere standardskjemaet.

I det øverste feltet - navnet på skjemaet (det er kun synlig i administrasjonspanelet), angi et navn som er klart for deg, for eksempel: "Tilbakemelding om nettstedet", "Jobbsøknadsskjema", "Tilbakemeldingsskjema" , etc.

Under tittelen er en kortkode. Vi bruker det i poster for å vise skjemaet.

Og nedenfor er fire faner:

1. Skjemamal
2. Brev
3. Tilleggsinnstillinger

La oss se på hver fane separat.

Skjemamal

I denne fanen kan du tilpasse feltene og utseendet til skjemaet. Arbeidsområdet er WP HTML-editoren. Bare i stedet for de vanlige knappene ser vi knapper for å sette inn forskjellige skjemafelt.

Skjemalayout

For layout kan du bruke html-tagger og plugin-kortkoder. Kortkoder legger til skjemafelt, og HTML-tagger lar deg lage en tilpasset HTML-struktur. Standardskjemaet vårt ser for eksempel slik ut:

Navnet ditt (obligatorisk) Din e-post (obligatorisk) Emne Beskjed

Og når den vises i et innlegg, blir den til denne HTML-en:

Navnet ditt (obligatorisk)

Din e-post (obligatorisk)

Emne

Beskjed

Kortkodesyntaks

La oss klikke på "Tekst"-knappen. Et vindu åpnes der vi kan spesifisere attributter for tekstfeltet. Spesifiser og klikk "Sett inn tag".

Taggen vil deretter bli konvertert til et tekstfelt med html-kode:

Kortkoder kan enkelt lages ved å bruke kortkodebyggeren.

Men konstruktøren lar deg ikke endre kortkoden (du kan bare lage en kortkode der). Det er to måter å endre kortkoden på:

1. slett og lag en ny med konstruktøren.
2. Lær syntaksen og korriger feltets kortkode manuelt.

Du kan finne ut av det selv med designeren.

Og her skal vi se på syntaksen til kortkoden.

Vurder for eksempel en tekstfeltkode med flere alternativer:

Tekst (obligatorisk) Felttype: tekst, velg, passord, nummer osv. (i dette tilfellet er feltet tekst). Bestemmer hvilket formelement taggen vår skal konverteres til, og derfor hvilken type data den godtar. * En stjerne gjør feltet obligatorisk (skjemaet sendes ikke og det vises en melding om at feltet må fylles ut). Klientens navn (obligatorisk) Navnet på feltet brukes som navneattributt i inntasting, og brukes også ved oppretting av malen for det sendte brevet. id:my-id ID-attributtet i input med verdien my-id. Brukes til dekorasjon. class:min-klasse Klasseattributtet i input med verdien min-klasse. Brukes til dekorasjon. plassholder "Skriv inn et navn" Использовать текст "Введите имя" как placeholder. !}

Følg rekkefølgen på tag-attributtene: først kommer felttypen, deretter navnet, og først deretter tilleggsalternativer.

Felttyper

• Tekstfelt: tekst, e-post, tel, url, tekstområde
• Numeriske felt: nummer , område
• Datofelt: dato
• Avmerkingsbokser, radioer, lister: avmerkingsboks, radio, velg
• Filopplastingsfelt: fil
• CAPTCHA: captchac og captchar
• Avstemninger: quiz
• "Godta"-feltet: aksept
• Send-knapp: send
• Egendefinert felttype

Brevmal

I den andre fanen kan du finjustere malen (layouten) og egenskapene til det sendte brevet. I feltene i denne fanen kan du bruke spesielle skjemafeltkoder - dette gjør det mulig å overføre dataene som er spesifisert i skjemaet i et brev.

Tagger består av feltnavn fra skjemamalen. For eksempel opprettet vi et tekstfelt med navnet: . Nå kan du bruke taggen i e-postmalen. I bokstaven, i stedet for denne taggen, vil feltverdien som er angitt av brukeren (fullt navn) erstattes.

Bokstavoverskrifter:

Til - e-postadressen som brevet skal sendes til. Du kan spesifisere så mange bokser du vil, atskilt med komma.

Fra hvem - navn og e-post, fra hvem brevet kom. Vanligvis er serverposten angitt her (for eksempel [e-postbeskyttet]).

Du kan spesifisere hvilken som helst e-post, men hvis e-postdomenet er forskjellig fra nettsteddomenet, vil ikke skjemaet bestå testen og vil "sverge" til denne parameteren, selv om brevene fortsatt vil bli sendt.

Emne - Tittelen på brevet. Det vil gjøre det klart fra hvilket skjema dataene ble sendt. For eksempel er emnet for brevet "Feil på nettstedet", "Bestill tilbakeringing" og så videre. Velg en overskrift som gjør det enklere å jobbe med mottatte e-poster.

• Ytterligere overskrifter - Som standard er Svar-Til: skrevet her. Svar-Til-overskriften forteller oss at denne e-posten kan besvares ved å klikke på Svar-knappen i e-postprogrammet, og skjemakoden er navnet på feltet fra malen. Den brukerspesifiserte e-posten vil bli satt inn i stedet for denne taggen. Du får noe sånt som svar til: [e-postbeskyttet].

Kroppen av brevet

Dette er den neste viktige delen av denne fanen. Teksten til selve brevet er angitt her. I teksten bruker vi de samme skjemataggene (feltnavn fra skjemamalen).

La oss se på standardbokstaven:

Fra:<>Emne: Melding: -- Sendt fra nettstedet Studerer kontaktskjema 7-plugin (http://test-wp.ru)

Vi hadde 4 felt som brukeren fylte ut. Etter å ha sendt brevet vil taggene bli til verdier og vi vil motta følgende brev:

Fra: Dmitry Emne: Spørsmål om kontaktskjema 7 Melding: Hei! Jeg har et spørsmål om plugin-modulen Kontaktskjema 7. Hvordan konfigurerer jeg den? -- Sendt fra nettstedet Studerer kontaktskjema 7-plugin (http://test-wp.ru)

Valgfrie felt i brødteksten i e-posten

Hvis brukeren ikke fyller ut et felt, men det brukes i selve brevet, vil brevets brødtekst være ufullstendig. For eksempel står det Mann fra Byen på kroppen, men brukeren har ikke fylt ut feltet, noe som betyr at vi i brevet får Mann fra Byen... Denne linjen i brevet er overflødig. For å fjerne denne linjen fra meldingen, merk av for "Ekskluder visning av linjer med tomme meldingskoder". Vær oppmerksom på at dette bare fungerer hvis teksten og kortkoden til feltet er på samme linje.

Alternativet "Bruk HTML-e-postformat". Lar deg bruke HTML-tagger i brødteksten i brevet. I dette tilfellet kan du bruke en begrenset liste med HTML-tagger, fordi ikke alle e-postklienter eller -tjenester kan behandle kompleks HTML-oppmerking på riktig måte. Du kan bruke: tabeller, punktlister, fet skrift, avsnitt og så videre. Søk på nettet for mer informasjon.

Kontaktskjema 7 lar deg sende et brev til to adresser, og innstillingene for hvert brev er forskjellige. Dette kan være nyttig når du skal sende et brev til nettstedadministratoren med fullstendig informasjon og et duplikat til lederen, som kun inneholder ordreinformasjon.

Varsler ved innsending av skjema

I denne fanen kan du redigere meldingene som skjemaet viser i en gitt situasjon: når du sender et brev vellykket eller mislykket, eller når det er feil.

E-postmalkoder fungerer ikke i disse feltene.

Tilleggsinnstillinger

Denne kategorien er beregnet på avanserte brukere og lar deg utvide funksjonene til skjemaet ved hjelp av JS-kode. For eksempel, legg ut hendelser for analyser.

Jeg vil snakke om å bruke denne funksjonaliteten i en egen artikkel.