Plugin Формуляр за връзка 7: персонализиране на външния вид. Конфигуриране на формуляр за контакти 7 за Wordpress

Тази статия ще детайлизира конфигурацията на формуляр за контакти 7 - приставка за такава популярна платформа за създаване и популяризиране на сайтове в глобалната мрежа, като Wordpress. Този софтуер ви позволява да създавате и конфигурирате формуляри за обратна връзка.

Малко за Wordpress

Един от най-популярните и най-често използваните инструменти за разработване и попълване на информационни ресурси е Wordpress. Първоначално този софтуерен продукт беше насочен към създаване на непретенциозни блогове. Но след това специализирани специалисти допълниха функционалността си, което позволи създаването на други интернет ресурси с помощта на тази система за управление на съдържанието.

Силни и слаби страни на тази платформа за създаване и популяризиране на уеб сайтове

Предимствата на тази софтуерна платформа са:

• Простота и откритост на изходните кодове.

• Впечатляваща сума на основната информация.

• Възможността да се развие всякаква степен на сложност на тематичния ресурс в Интернет за възможно най-кратко време.

• Висока производителност без допълнителни софтуерни добавки (плъгини).

Но недостатъците в този случай са следните:

• Уебсайтовете, създадени на базата на Wordpress, не могат да се справят с тежък товар.

• Намалява се скоростта на интернет ресурса, когато се инсталират допълнителни мини програми или, както се наричат, плъгини.

Какво представляват приставките? и защо те са необходими от сайтове, базирани на платформата Wordpress

Основната функционалност на такава система за управление на съдържанието, като Wordpress, е много скромна. Нейната просто достатъчно, за да разработи най-простите блогове и уеб сайтове. С цел да се подобри по някакъв начин ситуацията с функционалността на софтуерната платформа и към тях се прибавят гъвкавостта, специалисти трябваше да се инсталира по-специални мини-програма, която според жаргона се наричат ​​плъгини. Една от тях е формуляр за контакти 7. Конфигурирането на приставката ви позволява да създадете формуляр за обратна връзка с подобрено ниво на функционалност на определена страница на системата за управление на съдържанието.

Специализация "Формуляри за контакт 7"

Както беше отбелязано по-рано, за създаването на обратна връзка между посетителите и на администратора на Интернет ресурс на базата на "WordPress" платформа - основна задача на Форма за контакт 7. Mail Setup, редактиране на шаблона, прехвърля на различни файлове - това не е изчерпателен списък на възможностите, предлагани от този мини-програма. В този случай, натоварването на хардуерните ресурси на даден сайт е сравнително малка, а наличието му няма да доведе до значително намаляване на скоростта на вашия сайт или блог.

Как да инсталирате приставката

Има три начина да инсталирате приставки на платформата Wordpress:

• С изтеглянето на ZIP-архив от глобалната мрежа и "попълването" му в съответния каталог на интернет ресурса.

• Използване на различни видове FTP клиенти.

• Изтеглете мини-програмата, като използвате административния панел за управление на сайта, блога или портала.

Най-сигурният от тези три варианта за инсталиране на приставки е последният. В този случай програмният код се изтегля от официалния сайт и в него няма различни видове опасни и опасни фрагменти. Процедурата за инсталиране на приставката в този случай е следната:

• Отиваме в административния панел на Wordpress.

• След това трябва да преминете към секцията "Plugins".

• В отворения прозорец изберете елемента "Добавяне на нов".

• В лентата за търсене въведете името на плъгина - Формуляр за връзка 7 - и след това задръжте курсора на мишката над бутона "Търсене" и направете еднократно кликване. След това ще започне операцията за намиране на необходимия софтуер.

• Накрая ще се покаже списъкът на намерените плъгини. В този списък намерете този, от който се нуждаем, и кликнете върху бутона с надпис "Инсталиране", който се намира пред него.

• След това системата за управление на съдържанието автоматично ще изтегли и инсталира тази приставка.

• Следващата стъпка е активирането на инсталирания софтуер. За да направите това, отидете в раздела "Plugins" и в списъка намерете формуляр за контакти7. До него е надписа: "Активирай", върху него и кликнете веднъж с мишката.

• Актуализираме административния панел на системата за управление на съдържанието и намираме сред неговите формуляри за контакти7. Това е условието за успешна инсталация на този популярен и функционален plug-in.

Алгоритъм за конфигурация "Контактна форма 7"

Конфигурацията на формуляр за контакти 7 се състои от следните елементи:

• Създайте нов формуляр или редактирайте стария, създаден при инсталирането на приставката. Опитът показва, че в повечето случаи е по-добре да използвате опцията за създаване на нов формуляр.

• В следващата стъпка изберете езика на формуляра и задайте името му.

• След това трябва да преконфигурирате своя шаблон, ако е необходимо.

• Запазете промените си.

• Създайте нова страница с кода, получен по-рано.

• След това трябва да публикувате нова страница.

• На последния етап трябва да отидете на сайта и да проверите правилната работа на създадения интерфейсен елемент на интернет ресурса.

Създайте нов формуляр

Веднага след активирането, тази приставка създава стандартна форма за задаване на въпроси от посетители на сайта или от блогове. Разбира се, той може да бъде редактиран и конфигуриран правилно. Но ще бъде много по-лесно да премахнете това и да създадете нов с пълен набор от всички необходими функции. За да направите това, трябва да изпълните следните действия:

• Отидете в менюто на тази приставка и изберете "Формуляри".

• В прозореца, който се отваря след това, трябва да поставите отметка в квадратчето до "Contact form1".

• След това над него в падащия списък "Действия" изберете "Изтриване".

• В отговор ще бъдете помолени да потвърдите действието. Трябва да потвърдите изтриването на формуляра и да кликнете върху бутона "Да".

• 
  
  
  

  На следващата изберете елемент от менюто: "Създаване на нов" в административния панел "Wordpress" "Form7 за връзка".

• В отворения прозорец изберете езика на интерфейса на бъдещата форма в падащия списък - "руски". След това кликнете върху бутона "Създаване".

След това първоначалният код на новата форма за обратна връзка за Wordpress ще бъде генериран по подразбиране. След това ще е необходимо да се извършват такива операции като създаване на формуляр за контакти 7.

Посочете името на формуляра

След като изпълните всички описани по-горе действия, се появява прозорец за въвеждане на името на новата форма във формуляр за контакт 7 Стил. Конфигурацията на този интерфейсен елемент е точно това, което започва с тази проста операция от едната страна. Но името на формуляра е по-добре да се основава на оптимизация на търсачките. Ето защо, най-оптимални в този случай, например, "Форма за обратна връзка" или "Asking Site Administrator". След като определите името на този интерфейсен елемент, ще го въведете в съответното поле на прозореца за заявки.

Редактирайте шаблона "Формуляр за връзка 7"

В същия прозорец с името на създадения формуляр има 4 раздела. Първият от тях е "Шаблон". По подразбиране тук се формират само 5 елемента:

• Мястото, където трябва да бъде зададено името на посетителя на интернет ресурса.

• Полето за набиране на имейл адреса на посетителя, който зададе въпроса.

• Друго поле ви позволява да въведете предмета на въпроса.

• След това е създадено голямо текстово поле за директно набиране на съобщението.

• Последният елемент на формуляра по подразбиране е бутонът с думата "Изпрати".

Ако е необходимо, текстът в това поле може да бъде редактиран и добавени други елементи на интерфейса. За да направите това, трябва само да изберете кода на всеки текстов елемент (например, на част от кода, който съдържа тема на съобщението и копие, да го използвате контекстното меню в същата тази област на друго място. Точно там падащ списък параметрите (ще бъдат разгледани подробно в следващия параграф), в които избираме елемента от интерес. След това се показва необходимия код до падащия списък. След това копирайте този код и го поставете вместо предмета на съобщението. Избираме името на елемента по наша преценка.

Коригиране на дължината на полетата и не само

На едно и също място можете да промените дължината на полето за въвеждане във формуляр за контакт 7. Ширината на текстовото поле се коригира по следния начин:

• Например, трябва да увеличите броя на знаците в името на посетителя на интернет ресурса до 55. По подразбиране е 40.

• За това в кода [text * your-name] в края добавете числата 60/55. В резултат на това ще бъде получен кодът [text * your-name 60/55]. След като запазите направените промени, дължината на това поле ще бъде 60, а максималният брой символи, които могат да бъдат въведени в него, е 55.

По същия начин можете да промените размера на текстовото поле на съобщението. Само в този случай е необходимо да промените кода на този елемент, както следва [textarea your-message 40 x 30]. В този случай, 40 - е броят на букви в същия ред, и 30 - от общата сума на термина в този интерфейс елемент Форма за контакт 7. Настройки на появата на много същата форма се осъществява чрез избор на стойности на параметрите на всеки отделен елемент. Ето защо се препоръчва да се определят конкретните стойности на всеки параметър в този раздел в кода на всеки елемент.

Други раздели на формуляра

Както е отбелязано, първият раздел се нарича "Шаблонна форма". Следващото зад нея в този прозорец е "Писмото". Тя определя настройките за мястото, където ще бъде изпратена пощата от този интернет ресурс. Разделът "Известие" генерира текста на съобщението, който ще се показва, ако съобщението е изпратено успешно. Също така има възможност да подготвите съобщение и в случай, че не можете да се свържете с администратора на сайта, като използвате средствата. Последният раздел във формуляр за контакт 7 е "Разширени настройки". Той съдържа тези параметри, които се използват много рядко на практика. Например, можете да го използвате, за да конфигурирате проследяването на въведения от потребителя текст, като използвате Yandex - показатели.

Полета, които могат да бъдат добавени чрез тази приставка в този формуляр

Настройване на Формуляр за връзка 7 за Wordpress ви позволява да добавите такива елементи на интерфейса към формуляра за обратна връзка:

• Пробното поле е универсален интерфейсен елемент, в който можете да въведете набор от символи.

• Електронна поща - мястото, където можете да въведете името на полето за електронна поща.

• URL - полето на адреса на интернет страницата.

• Телефонен номер - позволява да въведете телефонния номер в международен формат.

• Елементът "spinbox" ви позволява да създадете поле за въвеждане за всяка стойност от цялото число (например възрастта на посетителя).

• Елементът "Плъзгач" добавя плъзгач към формуляра, с който можете да изберете цифрова стойност от зададения диапазон.

• Елементът "Дата" създава специално поле за въвеждане, където можете да зададете изискваната дата. Когато този елемент от интерфейса е активиран, календарът по-долу се показва в долната част, в който можете веднага да изберете желаната дата.

• На свой ред елементът от падащото меню "Текстово поле" е предназначен за въвеждане на текстовата част на електронната поща.

• Следващата опция - "Падащо меню" - ви позволява да изберете необходимия параметър от фиксирания списък.

• Но "CheckBoxes" е предназначен за избор на една или няколко стойности от даден списък.

• Елементът на интерфейса "Радио бутони" е почти идентичен с предишния. Единствената разлика е, че в този случай можете да изберете само една правилна опция, докато "CheckBoxes" може да има няколко правилни стойности.

• Елементът "Приемане" ви позволява да добавите само едно поле за отметка към генерирания формуляр. По правило се използва за запознаване с всички условия и без тяхното приемане в бъдеще няма да е възможно да изпратите имейл.

• Елементът "Меню" ви позволява да създадете специална секция в интерфейса, която ще защити пощенската кутия от спам. В този случай, преди да го изпратите, ще трябва да дадете правилния отговор на поставения въпрос.

• Втората опция е "CAPTCHA". Когато го изберете във формуляра, ще бъде добавена отделна секция, в която ще се покаже картина със символи и допълнително поле за въвеждане.

• Следващият елемент е "Изпращане на файл". Позволява ви да добавите файл към текста на писмото с различни обяснения и коментари за администратора на ресурсите.

• Последният елемент - "Бутон за изпращане" - ви позволява да добавите подходящия интерфейсен елемент.

Запазване на промените

След като са зададени необходимите стойности и формулярът трябва да бъде конфигуриран по един начин, всичко това трябва да бъде запазено. За да направите това, отидете в горната част на прозореца за редактиране на приставката. Трябва да има бутон "Запазване". Насочваме показалеца на манипулатора върху него и правим едно натискане върху него. В отговор се появява кодът на формуляра, който се избира с помощта на същия показалец на мишката и се копира. След това се придвижваме в административния панел на системата за управление на съдържанието до елемента "Страници". След това създаваме нова страница с необходимото име (например "обратна връзка", "Контакти" или "Попитайте администратора на ресурсите"). След това преобразуваме зададения курсор в полето за въвеждане на неговия код. В този случай трябва да преведете режима на въвеждане на код в "Текст" в лентата с опции. След това поставете преди това получения код на формуляра. По-нататък в дясната страна на интерфейса намираме бутона "Публикуване" и посочваме мишката върху него. В следващата стъпка изпълняваме едно кликване на левия бутон на мишката върху този елемент на интерфейса на системата за управление на съдържанието.

Ние проверяваме резултата

След извършване на посочените по-горе манипулациите в Интернет интерфейс на ресурса трябва да се добави нова страница, на която са показани елементите, посочени във формата Контакт 7. Създаване на интерфейса, по принцип това е свършено. Необходимо е само да проверите правилната конфигурация на софтуера. За целта отидете на главната страница на сайта, блог или портал. След това в списъка на страниците намираме този, на който е поставен формулярът за обратна връзка. Преминаваме към него, въвеждаме във всички полета правилните параметри и изпращаме тестовото писмо. В отговор трябва да получите информационно съобщение за успешното приключване на тази операция. След това с празни полета се опитваме да изпратим още едно писмо. След това трябва да видите съобщение, че трябва да посочите всички маркирани параметри на формуляра. Ако и в двата случая са получени посочените по-горе резултати, тогава създаденият формуляр за обратна връзка функционира правилно.

Плюсове и минуси на приставката. Алтернативни опции

Отлично решение за начинаещите разработчици за създаване на форма на обратна връзка е форма за контакт 7. Създаване на мини-програма за изпращане на поща, създаване на елементи от интерфейса, както и други важни елементи от интерфейса в този случай е най-вече автоматизирана и изисква минимално познаване на потребителя. Поради това, за прост интернет ресурс на входно ниво и с начинаещ администратор - това е отлично решение. Но в крайна сметка всеки плъгин е допълнително натоварване на ресурсите на интернет страницата, което намалява скоростта. В резултат на това по-напредналите потребители препоръчват да се избегне такъв прост начин за създаване на формуляр за обратна връзка. Можете също така да го създадете сами, като използвате HTML, CSS и JS, макар и с по-ниско ниво на функционалност. В същото време необходимостта от компютърни ресурси на сайта ще намалее и нивото на производителност ще се увеличи значително.

резултати

Тази стъпка по стъпка описва конфигурацията на формуляр за контакт 7. Този plug-in наистина има високо ниво на функционалност, може да създаде всякаква форма на обратна връзка. От друга страна, използването на допълнителен плъгин като част от системата за управление на съдържанието увеличава нивото на натоварване на хардуера на сайта. Следователно, на базата на тази система за управление на съдържанието се препоръчва на начинаещите на сайтове да използват този plug-in за такива цели. Е, по-напредналите потребители могат да направят без формуляр за контакти 7. Конфигурирането на приставката в този случай няма да е точно необходимо.