Розпродаж хостинг-планів на неймовірних умовах!
Знижка від 300 до 500грн!
Плагін Contact Form 7 – повна інструкція з користування (частина 1)

Жоден сучасний сайт не може існувати без сторінки контактів чи зворотнього зв’язку. Подібні сторінки дають можливість відвідувачам дізнатись Ваші контактні дані , а також одразу надіслати питання, зробити замовлення чи забронювати час відвідування…

Саме для останніх дій і використовують так звані форми контактів на зразок тої, що є тут :

Найпростіший спосіб створити таку форму на сайті – це скористатися плагіном контактних форм.

На нашу думку, найкращий, безкоштовний та найпопулярніший з таких плагінів – це плагін Contact form 7, яким користуються більше 5 мільйонів сайтів.

Сам плагін можна знайти на офіційній сторінці або у нашому розділі плагінів за посиланням.

Базова інформація

1. Як встановити плагін

Ви можете встановити плагін через адмін панель WordPress, для цього на нашому сайті є докладна інструкція з описом процесу як встановити плагін.

2. Як створити форму

Після активації плагіну в адмін панелі WordPress з’явиться додатковий пункт меню “Зв’язок” (або Contact Form 7). Перейдіть до нього, а потім на сторінці, що відкрилася, натисніть “Додати” .

Або одразу в меню оберіть підпункт “Зв’язок – Додати“:

створення нової форми контакту

Для старту пропоную просто вписати будь-яку назву для форми у верхньому полі, наприклад “тест“, та натиснути праворуч “Зберегти“.

Після того, як ви створили форму і зберегли її, на екрані з’явиться спеціальний короткий код (шорткод / shortcode) :

3. Як додати форму на сайт

Даний код можна використовувати у тексті сторінок та публікацій.  Просто скопіюйте код і вставте в тому місці тексту публікації чи сторінки, де має бути форма:

Код виглядає приблизно наступним чином :


[contact-form-7 id="15282" title="Тест"]

Слово “contact-form-7” – це службова назва коду. Не тільки цей плагін, а й інші на вашому сайті, можуть використовувати функціональність коротких кодів, і у кожного коду має бути своя унікальна назва.

Наступна частина коду id=”15282″ – це ідентифікатор форми. Оскільки форм можна створити багато, плагін має якось їх відрізняти між собою, саме для цього використовується числовий ідентифікатор.

Останній наведений у прикладі параметр title=”Тест” – це назва форми, основна мета якої – дати вам можливість називати форми за своїм бажання і відповідно розрізняти їх за назвою. Наприклад, можна назвати “форма на сторінці контактів” чи “форма запиту прайсу“.

Замість доданого в текст коду контактної форми на сайті буде показано створену відповідну форму:

P.S. Наступна частина в процесі написання…

Дмитро Кондрюк

Автор публікації Дмитро Кондрюк

В веб-індустрії з 2003 року. В 2009р. заснував проект Український WordPress (що у подальшому став офіційним сайтом команди локалізації WordPress в Україні). З 2010 року засновник і технічний директор проекту Український хостинг для WordPress (WPHost.me) - повноцінного хостинг-сервісу, максимально оптимізованого на використання CMS WordPress.

Є що відповісти?

Ваш email не буде публікуватися

Можна скористатися такими тегами в тексті:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>