Plug Kontaktformulär 7: inställning utseende. Konfigurera Kontaktform 7 för Wordpress

Detta material kommer att beskrivas i detalj Kontaktformulär 7 installation - plug-in till en sådan populär plattform för att skapa och främjande av webbplatser på den globala webben, som "Wordpress". Detta verktyg gör det möjligt att skapa och konfigurera responsblanketten.

Lite om "wordpress"

En av de mest populära och de vanligaste verktygen för utformning och innehåll av informationsresurser är "Wordpress". Initialt programmet var inriktad på att skapa anspråkslösa bloggar. Men då profil specialister komplettera sin funktionalitet gör det möjligt att skapa med hjälp av content management system är redan, och andra källor på nätet.

Styrkor och svagheter av plattformen för att skapa och främjande av webbplatser

Plus, denna mjukvaruplattform är:

• Enkelheten och öppenheten i källkoden.

• En imponerande mängd bakgrundsinformation.

• Förmåga att utveckla någon svårighetsgrad tematiska resurs på Internet under kortast möjliga tid.

• Hög prestanda utan extra programvara tillägg (plug-ins).

Men nackdelarna i detta fall är enligt följande:

• Webbplatser som är baserade på "Wordpress", oförmögen att klara av tung last.

• En minskning av hastigheten på Internet resurs med installation av ytterligare mini-program, eller som de kallas plug-ins.

Vad är en plug och varför de behövs på grund av de platser 'Wordpress' plattform

Den grundläggande funktionaliteten hos ett content management system, till exempel "Wordpress" mycket blygsam. Hans enda tillräckligt för att utveckla de mest enkla bloggar och webbplatser. För att på något sätt förbättra situationen med funktionaliteten hos mjukvaruplattform och lägga till flexibilitet, utvecklarna tvungna att installera mer speciell mini-program, som på fackspråk kallas plug-ins. En av dessa är kontaktformuläret 7. Konfigurera plugin gör det möjligt att en viss sida av ett content management system för att skapa ett formulär med avancerad nivå av funktionalitet.

Specialisering "Contact Form 7"

Som nämnts tidigare, inrättandet av en återkoppling mellan besökaren och administratören av Internet medel baserade på "Wordpress" plattform - den viktigaste uppgiften för Contact Form 7. Mail Setup, mall redigering, överföra olika filer - detta är inte en uttömmande lista över de möjligheter som detta mini-program. I detta fall kommer belastningen på hårdvaruresurser på en webbplats är relativt liten, och dess tillgänglighet kommer inte att leda till en betydande minskning av hastigheten på din webbplats eller blogg.

Hur man installerar plugin

Det finns tre sätt att installera plug-ins i "Wordpress" plattform:

• Genom att ladda ner en ZIP-arkiv med global web och "fylla" det i rätt katalog av Internet-resurser.

• Med hjälp av olika typer av FTP-klienter.

• Ladda ner applets som använder den administrativa kontrollpanelen, plats, blogg eller portal.

Det säkraste av följande tre alternativ för installation av plug-ins är den sista. I detta fall är programkoden laddas ner från den officiella webbplatsen och det inte exakt har en annan typ av skadliga, farliga fragment. förfarandet för att installera plugin själv, i detta fall på följande sätt:

• Gå till admin panel "Wordpress".

• Då måste du gå till avsnittet "Plugins".

• I "Lägg till ny" fönster som öppnas, välj objektet.

• I sökfältet, skriv namnet på plugin - Kontaktformulär 7 - och sedan rikta muspekaren på knappen "Sök" och gör ett enda klick. Detta startar en sökoperation den nödvändiga programvaran.

• Vid slutet kommer att visa en lista över plugin-program hittas. I den här listan finner vi det vi vill ha, och klicka på knappen med "Install" inskrift, som ligger framför honom.

• Efter det kommer content management system automatiskt ladda ner och installera insticksprogrammet.

• Nästa steg är att aktivera den installerade programvaran. För att göra detta, gå till fliken "Plugins" i listan är kontakt Form7. Bredvid den finns en inskription: "Aktivera" och klicka på den en gång med musen.

• Uppdatera administrativa panel av content management system och tycker att det bland Kontakta Form7 poäng. Detta är en förutsättning för en lyckad installation av denna populära och funktionella plugin.

Algoritm inställningar "Kontaktformulär 7"

Konfigurera Kontaktformulär 7 består av följande poster:

• Skapa ett nytt formulär eller redigera ett gammalt, som skapades när du installerar insticksprogrammet. Eftersom erfarenheten visar, är det bättre i de flesta använder möjligheten att skapa en ny form av det.

• I nästa steg väljer språket i formuläret och ange sitt namn.

• Då måste du, om det är nödvändigt, för att konfigurera dess mönster.

• Spara dina ändringar.

• Skapa en ny sida med kod som tidigare erhållits.

• Då är det nödvändigt att publicera den nya sidan.

• I slutskedet måste du gå till webbplatsen och kontrollera korrekt drift av den skapade elementet gränssnittet av en Internet-resurs.

Skapa en ny form

Omedelbart efter aktiveringen av denna plugin skapar en standardformulär att ställa frågor från besökare på webbplatsen eller blogg. Det är naturligtvis kan du redigera och konfigurera på rätt sätt. Men mycket lättare att ta bort den och skapa en ny med en komplett uppsättning av alla nödvändiga funktioner. För att göra detta, gör så här:

• Vi går in i denna plugin-menyn och välj posten "Formulär".

• I fönstret som öppnas efter detta måste du sätta rutan bredvid "Kontakta Form1."

• Sedan ovanpå det, i listrutan "Action", välj alternativet "ta bort".

• Som svar kommer du att bli ombedd att bekräfta arbetsflödet. Det är nödvändigt att bekräfta raderingen av formen och klicka med musen på knappen "Ja".

• I nästa meny väljer du "Skapa ny" i admin panel "Wordpress» «Kontakt Form7».

• I det fönster som öppnas, i listrutan väljer gränssnittsspråk i framtiden formen - "ryska". När vi trycker på knappen "Skapa".

Efter att det kommer att genereras av den ursprungliga koden för den nya feedbackformulär för "Wordpress" som standard. Därefter kommer det att bli nödvändigt att utföra operationer såsom tuning Kontaktformulär 7.

Vi ber namnet på formen

Efter alla tidigare nämnda åtgärder input visas i namnet på den nya formen Contact Form 7 Style. justering Denna widget är och börjar med denna enkla operation med en hand. Men namnet på formen är bättre att ge på grundval av sökmotoroptimering. Därför skulle den lämpligaste vara fallet, till exempel en "feedbackformulär" eller "Ställ en fråga om administratören." När beslutat om namnet på denna gränssnittselement, skriv in det i rätt fält i frågefönstret.

Redigera mall "Contact Form 7"

I samma fönster med namnet på formen har 4 flikar. Den första av dem - "mall". Standard är bildad endast 5 element:

• ange namnet på platsen besökaren till en internetresurs.

• Fält uppsättning elektroniska adress för besökaren att ställa frågor.

• Ett annat område låter dig skriva ämnet.

• Vidare är en stor textfält satt till rikta meddelandet.

• Sista elementet default formen - detta är knapp där det står "Skicka".

Du kan redigera och lägga till andra delar av gränssnittet, om nödvändigt, texten i detta område. För att göra detta, markera koden nog av alla textelement (t ex den del av koden, som innehåller ämnet för meddelandet och kopiera den med snabbmenyn i samma område på en annan plats. Till höger finns en listruta med alternativ (det kommer att diskuteras i detalj i nästa stycke) där vi är intresserade av, väljer elementet. Då bredvid listrutan verkar nödvändiga koden. Därefter kopiera koden koden i stället för meddelandets ämne klistra. namnet på objektet väljs i eget gottfinnande.

Justera längden på fältet och inte bara

På samma ställe är det möjligt att ändra längden på ett inmatningsfält i Contact Form 7. Ställa in bredden på någon av textfält på följande sätt:

• Till exempel, behovet av att öka till 55 antalet tecken i namn av besökaren av en Internet-resurs. Standardvärdet 40.

• För att göra detta i koden [text * ditt namn] i slutet lägga till siffrorna 60/55. Som ett resultat av detta kommer koden tas emot [text * ditt namn 60/55]. När du har sparat ändringarna i detta fält är lika med längden 60, och det maximala antalet tecken som det är möjligt att skriva - 55.

På samma sätt kan du ändra storlek på textfältet i meddelandet. Endast i detta fall är det nödvändigt att ändra koden för elementet följer [textarea din-meddelande 40 x 30]. I detta fall, 40 - är antalet bokstäver i samma rad, och 30 - den totala mängden av termen i denna kontaktelement i Kontaktform 7. Anpassa utseendet på mycket samma form utförs genom att välja värdena på parametrarna för varje enskilt element. Därför är det rekommenderat att koda varje element ange särskilda värden vardera ges i detta avsnitt parameter.

Fliken Annat former

Som nämnts är den första fliken som heter "Mall formen". "The Letter" - efter det i det här fönstret. Den anger parametrarna för den plats som kommer att skicka ett mail till denna Internet resurs. På "Notification" -fliken bildas av ett textmeddelande som ska visas vid lyckad sändning av brevet. Då är det också möjligt att framställa ett meddelande till fall om det inte kommer i kontakt med administratören använda medlen. Den sista fliken i kontaktblanketten 7 - "Avancerade inställningar". Den innehåller de parametrar som används i praktiken är mycket, mycket sällsynta. Till exempel kan du använda den för att ställa in spårning av texten in av användaren med hjälp av "Yandex" - statistik.

Fälten som kan tillsättas med denna plug-in denna form

Konfigurera Kontaktform 7 för Wordpress kan du lägga till element såsom gränssnitt på responsblanketten:

• Fälttest - en universell del av gränssnittet, där du kan ange en uppsättning tecken.

• E-post - den plats jag e-postkonto namn.

• URL - box med internet sidans adress.

• Telefonnummer - Här kan du ange ett telefonnummer i internationellt format.

• Element "Number (nummerrutan)» gör det möjligt att skapa ett inmatningsfält varje heltal (till exempel ålder besökaren).

• Elementet "Number (Slider)» bidrar till bildning av en löpare som kan väljas från ett förutbestämt numeriskt värdeområde.

• "Date" skapar en speciell inmatningsfält där du kan ange önskat datum. När den är aktiverad, denna gränssnittselement på kalendern längst ner, där du kan direkt välja önskat datum.

• I sin tur, välj "Text fältet" rullgardinsmenyn för att ställa in texten i e-postmeddelandet.

• Nästa punkt - "Listrutan" - låter dig välja önskad inställning från en fast lista.

• Men «kryss» används för att välja ett eller flera värden från en fördefinierad lista.

• Gränssnitt «Radio Knappar» elementet är nästan identisk med den tidigare. Den enda skillnaden är att endast ett rätt alternativ kan väljas i det här fallet, medan «kryss» kan ha flera giltiga värden.

• Para «Acceptance» kan du lägga till bara en kryssruta för att skapa formulär. Som regel används den för att bekanta sig med vad - alla förhållanden och utan deras acceptans i framtiden inte kommer att vara möjligt att skicka ett e-mail.

• Välj "Meny" låter dig skapa ett särskilt avsnitt i gränssnittet, som kommer att skydda din brevlåda från spam. I det här fallet innan du skickar det kommer att bli nödvändigt att ge det rätta svaret på denna fråga.

• Den andra varianten av skydd - det «CAPTCHA». När du väljer det i formuläret för att lägga till ett särskilt avsnitt där bilden kommer att visas med symboler och ett extra fält för deras insatser.

• Nästa punkt - "Skicka en fil". Det gör att du kan lägga till text i brevet att lämna olika förklaringar och kommentarer till administratören av resursen.

• Den sista punkten - "skicka-knappen" - gör det möjligt att lägga till motsvarande gränssnittselement.

Spara ändringarna

När de nödvändiga värdena är satta, och formen måste vara korrekt konfigurerat, måste du spara det hela. För att göra detta, redigera plug-in fönstret stiger till den övre delen. Det bör finnas en knapp "Spara". Rikta manipulator pekaren på det och göra ett enda tryck på den. Som svar på formen kod visas, som isoleras genom alla av samma muspekaren och kopia. Nästa vi flyttade in i administrativa panel innehålls ledningssystem i posten "sidor". Skapa sedan en ny sida med önskat namn (t.ex. "feedback", "Kontakter" eller "Fråga administratören av resursen"). Flytta sedan markören i inmatningsfältet satt sin kod. Det är nödvändigt att översätta koden uppringning i "Text" i alternativfältet. Därefter den tidigare erhållna pastaform kod. Vidare är den högra sidan av gränssnittet på knappen "Publicera" och föreslår armen. I nästa fas begå ett enda klick på vänster musknapp på detta element gränssnitt content management system.

Kontrollera resultat

Efter att ha utfört de ovan nämnda manipulationer i Internetgränssnittet av resursen måste lägga till en ny sida, där visas de poster som anges i kontaktblanketten 7. Ställa in gränssnittet i princip är detta över. Det är endast nödvändigt att kontrollera riktigheten av de inställningar programvaran. För att göra detta måste du gå till startsidan, blogg eller portal. Då, i sidorna i listan är en som han ades feedbackformulär. Vi vänder oss till det, anger i alla fält en gång rätt inställningar och skicka ett testmail till din e-post. Som svar bör du se ett informationsmeddelande om ett framgångsrikt genomförande av denna operation. Då, med tomma fält vi försöker skicka ett annat brev. Efter det bör du se ett meddelande om att du måste ange alla parametrar för markerade formen. Om de resultat erhölls i båda fallen som tidigare definierats, den skapade formen av återkopplings fungerar korrekt.

Fördelar och nackdelar med plugin. alternativ

En utmärkt lösning för nybörjare utvecklare att skapa en form av feedback är kontaktformuläret 7. Ställ in en mini-program för att skicka e-post, skapa gränssnittselement och andra viktiga delar av gränssnittet i detta fall oftast automatiserade och kräver minimal kunskap om användaren. Därför för opretentiösa Internet resurs nybörjar och oerfarna administratörer - är den perfekta lösningen. Men någon plug-in - det är en extra börda på resurserna för webbsidor, vilket minskar prestanda. Som ett resultat, mer avancerade användare rekommenderar bort från en sådan enkel metod för att skapa en återkopplingsform. Det är också möjligt att skapa din egen och med hjälp av HTML, CSS och JS, om än med mindre funktionalitet. Samtidigt som behovet av datorresurser på webbplatsen och avsevärt öka hastighetsnivån minska.

resultat

Den här artikeln beskriver stegvis justering Contact Form 7. Denna kontakt har en hög nivå av funktionalitet, kan den användas för att skapa någon form av återkoppling. Å andra sidan ökar användningen av ytterligare plug-in som en del av ett content management system stressnivån på hårdvarusajten. Därför nybörjare administratörer av platser på grundval av content management system är det rekommenderat att använda denna plug-in för sådana ändamål. Tja, kan mer avancerade användare göra utan Contact Form 7. Konfigurera plug-in det här fallet, bara inte behöver.