Sådan installeres kontaktformular 7 plugin Alle felter (tags) i formularen

Kontaktformular 7 kan administrere flere kontaktformularer, hvor du fleksibelt kan tilpasse formular- og mailindhold med ret simpelt layout. Formularer har indbygget understøttelse af Ajax-indsendelse, CAPTCHA, Akismet-spamfilter og mere.

Dokumentation og support

Skærmbilleder

Installation

1. Upload hele mappen kontaktformular-7 til mappen /wp-content/plugins/.
2. Aktiver plugin'et fra Plugins-siden i dit WordPress-dashboard.

I WordPress-konsolmenuen finder du fanen 'Feedback'.

For at lære, hvordan du bruger pluginnet korrekt, kan du besøge dets hjemmeside.

Anmeldelser

Jeg ser, at mange mennesker hader dette plugin, fordi de bruger en ikke-understøttet version, der er bundtet i et tema, - alt hvad jeg kan sige ud fra min egen erfaring er, at efter at have brugt det i flere år på mange websteder, er der en stor tak. til de udviklere, der holder det opdateret og gratis for alle. Det er ekstremt nemt at konfigurere og tilpasse. Skål!

Deltagere og udviklere

Kontaktformular 7 er et open source-projekt. Følgende bidragydere bidrog til udviklingen af ​​plugin:

Deltagere

Skift log

For mere information, se Udgivelser.

5.1.6

• CSS: fjerner en stilregel fra typografiarket, der var unødvendig og i modstrid med Twenty Twentys regler.
• REST API: henter kontaktformularens ID eksplicit fra ruteparametrene.

5.1.5

• Config Validator: Nyt testelement for fejlen unavailable_html_elements.
• Config Validator: Nyt testelement for attachments_overweight-fejlen.

5.1.4

• reCAPTCHA: Introduktion til konstanterne WPCF7_RECAPTCHA_SITEKEY og WPCF7_RECAPTCHA_SECRET.
• reCAPTCHA: Introduktion af wpcf7_recaptcha_sitekey og wpcf7_recaptcha_secret filterhooks.
• Tilføjelse af $status parameter til wpcf7_form_response_output filter.
• Genererer en tilfældig kode, når brugeren er en registreret bruger.
• Introduktion af WPCF7_ContactForm::unit_tag(), en offentlig metode, der returnerer et enhedstag.
• reCAPTCHA: udsender en anden besked i spamloggen i tilfælde, hvor svartokenet er tomt.
• Samtykkeflag: Understøtte label_first-mulighed i form samtykke-tag.

5.1.3

• Rettede en fejl, der resulterede i manglende mulighed for at fravælge en indstilling på fanen Mail.

5.1.2

• Konstant kontakt: Introduceret kontaktlistevælger.
• Konstant kontakt: En yderligere indstilling, konstant_kontakt, introduceres.
• reCAPTCHA: Introducerede wpcf7_recaptcha_actions og wpcf7_recaptcha_threshold filterhooks.

5.1.1

• reCAPTCHA: Ændrer svaret til tomme svartokens.

5.1

• Integrationsmodulet Constant Contact er blevet introduceret.
• reCAPTCHA-modulet er blevet opdateret til at understøtte reCAPTCHA v3.
• Tilføjer Dark Mode-stilregler.

5.0.5

• Rettede inkonsistensproblem mellem get_data_option() og get_default_option() i WPCF7_FormTag-klassen.
• Undertrykker PHP-fejl, der opstår, når du kalder unlink().
• Introducerede wpcf7_is_file_path_in_content_dir() for at understøtte UPLOADS-konstanten.

5.0.4

• Sætter eksplicit argumentet power_type i register_post_type()-kaldet for at løse et problem med uautoriseret rettighedseskalering.
• Lokal filvedhæftning - det er forbudt at angive absolutte stier til filer placeret uden for wp-indholdsmappen.
• Configuration Validator - Tilføjer et testelement for at opdage forkerte indstillinger for vedhæftede filer.
• Rettede en fejl i JavaScript-bagudkompatibilitetsfunktionen for ældre browsere, der ikke understøtter HTML5-pladsholderattributten.
• Samtykke afkrydsningsfelt - deaktiverer ikke-gem-funktionen for formulartagget.

5.0.3

• CSS: Anvender "ikke tilladt" markørstil, når du holder musen over indsend-knapper i inaktiv tilstand.
• Samtykkeflag: Overhaling af taggeneratorens brugergrænseflade for at tilskynde til brugen af ​​bedre muligheder for beskyttelse af personlige oplysninger.
• Implementering af wpcf7_anonymize_ip_addr() funktion.
• Indført consent_for:storage-mulighed for alle formulartagtyper.

5.0.2

• Føjet en "Bemærkninger om beskyttelse af personlige oplysninger" til filen readme.txt.
• Opdateret indhold i informationsmetablokken.
• Brug get_user_locale() i stedet for get_locale(), hvor det er mere passende.
• Samtykke flag: Nulstiller den deaktiverede status for indsend knapper efter vellykket ansøgning.

5.0.1

• Rettet forkert brug af _n().
• Konfigurationstjek: Rettet forkert antal advarsler på fanen Avancerede indstillinger.
• Konfigurationskontrol: Rettet forkert håndtering af [_site_admin_email] særlige e-mail-tag i feltet Fra overskrift.
• Afkrydsningsfeltet Accept: De angivne klasse- og id-attributter blev anvendt på det forkerte HTML-element.
• Konfigurationstjek: Hvis der er en valgfri mailheader for postkasser som Cc eller Reply-To, men en mulig tom værdi, returneres fejlen "Ugyldig postkassesyntaks".
• Angiv eksplicit den fjerde parameter til add_action() for at undgå at overføre utilsigtede parameterværdier.
• Kontroller, om målbiblioteket er tomt, før du sletter det.

5.0

• Yderligere indstillinger: on_sent_ok og on_submit er blevet fjernet.
• Ny yderligere indstilling: skip_mail.
• Flamingo: Titlen på den indgående kanal ændres sammen med titlen på den tilsvarende kontaktformular.
• DOM begivenheder. Hele API-svarobjektet er tilgængeligt via egenskaben event.detail.apiResponse.
• HTML Mail: Tilføjer sprogrelaterede attributter til HTML-headeren.
• Filoverførsel: Indstiller accept-attributten i upload-feltet.
• En ny klasse WPCF7_MailTag er blevet introduceret.
• Giver dig mulighed for at afbryde et forsøg på at sende mail ved hjælp af wpcf7_before_send_mail action hook. Derudover kan du indstille en brugerdefineret status og besked via en handlingsinterceptor.
• Afkrydsningsfeltet Accept: Giver dig mulighed for at angive betingelser i indholdsdelen af ​​formulartagget.
• Accept afkrydsningsfelt: Understøtter valgfrihedsparameteren.
• Nye specielle mail-tags: [_site_title], [_site_description], [_site_url], [_site_admin_email], [_invalid_fields], [_user_login], [_user_email], [_user_url], [_user_first_name], [_user_last_name], [_user_kaldenavn] 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-funktioner: Zero-controls-container og ikke-til-mail

God eftermiddag kære bloglæsere. Vi fortsætter emnet feedbackformularer på WordPress. Og da vi taler om dem, foreslår jeg i dag at tale om WP Contact Form 7 plugin. Dernæst vil jeg fortælle dig trin-for-trin opsætningen af ​​plugin og også kort beskrive tilføjelserne til dette plugin.

Sidenavigation:

Beskrivelse af WordPress kontaktformular 7

2) Aktiver kontaktformular 7-plugin'et i WordPress-administrationsområdet.

3) Gå til den nyoprettede fane, som vist i figuren:

4) Klik på fanen "Tilføj ny" og angiv standardformularsproget, eller vælg det ønskede

5) Angiv navnet på kontaktformularen, og klik på Gem.

6) Nu har vi en kortkode, der kan kopieres og indsættes i et indlæg eller sidebjælke for at vise formularen - contact-form-7 id="1252" title="Formular nummer 1)" (надо взять в квадратные скобки как на рисунке).!}

7) Sådan ser vores formular ud:

Selvfølgelig er det ikke særlig smukt, men ingen generer dig med at skabe dine egne styles eller lave din egen form og tilføje indlæg der.

Sådan viser du kontaktformular 7 hvor som helst i skabelonen

I trin 6 af trin-for-trin opsætningen viste jeg dig, hvordan du kan tage kortkoden til CF7-koden og beskrev yderligere, at denne kode kan vises i en widget eller i et indlæg eller en side. Derudover vil jeg sige, at du kan vise Kontaktformular 7 hvor som helst i skabelonen. For at gøre dette skal du indsætte denne enkle kode:

Det er alt, hvis du gjorde alt korrekt, vil du modtage kontaktformular 7-output på et tilfældigt sted i WordPress-skabelonen.

Tilpasning af kontaktformular 7 inputfelter

Takket være det vil du desuden have sådanne kasser som:

Opsætning af et svar-til-svar til kontaktformular 7

I den nye version af CF7-plugin 4.4 og nyere anbefaler udvikleren at gå ind fra feltet (her er det på huden nedenfor)

den korrekte adresse, der matcher dit domæne. Synlig fra huden, og denne anbefaling skaber et problem:

Hvordan svarer man til en bruger fra en mailer?

Hvis du bare klikker på svar, så svarer vi på vores egen mail, faktisk svarer vi selv. Dette er meget ubelejligt, fordi vi manuelt skal kopiere brugerens adresse og indsætte den i maileren og først derefter svare.

Der er en løsning på dette problem, og som altid er den enkel. Du har brug for i marken Yderligere overskrifter tilføje kode:

Svar til:

Selvfølgelig skal din-e-mail-sh erstattes med din e-mail-kortkode. Se huden herunder:

Nu, når du modtager et brev fra WordPress feedback, kan du klikke på svar i mailen, og dit svar vil blive sendt til den korrekte e-mail.

Hvis du efter disse trin støder på et problem, bør du læse indlægget ved at klikke på linket. Der er beskrevet de vigtigste problemer og årsager til problemer i kontaktformular 7 plugin.

Det er alt. Jeg håber, du forstår, hvordan du konfigurerer plugin'et og dets layout.

Kontaktformular 7

• Alle formularfelter (tags)
• Sådan gør du et af felterne obligatoriske: mail eller telefon
• Betingede felter for kontaktformular 7-tilføjelse
• Kontaktformular 7 Custom validation addon

I den forrige artikel stiftede vi bekendtskab med Contact Form 7 plugin og dets indstillinger. Og her vil alle understøttede felttyper (formularskabelontags) og parametrene for hver af dem samt stilarter (CSS-klasser) af formularelementer blive diskuteret i detaljer. Dette er uofficiel dokumentation for alle kontaktformular 7-formularskabelontags.

Felttypen bestemmer typen af ​​HTML-formularelement: tekst, "radio", "vælg". Felttypen er angivet i navnet på formularskabelontagget.

Et eksempel på et tekstfelttag og den HTML-kode, det vil udlæse:

Hvert tag (felt) har også sine egne muligheder (tag-attributter). Tagindstillinger er angivet efter titlen og feltnavnet. Lad os f.eks. tilføje en klasseattribut for det forrige tekstfelt:

Formskabelon tag (felt) syntaks:

Tag (felt) attributter

Du kan bruge de samme attributter (indstillinger) i forskellige form-tags. Derfor, for ikke at gentage beskrivelsen af ​​hver egenskab for hvert formularfelt, placerer vi deres beskrivelse i et separat afsnit.

Attributter, der kun kan anvendes på et specifikt formulartag, vil blive opført separat for hvert tag.

* * umiddelbart efter felttypen gør feltet obligatorisk.
Eksempel: id (linje) Identifikatornavn. css attribut id, bruges til at designe feltet.
Eksempel: id:foo klasse (linje) Klassens navn. css-klasseattribut, bruges til at designe feltet.
Eksempel: klasse:bar
Du kan angive flere klasser: minlength og maxlength (nummer)

Disse er HTML5-attributter, der begrænser indtastningen af ​​tegn i et felt, både med en nedre tærskel (minimum) og en øvre tærskel (maksimum). Brugeren vil ikke være i stand til at indtaste færre tegn (minlængde) eller flere tegn (maxlængde) i feltet end angivet af disse værdier.

For minlængde , hvis den indtastede tekst er mindre end denne værdi, vil brugeren modtage en advarsel "Feltet er for kort". Og omvendt for maxlength.

Eksempler:
minlængde:10 -
maxlængde:90 -
begge dele på én gang -

Som et resultat får vi et tekstfelt, der vil give en advarsel, og brevet vil ikke blive sendt, hvis der indtastes mindre end 10 eller mere end 140 tegn i det.

Disse parametre understøtter følgende felttyper: tekst, tekstområde, e-mail, url, tel, quiz.

Der er en gammel post for disse parametre:

Maxlength-parameteren har eksplicit forrang, så hvis du tilføjer maxlength:150 , så vil 140 blive omskrevet til 150.

Størrelse (nummer) Bredden af ​​tekstfeltet, som bestemmes af antallet af tegn i en monospace-skrifttype. Kan tilsidesættes i CSS-stile ved hjælp af width-attributten.
Eksempel: størrelse:50 -
Standard: 40 standard (streng/nummer)

Standard feltværdi.

Eksempel: default:værdi.

Hvis brugeren, der udfylder formularen, er autoriseret, kan du som standard erstatte værdien fra hans profildata. Hvis du f.eks. angiver attributten default:user_email - , vil feltet automatisk blive udfyldt med værdien - "e-mail for den aktuelle bruger", der ser formularen...

Andre specialfelter i standardattributten:

default:post_meta- får værdien af ​​metafeltet, hvis nøgle vil være lig med feltnavnet. For eksempel: vil vise et formularfelt, hvis værdi indstilles til værdien af ​​post-metafeltet mymeta_key

default:get- indstiller værdien af ​​GET-parameteren med nøglen lig med feltnavnet: - http://example.com/?mykey=value

default:post- vil sætte værdien af ​​POST-parameteren med nøglen lig med feltnavnet: - i POST sender vi dataene mykey=value.

default:shortcode_attr- vil indstille værdien af ​​shortcode-attributten med nøglen lig med feltnavnet. For eksempel er formularskabelontagget: , så angiver vi i selve formularens shortcode, når det kaldes i indlæggets indhold, mykey-attributten: . Læs mere nedenfor.

Du skal også tilføje wordpress shortcode-attributnavnet til hvidlisten (fordi wordpress fjerner alle ukendte shortcode-attributter...). Dette gøres gennem et filter:

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

For afkrydsningsfelt, radio og vælg:

• standard:nummer - standard: 2- vælger det andet element på listen...
• default:number_number - standard:2_3- vælger det andet og tredje element på listen (for multivalg og afkrydsningsfelter)...

Læs mere om Standard og dens muligheder, læs i slutningen af ​​artiklen.

Pladsholder eller vandmærke (linje)

Den tekst, der vil blive vist i pladsholderattributten.

Denne mulighed skal bruges i slutningen af ​​alle skabelontag-indstillinger: og ikke

Kan bruges vandmærke i stedet for pladsholder er dette et synonym (alias) af attributten.

Akismet (linje)

Spam beskyttelse. Kræver Akismet plugin installeret og aktiveret.

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

Hvordan det virker? Når du sender data, vil værdierne af de angivne felter blive behandlet på akismet-serveren, og hvis de ikke består kontrollen, sendes brevet ikke, og brugeren vil se fejlen:

Beskeden forsvinder, når du fokuserer på et af felterne.

Formularskabelontags (felter)

Nedenfor er alle plugin-tags, som du kan bruge i din formularskabelon. Disse tags bliver HTML-input, tekstområde og udvalgte elementer.

Tekstfelter omfatter følgende typer: tekst, e-mail, url, tel, tekstområde, og tælletagget er tæt relateret til tekstfelter.

Der er to typer numeriske felter: tal og rækkevidde. Disse er HTML5-felter, så ældre browsere understøtter dem ikke, og viser i stedet et tekstfelt.

tekst

Tekstfelt på én linje.

Understøttede muligheder (attributter):

• klasse
• minlængde Og maxlængde
• størrelse
• pladsholder
• Standard- du kan bruge: bruger_login, bruger_fornavn, bruger_efternavn, bruger_kaldenavn, bruger_visningsnavn
• akismet:forfatter

e-mail

Feltet er beregnet til at indtaste e-mail.

Understøttede attributter:

• klasse
• minlængde Og maxlængde
• størrelse
• pladsholder
• akismet:author_email
• standard: bruger_e-mail eller standard: [email protected]

url

Felt til indtastning af internetadressen (URL).

Understøttede attributter:

• klasse
• minlængde Og maxlængde
• størrelse
• pladsholder
• akismet:author_url
• standard: bruger_url eller standard værdi

tlf

Felt til indtastning af telefonnummer.

Understøttede attributter:

• klasse
• minlængde Og maxlængde
• størrelse
• pladsholder

tekstområde

Felt til indtastning af tekst med flere linjer.

Understøttede attributter:

• klasse
• minlængde Og maxlængde
• pladsholder
• (cols)x(rækker)- hvor cols er bredden af ​​feltet i tegn, og rækker er højden af ​​feltet i tekstlinjer. Har 3 formater: (cols)x(rows), (cols)x og x(rows) .

For tekstområde kan feltværdien angives på to måder:

2. Standardtekst...

Hvis tekstområdet indeholder html-tags, kan du efter indsendelse af formularen modtage en 500-serverfejl!

tæller (tegntæller)

Tællemærket giver dig mulighed for at indstille en tæller, når du vil vise brugeren, hvor mange tegn der er indtastet, eller hvor mange tegn der er tilbage indtil den maksimale værdi (hvis parameteren er maxlength).

For at aktivere tælleren skal du indsætte et tællermærke i formularskabelonen, der angiver navnet på det tekstfelt, som det vil tælle tegn for.

Tællermærket kan bruges overalt i formularskabelonen.

For eksempel har vi et tekstfelt til en besked:

Så gør vi dette:

Feltet er begrænset til minimum 10 og højst 140 tegn. I dette tilfælde vil tælleren vise, hvor mange tegn der er indtastet.

Nogle gange er det mere bekvemt at vise, hvor mange tegn der er tilbage at indtaste, fordi brugeren ikke kender til den maksimale grænse. For at gøre dette skal du angive ned - muligheden i tagget.

nummer

Felt til indtastning af et tal. Når feltet har fokus, kan værdierne ændres ved at dreje musehjulet.

Understøtter attributter:

• klasse
• pladsholder
• min
• max

rækkevidde

Skyder for at vælge tal i det angivne område.

Understøtter attributter:

• klasse
• pladsholder- vises kun i browsere, der ikke understøtter denne type felt og viser i stedet et tekstfelt.
• min- Indstiller den laveste værdi for indtastning af et tal: min:20
• max- Indstiller den øvre værdi for indtastning af et tal: min:100
• trin- Indstiller nummerændringstrinnet for skydere og talindtastningsfelter: min:5

afkrydsningsfelt og radio

• Radioknapper- Det er kontakter, der giver dig mulighed for kun at vælge én mulighed blandt flere.
• Afkrydsningsfelter- Dette er afkrydsningsfelter, der giver dig mulighed for at vælge flere muligheder på én gang.

Understøttede attributter:

• Standard- Feltets standardværdi, for eksempel default:2, betyder, at når feltet vises, vil den anden svarmulighed allerede være valgt. For afkrydsningsfelter kan du angive flere værdier som denne standard:1_2_3

  først_som_etiket- Som standard kommer afkrydsningsfeltet (alternativknappen) først, og derefter dens inskription. Ved at videregive denne parameter, vil du bytte dem.

  use_label_element- Ombryder et afkrydsningsfelt eller alternativknap i en etiket, som giver dig mulighed for at vælge et element ved at klikke på dets navn.

  eksklusiv- Ved at angive denne parameter kan der kun vælges 1 element fra afkrydsningsfeltet. Denne funktionalitet er baseret på JavaScript. Radioknapper understøtter ikke denne mulighed på grund af deres specifikke karakter.

  fri_tekst- Giver dig mulighed for at tilføje et tekstfelt til det sidste element. Det bliver tilgængeligt for udfyldelse, når det sidste element er valgt, og brugeren kan supplere sit svar.

• data- Henter en værdi fra et ark med lande i verden, for eksempel data:lande .

Kina Indien San Marino

Vælg

Giver dig mulighed for at vælge svarmuligheder fra en rulleliste. Kan bruges på to måder:

Egenskaber:

• klasse
• Standard- default:2 eller default:2_3_4
• mange- Giver dig mulighed for at vælge flere svarmuligheder
• inkludere_blank- Tilføj linjen "- - -" som den første svarmulighed
• først_som_etiket
• data
• genstande- svarmuligheder

Afsnit 1 Punkt 2 Punkt 3

dato

Felt til valg af kalenderdato. Dette er en HTML5-type og understøttes ikke af ældre browsere.

Egenskaber:

• klasse
• pladsholder
• min- Lavere værdi af en mulig dato, for eksempel min:2016-01-01 . Relativt datoformat understøttes, for eksempel i dag+10 dage, i dag-2 uger og så videre.
• max- Den øvre værdi af en mulig dato, for eksempel min:2017-01-01 . Relativt datoformat understøttes ligesom min .
• trin- Datoændringstrin i dage, for eksempel trin:3 . Hvis den laveste værdi er 2016-01-01 og trin 3, vil næste trin vise datoen 2016-01-04 og så videre.

Når du indsætter et mærke i en brevskabelon, modtager du en dato med posten i formatet ÅÅÅÅ-MM-DD (2016-12-25) - dette er ikke klart. Derfor kan du angive en mere visuel skabelon for at gøre dette, brug konstruktionen [_format_(feltnavn) "(datoformat)"];

[_format_din-dato "D, d M y"]

reCAPTCHA (spambeskyttelse)

Kontaktformular 7, startende fra version 4.3, i forbindelse med reCAPTCHA-tjenesten, giver dig mulighed for at bekæmpe spam. For at bruge reCAPTCHA skal du have en Google-konto, hvor du kan få nøgler til at bruge tjenestens API.

For at få disse nøgler skal du bruge:

1. Gå til reCAPTCHA admin panel.
2. Registrer et websted.
3. Få en webstedsnøgle og en hemmelig nøgle (disse er to forskellige nøgler: der kan være én webstedsnøgle, men der er mange hemmelige nøgler).

Egenskaber:

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

Brug nu tagget i formularskabelonen.

Quiz (spørgsmål-svar)

I dette felt bliver brugeren stillet et spørgsmål og skal besvare det, ellers sendes brevet ikke. Feltet dukkede op, da spam blev bekæmpet ved hjælp af bogstav-captchas (der var endnu ingen reCAPTCHA). Brugen af ​​letter captchas pålagde begrænsninger både på serveren (grafiske biblioteker var påkrævet) og på personen (visuelle perceptionsfejl). Denne metode løste disse mangler.

Egenskaber:

• klasse
• størrelse- Feltstørrelse og længde. En af værdierne kan udelades.

Hvilken planet bor du på?

Eksemplet viser, at spørgsmål og svar er adskilt af tegnet | . Spørgsmålet og svaret kan skrives på absolut enhver måde, for eksempel matematisk:

Du kan angive flere spørgsmål-svar-par. Spørgsmålet vil blive valgt tilfældigt hver gang formularen vises:

For dette felt kan du angive parametrene minlængde og maxlængde:

Når du opretter et quiz-tag med flere spørgsmål ved hjælp af en generator, skal du skrive hvert spørgsmål-svar-par på en ny linje.

skjult

Skjult felt - ikke synligt for brugeren. Kan gemme værdifuld information. Information kan tilføjes ved hjælp af Javascript eller oprettes ved hjælp af standardindstillingen.

Egenskaber:

• klasse
• Standard- Du kan sende en parameter her, som vil blive konverteret efter en bestemt regel. Læs mere i attributbeskrivelsen (valgmuligheder i begyndelsen af ​​artiklen).

Indsend

Knap til afsendelse af formulardata (send). Når du klikker på denne knap, sendes alle formulardata til serveren.

Egenskaber:

• klasse

Du kan angive knapteksten:

Et eksempel på brug af alle understøttede parametre:

ajax-loader

Bemærk venligst, at mærket hvori download-ikonet indlæses, hvis du klikker på indsend formularen, tilføjes det sammen med indsend-knappen, eller rettere efter den.

Altså hvis du for eksempel erstatter tagget med en færdiglavet HTML-knap. Dette er nogle gange nødvendigt, når knaplayoutet ikke er egnet. For eksempel, hvis du ønsker, at indsend-knappen skal se sådan ud:

I dette tilfælde mister vi tagget , fordi den tilføjes via JS, efter et element med wpcf7-submit-klassen - normalt har standard submit-knappen sådan en klasse.

For at omgå denne begrænsning kan vi blot tilføje denne klasse til vores knap-HTML-kode:

Alle. Tag nu vil blive tilføjet og fungere som det skal.

Eller du kan tilføje et tag direkte ind i formularskabelonen.

accept (jeg accepterer dine vilkår)

Du kan kun tillade brugere at indsende data, hvis de accepterer visse vilkår.

Egenskaber:

• klasse
• vende om- En parameter, der opretter et afkrydsningsfelt med det samme med et afkrydsningsfelt, men for at sende formularen til brugeren skal du fjerne den.
• Standard- Opretter et afkrydsningsfelt med et afkrydsningsfelt som standard, hvis du angiver til , eksempel default:on , default er default:off .
• valgfri- feltet bliver valgfrit.

Jeg tillader dig at bruge mit navn i kommentarer.

Jeg tillader dig at bruge mit navn i kommentarer.

Feltet er et afkrydsningsfelt, der behandles ved hjælp af JavaScript som dette:

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

I første omgang på formularen indsend knappen attributten disabled="disabled" er til stede. De der. Hvis afkrydsningsfeltet ikke er aktivt, er knappen til at indsende formularen også inaktiv, hvilket betyder, at den ikke kan indsendes. Når et afkrydsningsfelt er markeret, fjerner scriptet denne attribut, og knappen bliver aktiv.

Logikken i dette felt kan ændres, så det først vil blive kontrolleret efter et forsøg på at indsende formularen. For at gøre dette skal du indsætte følgende kode i plugin-indstillinger-fanen "Avancerede indstillinger":

Accept_som_validering: til

Så hvis brugeren ikke markerer afkrydsningsfeltet, vil han modtage en meddelelse:

fil (upload filer)

Ved at bruge dette felt kan du tillade brugere at vedhæfte deres egne filer til beskeden.

Tilføjelse af en sådan funktionalitet består af to trin:

Trin 1 - tilføjelse af felter til upload af filer til formularen

Egenskaber:

• filtyper- Filtype, der er tilladt til download, for eksempel pdf, jpg og andre (fuld liste nedenfor), angivet via separatoren | (lige linje), hvis du skal angive flere typer.

• begrænse- Begræns den downloadede fil efter størrelse, for eksempel: limit:1048576, limit:1024kb, limit:1mb. Du kan bruge kb (kilobyte) eller mb (megabyte).

Accepterede 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 bytes).

Trin 2 - tilføjelse af et tag til brevskabelonen

På trin 1 blev der oprettet et felt, der har et navn - din-fil. Nu bruger vi et tag med dette navn i brevskabelonen, men ikke i det sædvanlige "Letter body"-felt, men i feltet "Attached files".

I feltet "Vedhæftede filer" skal du kun indsætte mærket med feltnavnet fra formularskabelonen.

• - Højre
• - forkert

Hvis der er flere felter til upload af filer, skal du i feltet "Vedhæftede filer" liste dem efter hinanden uden separatorer: .

Lokale vedhæftede filer

Kontaktformular 7, startende med version 3.5, understøtter overførsel af lokale filer til en e-mail. For at gøre dette skal du sammen med indsættelse af tags i filvedhæftningsfeltet videregive stien til din fil:

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

Hvis en ikke-absolut sti er angivet, vil en relativ sti fra wp-content-mappen blive overvejet.

Filoverførselsstyring

Når en bruger har uploadet en fil via en kontaktformular, kontrollerer kontaktformular 7 følgende:

1. Hvilke PHP-fejl opstod;
2. Filtype og filstørrelse.

Hvis kontrollen lykkes, så plugin:

1. Flytter den downloadede fil til en midlertidig mappe.
2. Vedhæfter filen til brevet og sender den.
3. Sletter en fil fra en midlertidig mappe.

Som standard er mappen med midlertidige filer placeret her: wp-content/uploads/wpcf7_uploads. Kan variere, hvis stien til uploads-mappen ændres.

Mappen wpcf7_uploads oprettes automatisk. Men der er tilfælde, hvor dette ikke er muligt - mappen for overførsel af forældre har ikke skrivetilladelser. Så skal du bruge:

1. Skift tilladelserne for uploads-mappen.
2. Opret mappen wpcf7_uploads manuelt via ftp osv.

Du kan også generelt ændre stien til plugin's midlertidige mappe. For at gøre dette skal du åbne filen wp-config.php i roden af ​​webstedet og tilføje konstanten WPCF7_UPLOADS_TMP_DIR, som angiver den fulde sti til mappen med midlertidige filer:

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

Når du angiver en brugerdefineret sti til en mappe med midlertidige filer, skal du sørge for, at den findes og har skrivetilladelser (755). Ellers vil upload af filer ikke virke, hvilket betyder, at de ikke bliver vedhæftet brevet.

respons

Dette er ikke et felt, men et formulartag, der giver dig mulighed for at ændre placeringen af ​​fejlmeddelelser og notifikationer, når du indsender en formular. Som standard vises meddelelser om formularindsendelser eller fejl i slutningen af ​​formularfelter.

For at ændre denne position skal du indsætte tagget på det sted i formularskabelonen, hvor meddelelser skal være:

Dit navn (påkrævet) Din besked

Hvis du ikke indtaster et navn, indsendes formularen ikke, og vi får besked om en fejl:

Som du kan se, brugte vi i formularskabelonen et tag i begyndelsen og slutningen af ​​koden, hvorfor plugin'et viste notifikationen til os to steder.

Husk, at alle meddelelser, der understøttes af pluginnet (succes, spam osv.) er underlagt denne regel.

Specialist. standard attributværdier

Får standardværdier baseret på situation

Næsten alle felter kan tildeles en standardværdi via standardattributten. Men hvad skal du gøre, når du skal videregive dynamiske parametre? For eksempel ved at bruge en GET-anmodning via en URL.

Dynamisk hentning af parametre fungerer baseret på følgende tagmuligheder:

Standard: Hent HTTP GET-variabler. Parameternøglen skal svare til navnet på formularfeltet. default:post HTTP POST-variabler. Parameternøglen skal svare til navnet på formularfeltet. default:post_meta Værdien af ​​et brugerdefineret felt i det indlæg, hvori formularen er placeret. Det tilpassede feltnavn skal matche tagnavnet. default:bruger_(brugerfelt) Vi taler om: default:bruger_e-mail eller standard:bruger_kaldenavn . En komplet liste over sådanne værdier er givet i det følgende. punkt.

Eksempel på et tekstfelttag baseret på en GET-anmodning:

Lad os sige, at vi har en kontaktside, lad os få adgang til den med en GET-parameter:

Http://example.com/contact/?dit-navn=Dmitry

Som et resultat vil værdien af ​​vores felt være maskinen "Dmitry".

Et andet eksempel: videregivelse af UTM-tags til en formular

Standardværdi fra flere kilder

Du kan også passere flere steder, hvor du gerne vil have værdien:

Vi har specificeret to standardværdikilder (rækkefølgen bestemmer prioriteten): For det første forsøger plugin'et at tage værdien fra adresselinjen, hvis den ikke er der, så fra et brugerdefineret felt i posten. Hvis værdien er i adresselinjen, ignoreres værdien af ​​det brugerdefinerede felt.

ACF + CF7 uden yderligere plugins

Lad os sige, at du har oprettet en feltgruppe for indlæg, der indeholder et tekstfelt med nøglen mit-tekst-felt . Brug kortkoden for at få vist den gemte værdi i dette felt:

eller, hvis du har brug for at gøre feltet skjult:

Får standardværdier for en logget ind bruger

Når du opretter en formular til autoriserede brugere, er der ingen mening i at tvinge dem til at indtaste værdier, der allerede er i deres data, såsom navn eller e-mail. Kontaktformular 7 giver dette punkt, og du kan få data fra brugerprofilen.

For at gøre dette skal du bruge specielle værdier for standardattributten for den autoriserede bruger. Lad os overveje alle mulige muligheder:

• default: bruger_login- Bruger login
• standard: bruger_e-mail- E-mail
• standard: bruger_url- Hjemmeside adresse
• default:user_first_name- Navn
• standard: bruger_efternavn- Efternavn
• default:brugerkaldenavn- Nick
• standard: bruger_visningsnavn- Navn vist på hjemmesiden
• standard: brugerbeskrivelse- Beskrivelse (biografi).
• standard: bruger_*- hvor du i stedet for * kan angive en hvilken som helst værdi fra brugerdataene (se get_userdata()). Hvis de originale brugerdata (nøgle) ikke starter med user_ , så skal de starte med user_ . Lad os sige, at brugeren har et vk-metafelt, og vi skal angive værdien af ​​dette metafelt her. Så skriver vi sådan her: default:user_vk

Dit navn: Din e-mail:

Endnu et eksempel

En af de registrerede brugere på siden besluttede at bruge formularen. Det er logisk straks at erstatte hans navn i feltet "Navn", fordi det er kendt. Vi bruger standardattributten:

Nu, når en autoriseret bruger besøger siden med formularen, vil hans visningsnavn (display_name) automatisk blive indtastet i dit-navn-feltet. Og hvis en uautoriseret bruger besøger den samme side, vil han se pladsholderen "Indtast dit navn".

At få standardværdier gennem attributterne til CF7-hovedkortkoden

Nogle gange kan det være nødvendigt at bruge en værdi fra en shortcode-attribut som standardparameter for et felt.

I dette tilfælde skal du bruge standard:shortcode_attr-tag-indstillingen, som "fortæller" plugin'et at få værdien af ​​shortcode-attributten med samme navn (med feltnavnet) som standardværdien.

Lad os nu tilføje en attribut med feltnavnet og den ønskede værdi til plugin-kortkoden. Den angivne værdi vil blive erstattet med standardværdien i formularfeltet med samme navn:

Det er dog ikke alt! Som vi ved, for enhver shortcode i WordPress er det givet en hvid liste over attributter, der kan bruges i den. I dette tilfælde ved WP intet om vores nye kontaktformular-7 shortcode-attribut, så den skal tilføjes til hvidlisten. Dette gøres gennem plugin-krogen:

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

Denne kode er indsat i functions.php.

Når du nu besøger en side med en formular, vil e-mail-feltet blive udfyldt med værdien [e-mail beskyttet].

Detaljerede instruktioner til installation, konfiguration og brug af feedbackformplugin til et WordPress-websted. Kontaktformular 7 plugin er i øjeblikket det bedste i sin kategori.

Det faktum, at der ikke er noget klart alternativ, selv blandt betalte plugins, kan bedømmes ud fra, hvor ofte kontaktformular 7-pluginet bruges. På tidspunktet for skrivningen af ​​dette indlæg er dette plugin blevet downloadet mere end 28.800.000 gange fra den officielle WordPress-websted alene. og den gennemsnitlige vurdering er 4,5 ud af 5! Dette er virkelig et tegn på stor succes. Derudover, hvis du ser på TOP-salget af premium WP-temaer, så vil du i næsten alle af dem finde kontaktformular 7-pluginet som anbefalet eller installeret som standard.

Kontaktformular 7-plugin'et er "live" og opdateres af forfatteren med hver ny version af WordPress. Bugs og fejl bliver løst omgående. Der var ingen åbenlyse konflikter med de mest almindeligt anvendte plugins.
Kontaktformular 7 plugin er helt gratis, inkl. til kommerciel brug. Efter installation af plugin'et vil du i indstillingspanelet finde en anmodning fra forfatteren, der beder om en "donation".

Installation af kontaktformular 7 plugin

Du kan downloade kontaktformular 7 plugin fra det officielle WordPress-websted (link ovenfor), eller direkte gennem fanen “Plugins” > “Tilføj nyt” > Linje “Søg efter plugins” > indtast “Kontaktformular 7”. Glem ikke at aktivere pluginnet, før du starter: “Plugins” > “Installeret” > find kontaktformular 7 plugin> klik på “Aktiver”. Et nyt element "Kontaktformular 7" vises i sideadministrationspanelet på dit websted.

Opsætning af kontaktformular 7 plugin

Det gode er, at kontaktformular 7-pluginet som standard understøtter flersproget. Hvis din version af WordPress er på russisk, så vil plugin også være fuldstændig på russisk, og du kan oprette en feedbackformular på ethvert sprog. Formsproget angives under oprettelsen af ​​hver formular. Der er ingen separat sektion for indstillinger. Alle indstillinger er individuelle for hver enkelt formular.

Eksempel på tilføjelse af en feedbackformular

1. Vælg i det administrative panel “Kontaktformular 7” > “Formularer” > knappen på siden “Tilføj ny”..

2. Du bliver bedt om at vælge et sprog til formularen. Standard er "russisk". Klik på knappen "Tilføj ny".
3. Et vindue er åbnet foran dig, hvor du kan oprette din egen formular med dine indstillinger.

Mulighederne er omfattende, men jeg vil gerne påpege et par funktioner med det samme. Vinduet, der åbnes, indeholder flere faner: "Formularskabelon", "Brev", "Meddelelser ved indsendelse af formularen", "Yderligere indstillinger". Du behøver ikke den sidste fane, det er mere en tilpasning til avancerede brugere og programmører. Lad os se på resten i detaljer.

"Meddelelser, når formularen indsendes"- det er de meddelelser, som en besøgende på dit websted vil se, når de indsender en formular. Indeholder beskedmuligheder for både vellykket afsendelse og dem med fejl og fejl. Du kan ændre disse systemmeddelelser efter eget skøn.

"Formular skabelon"— i dette afsnit vil du generere tags, som er ansvarlige for tilstedeværelsen af ​​de nødvendige felter i formularen.

"Brev"— dette er udseendet og indholdet af brevet, som du vil modtage, efter at en besøgende har udfyldt formularen.

OPMÆRKSOMHED: Nu vil vi se på, hvilke tags der er, og hvilke felter de opretter. Alle disse tags indtastes i fanen "Formularskabelon", men hvis du ikke indtaster "svar-tags" manuelt (!) i fanen "Brev", så vil de udfyldte formularer ikke blive sendt til dig via e-mail.

4. Mærkmuligheder på fanen "Formularskabelon".

- tekst: tilføjer et tekstfelt (kort).
- email: felt til e-mail.
— URL: felt til angivelse af webstedets adresse eller ethvert link.
- tlf.: kontakt telefon felt
- nummer: et felt, hvor du kun kan indtaste en numerisk værdi
-dato: datoformatfelt
- tekstområde: tilføjer et tekstfelt (langt).
- Drop down menu: drop-down liste. Feltet har yderligere indstillinger. Listen, der vil falde ud, er angivet i feltet "Indstillinger". Desuden ét listeelement på én linje (ikke adskilt af kommaer!). Hvis afkrydsningsfeltet "Tillad flere valg" er markeret, vil brugeren være i stand til at vælge mere end én mulighed fra din liste. Hvis afkrydsningsfeltet "Indsæt et tomt element som den første mulighed" er markeret, vil der som standard blive tilføjet et tomt felt øverst, som også kan vælges af brugeren.

- afkrydsningsfelter: Afkrydsningsfelt (flueben). Feltet har flere indstillinger. Listen over afkrydsningsfelter er angivet i feltet "Indstillinger". Desuden et afkrydsningsfelt pr. linje (ikke adskilt af kommaer!). Hvis "Sæt en etiket først, et afkrydsningsfelt sidst" er markeret, vil afkrydsningsfeltet som standard være ved det første afkrydsningsfelt. Hvis punktet "Gør afkrydsningsfelter eksklusive" er markeret, vil brugeren kun være i stand til at markere ét af afkrydsningsfelterne.

- radioknapper: radioknapper. Radioknapper giver dig altid mulighed for kun at vælge ét element fra listen. Indtastning af en liste svarer til afkrydsningsfelter i en kolonne. Fra indstillingerne kan du aktivere "Sæt en etiket først, et afkrydsningsfelt til sidst", så vil den første alternativknap fra listen som standard blive valgt.

- accept: afkrydsningsfelt uden at markere det felt, hvor beskeden ikke vil blive sendt. Faktisk er dette en mulighed for at tage brugerens ubetingede samtykke til noget, ellers bliver brevet ikke sendt. For eksempel, "Du accepterer, at de oplysninger, du giver, vil blive behandlet af vores operatører."

- quiz: innovation i plugin'et. Dette felt giver dig mulighed for at oprette et spørgsmål og et svar på det. Ideel til brug som anti-spam beskyttelse. Se på designet af spørgsmålet og svaret i taggenereringsformularen.

Et hvilket som helst felt kan gøres obligatoriske (normalt er sådanne felter markeret med *) for at blive udfyldt for at gøre dette, marker afkrydsningsfeltet Felttype > Påkrævet felt. Opmærksomhed! Glem ikke at angive i teksten til brugerne, at feltet skal udfyldes!

- CAPTCHA: captcha er kun installeret som et ekstra plugin. Men i princippet, hvis der er et quiz-tag, er behovet for et drop meget mindre.

- fil: feltet opretter et tag, der giver brugeren mulighed for at vedhæfte en fil til beskeden. I tagindstillingerne kan du angive "File size limit (bytes)" - den maksimale størrelse på den vedhæftede fil, tilladte filtyper (udvidelser adskilt af kommaer). Bemærk, hvis du ikke angiver den maksimale størrelse på den vedhæftede fil, så er den som standard bestemt af din servers muligheder. Du kan finde ud af nøjagtige oplysninger om begrænsninger fra firmaet, der leverer din hosting. Typisk er den maksimale størrelse begrænset til 10 MB.

submint: tagget tilføjer en "Send"-knap (navnet kan ændres).
Dette er en skærm med alle de tags, jeg har genereret, og nedenfor er en skærm med formularen på webstedet. Bemærk venligst, at "Formularskabelonen" understøtter HTML-tags, så jeg formaterer forklaringerne for brugere, der bruger HTML-tags.

5. Fanen "Brev".

Lad os nu gå til formularen til generering af et brev, der vil blive sendt til dig, og tilføje de tags, som vi brugte i "formularskabelonen". Vær opmærksom på skærmbilledet. Felter, der ikke er inkluderet i bogstavets brødtekst, vises øverst på fanen i sort, og de felter, der findes i bogstavets brødtekst, er grå.

Vi føjer dem til bogstavets brødtekst (feltet "Beskedtekst"): bare kopier de mærker, der er fremhævet med sort, og indsæt dem i bogstavets brødtekst. Bemærk venligst, at numrene angivet i tags matcher de unikke numre på de felter, som du tilføjede i formularskabelonen. På denne måde kan du identificere hvilket felt der hører til hvad og underskrive dem direkte i brevets brødtekst, for ikke at blive forvirret senere.
Gem ændringerne.

6. Installation af formularen på webstedet.

Fra formularoprettelsessiden skal du kopiere kystkoden (normalt er den fremhævet i blåt eller brunt) og indsætte den på en hvilken som helst side eller ethvert indlæg.

Fordele og ulemper kort fortalt

fordele
+ et stort antal felttyper
+ flersproget support
+ brugervenlighed
+ gratis
+ pålidelig
+ er ikke i konflikt med andre plugins
+ Kontakt Form 7 plugin er under udvikling

Minusser:
— vi må ikke glemme at tilføje yderligere tags til det genererede brev
— design af formularer og bogstaver kræver minimal viden om HTML

Konklusion: bestemt en fremragende redaktør, hvis ikke den bedste! Jeg er glad for fleksibiliteten, pålideligheden og stabiliteten. Hvis det blev betalt, ville folk stadig købe det, fordi... Der er ikke noget i nærheden af ​​det kvalitetsmæssigt. Jeg anbefaler kontaktformular 7 plugin.

En kontaktformular er en integreret egenskab for de fleste websteder. Det er derfor, der er så mange kontaktformularplugins i WordPress-kataloget. En af de mest populære er Kontaktformular 7. Pluginnet giver dig mulighed for at oprette formularer af enhver art; meget fleksibel og nem at konfigurere; har været under udvikling i mange år og rummer mange udviklinger.

Oprettelse og visning af kontaktformularer

Oprettelse af formularer i administratorpanelet

Efter installation af plugin'et vises menupunktet "Kontaktformular 7", hvorigennem du kan oprette og slette formularer.

Formularen på billedet blev oprettet automatisk, da plugin'et blev aktiveret.

Vi bruger standardformularen, for at gøre dette opretter vi en "Kontakt mig"-side og indsætter formularens kortkode der.

Forreste del af siden

Lad os nu gemme artiklen og se, hvordan vores formular ser ud (ved hjælp af Twenty Sixteen-temaet):

Billedet viser formularen efter brevet er sendt (det fremgår af opslag nederst i formularen).

Formulartilpasning (oprettelse af komplekse formularer)

Eksemplet ovenfor viser, hvordan du indsætter en færdiglavet og meget enkel kontaktformular. Lad os nu se på, hvordan man opretter en mere kompleks form. For at gøre dette, lad os gå tilbage til administratorpanelet, til formularadministratoren og gå til at redigere standardformularen.

I det øverste felt - navnet på formularen (det er kun synligt i admin panelet), angiv et navn, der er klart for dig, for eksempel: "Feedback om webstedet", "Job ansøgningsskema", "Feedback formular" , etc.

Under titlen er en kortkode. Vi bruger det i registre til at vise formularen.

Og nedenfor er fire faner:

1. Formular skabelon
2. Brev
3. Yderligere indstillinger

Lad os se på hver fane separat.

Formular skabelon

På denne fane kan du tilpasse felterne og udseendet af formularen. Arbejdsområdet er WP HTML-editoren. Kun i stedet for de sædvanlige knapper ser vi knapper til at indsætte forskellige formularfelter.

Formular layout

Til layout kan du bruge html-tags og plugin-kortkoder. Kortkoder tilføjer formularfelter, og HTML-tags giver dig mulighed for at oprette en tilpasset HTML-struktur. For eksempel ser vores standardformular sådan ud:

Dit navn (påkrævet) Din e-mail (påkrævet) Emne Besked

Og når det vises i et indlæg, bliver det til denne HTML:

Dit navn (påkrævet)

Din e-mail (påkrævet)

Emne

Besked

Kortkode syntaks

Lad os klikke på knappen "Tekst". Et vindue åbnes, hvor vi kan angive attributter for tekstfeltet. Angiv og klik på "Indsæt tag".

Tagget vil efterfølgende blive konverteret til et tekstfelt med html-kode:

Shortcodes kan nemt oprettes ved hjælp af shortcode builder.

Men konstruktøren tillader dig ikke at ændre shortcode (du kan kun oprette en shortcode der). Der er to måder at ændre kortkoden på:

1. slet og opret en ny ved hjælp af konstruktøren.
2. Lær syntaksen og ret feltets kortkode manuelt.

Du kan selv finde ud af det med designeren.

Og her vil vi se på kortkodens syntaks.

Overvej f.eks. et tekstfelttag med yderligere muligheder:

Tekst (påkrævet) Felttype: tekst, vælg, adgangskode, nummer osv. (i dette tilfælde er feltet tekst). Bestemmer hvilket formelement vores tag vil blive konverteret til, og derfor hvilken type data det vil acceptere. * En stjerne gør feltet obligatorisk (formularen indsendes ikke, og der vises en meddelelse om, at feltet skal udfyldes). Kundenavn (påkrævet) Feltnavnet bruges som navneattribut i input, og bruges også ved oprettelse af skabelonen til det sendte brev. id:my-id Id-attributten i input med værdien my-id. Bruges til dekoration. class:min-klasse Klasseattributten i input med værdien min-klasse. Bruges til dekoration. pladsholder "Indtast et navn" Использовать текст "Введите имя" как placeholder. !}

Følg rækkefølgen af ​​tag-attributterne: først kommer felttypen, derefter dens navn, og først derefter yderligere muligheder.

Felttyper

• Tekstfelter: tekst, e-mail, tlf., url, tekstområde
• Numeriske felter: nummer, rækkevidde
• Datofelter: dato
• Afkrydsningsfelter, radioer, lister: afkrydsningsfelt, radio, vælg
• Fil upload felt: fil
• CAPTCHA: captchac og captchar
• Afstemninger: quiz
• "Accepter" felt: accept
• Send knap: send
• Brugerdefineret felttype

Brev skabelon

I den anden fane kan du finjustere skabelonen (layoutet) og egenskaberne for det sendte brev. I felterne på denne fane kan du bruge specielle formularfelttags - dette gør det muligt at overføre de data, der er angivet i formularen, i et brev.

Tags består af feltnavne fra formularskabelonen. For eksempel oprettede vi et tekstfelt med navnet: . Nu kan du bruge tagget i e-mailskabelonen. I bogstavet, i stedet for dette tag, vil den feltværdi, som brugeren har indtastet (fulde navn), blive erstattet.

Bogstavoverskrifter:

Til - den e-mailadresse, hvor brevet vil blive sendt. Du kan angive så mange felter, som du vil, adskilt af kommaer.

Fra hvem - navn og email, fra hvem brevet kom. Normalt er servermailen angivet her (f.eks [e-mail beskyttet]).

Du kan angive enhver e-mail, men hvis e-mail-domænet adskiller sig fra webstedets domæne, vil formularen ikke bestå testen og vil "sværge" til denne parameter, selvom brevene stadig vil blive sendt.

Emne - Brevets titel. Det vil tydeliggøre, fra hvilken formular dataene er sendt. For eksempel er emnet for brevet "Fejl på webstedet", "Bestil et tilbagekald" og så videre. Vælg en header, der gør det nemmere at arbejde med modtagne e-mails.

• Yderligere headers - Som standard er Reply-To: skrevet her. Svar-Til-headeren fortæller os, at denne e-mail kan besvares ved at klikke på knappen Svar i e-mail-programmet, og formularmærket er navnet på feltet fra skabelonen. Den brugerspecificerede e-mail vil blive indsat i stedet for dette tag. Du får noget i stil med Reply-To: [e-mail beskyttet].

Brevets brødtekst

Dette er den næste vigtige del af denne fane. Selve brevets tekst er angivet her. I teksten bruger vi de samme formular-tags (feltnavne fra formularskabelonen).

Lad os se på standardbogstavet:

Fra:<>Emne: Besked: -- Sendt fra webstedet Studerer kontaktformular 7 plugin (http://test-wp.ru)

Vi havde 4 felter, som brugeren udfyldte. Efter afsendelse af brevet bliver taggene til værdier, og vi modtager følgende brev:

Fra: Dmitry Emne: Spørgsmål om kontaktformular 7 Besked: Hej! Jeg har et spørgsmål om kontaktformular 7-pluginet. Hvordan konfigurerer jeg det? -- Sendt fra webstedet Study the Contact Form 7 plugin (http://test-wp.ru)

Valgfrie felter i e-mailens brødtekst

Hvis brugeren ikke udfylder et felt, men det bruges i brevets brødtekst, vil brevets brødtekst være ufuldstændig. For eksempel siger kroppen Mand fra Byen, men brugeren har ikke udfyldt feltet, hvilket betyder, at vi i brevet får Mand fra Byen... Denne linje i brevet er overflødig. For at fjerne denne linje fra meddelelsen skal du markere afkrydsningsfeltet "Ekskluder visning af linjer med tomme meddelelsesmærker". Bemærk venligst, at dette kun virker, hvis teksten og kortkoden i feltet er på samme linje.

Mulighed "Brug HTML-e-mail-format". Giver dig mulighed for at bruge HTML-tags i brevets brødtekst. I dette tilfælde kan du bruge en begrænset liste over HTML-tags, fordi ikke alle e-mail-klienter eller -tjenester kan behandle kompleks HTML-markering korrekt. Du kan bruge: tabeller, punktopstilling, fed skrift, afsnit og så videre. Søg på nettet for flere detaljer.

Kontaktformular 7 giver dig mulighed for at sende et brev til to adresser, og indstillingerne for hvert brev er forskellige. Dette kan være nyttigt, når du skal sende et brev til webstedsadministratoren med fuldstændige oplysninger og en kopi til administratoren, som kun indeholder ordreoplysninger.

Meddelelser ved indsendelse af en formular

På denne fane kan du redigere de beskeder, som formularen viser i en given situation: når du sender et brev med succes eller mislykket, eller når der er fejl.

E-mail-skabelontags virker ikke i disse felter.

Yderligere indstillinger

Denne fane er beregnet til avancerede brugere og giver dig mulighed for at udvide formularens muligheder ved hjælp af JS-kode. For eksempel post begivenheder til analyser.

Jeg vil tale om at bruge denne funktionalitet i en separat artikel.