TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Як додати контактну форму у WordPress?

4

Як власник веб -сайту, існує багато способів дозволити своїм читачам спілкуватися з вами. Включення коментарів до блогу, відповідь у соціальних профілях та надсилання кампаній електронною поштою – одні з найпопулярніших способів. На додаток до всіх цих параметрів, на будь -якому веб -сайті WordPress є одна сторінка, найважливіша. Це сторінка зв’язку з нами, яка дозволяє користувачам надсилати вам електронні листи. У цій статті ми розглянемо, як додати контактну форму на сайт WordPress.

Пов’язані: Як додати та налаштувати контактну форму на веб -сайті Weebly?

Навіщо мати сторінку контактів у WordPress?

Основна потреба сторінки контактів – це дозволити читачам надсилати вам електронні листи. Однак є ще кілька переваг наявності сторінки контакту на вашому веб -сайті.

  • Довіра – наявність сторінки контакту підвищує довіру до вашої веб -сторінки. Люди повірять, що ви справжня особа чи компанія, яка відповідає на запити.
  • Видимість – контактна форма збільшує видимість вашого сайту як у пошукових системах, так і серед користувачів. Вам легко запросити користувачів на свою сторінку контактів і заохотити їх поділитися своїми потребами.
  • Бізнес – якщо у вас немає часу на відповідь у чаті, наступний найкращий варіант ведення бізнесу – це використання контактної форми. Це добре працює для таких галузей послуг, як написання резюме та розробка програмного забезпечення.

Різниця між контактною формою та електронною поштою

Багато з вас можуть подумати, чому вам потрібно мати окрему контактну форму замість того, щоб безпосередньо вказувати свою адресу електронної пошти у нижньому та нижньому розділах.

  • Показ публічної адреси електронної пошти створить проблеми з конфіденційністю. Ви отримаєте сотні спам -листів, оскільки кожен може надіслати повідомлення, натиснувши на вашу адресу електронної пошти.
  • Навпаки, контактні форми не розкривають вашу адресу електронної пошти читачам. WordPress обробить повідомлення та надішле вам його, не знаючи вашу адресу електронної пошти. Таким чином, ви будете отримувати повідомлення лише від зацікавлених користувачів та уникати спаму та образливих приватних повідомлень.
  • Плагін безперебійно працює з Akismet для запобігання надсилання спаму або ви можете додати reCAPTCHA, щоб переконатися, що форму можуть надіслати лише користувачі, а не автоматичні роботи. Крім того, форма контакту 7 також використовує опцію чорного списку коментарів WordPress за умовчанням для блокування повідомлень.
  • Ви можете використовувати кілька контактних форм на одному веб -сайті WordPress і додавати параметри для відстеження продуктивності кожної форми. Наприклад, ви можете відстежувати форму на своїй сторінці контактів та на сторінці інформації окремо.
  • Плагін не зберігає повідомлення в базі даних, таким чином зберігаючи вашу конфіденційність.

З усіма цими перевагами контактні форми є набагато безпечнішим, професійним та простішим способом взаємодії зі своїми читачами.

Позитивною стороною є те, що у вас є багато плагінів контактної форми, доступних безкоштовно у розділі сховища плагінів WordPress. Контактна форма 7 – один із найпопулярніших із усіх вільно доступних плагінів.

  • Дуже простий у використанні плагін з 5+ мільйонами активних установок.
  • Це повний безкоштовний плагін без настирливих рекламних оголошень або перепродажу преміум -версії.
  • Активно розвивається та підтримується.
  • Багато популярних тем WordPress інтегрують плагін Contact Form 7 і пропонують індивідуальні форми.
  • Ви можете вставити форму будь -де на своєму сайті за допомогою блоку Гутенберга.

Встановлення плагіна контактної форми 7

Оскільки Contact Form 7 – це безкоштовний плагін, його можна встановити безпосередньо з панелі адміністратора WordPress. Після входу на панель адміністрування вашого сайту перейдіть до розділу «Плагіни> Додати новий». Звідти можна шукати та встановлювати плагін Контактна форма 7.

Як додати контактну форму у WordPress?

Встановіть плагін контактної форми 7

Створення першої контактної форми

Після активації плагіна на вашому сайті він створить доданий пункт меню під назвою «Контакт». Він має три пункти підменю – контактні форми, додавання нового та інтеграція.

Як додати контактну форму у WordPress?

Меню контактної форми 7

  • Ви можете переглянути всі свої форми в розділі «Форми контакту».
  • Перейдіть до "Додати новий", щоб створити нову форму.
  • Розділ інтеграції дозволяє підключатися до зовнішніх API з Constant Contact, reCAPTCHA та Sendinblue.

Налаштування плагіна контактної форми 7

Для того, щоб полегшити вам завдання, Форма Контакту 7 додасть на Ваш сайт готовий зразок форми. Ви можете відредагувати зразок форми, перейшовши до розділу «Форми контакту», і повторно використати або створити нову з нуля.

Як додати контактну форму у WordPress?

Переглянути створені форми

У цій статті ми створимо нову форму та вбудуємо шорткод. Перейдіть до розділу «Контакти> Додати нову», щоб переглянути всі доступні варіанти створення нової форми. Ви побачите розділи форми, пошти, повідомлень та додаткових налаштувань, де можна налаштувати параметри та оформити форму. Для початку плагін додасть базовий шаблон форми, пошти та повідомлень у відповідному розділі. Ви можете додати додаткові параметри, перейшовши на сторінку документації плагіна.

Розділ форми

У розділі «Форма» ви можете переглянути доступні теги для редагування шаблону форми. Плагін додасть основні теги, такі як ім’я, електронна пошта, тема та кнопка надсилання, які можна редагувати та налаштовувати далі.

Як додати контактну форму у WordPress?

Додати нову контактну форму

  • Ви можете додати поля для URL -адреси, номера телефону, перемикачів, завантаження файлів, вікторини, прапорців, випадаючого меню тощо, просто натиснувши кнопку.
  • Спочатку вам може бути некомфортно з кнопками та кодом. Однак натискання кожної кнопки відкриє спливаюче вікно, де можна просто заповнити деталі.
  • Вам не потрібно запам’ятовувати теги або готувати код.

Наприклад, натисніть кнопку «файл», щоб вставити опцію завантаження файлу у форму. У спливаючому вікні, що з’явиться, надайте відомості про розмір, тип, обов’язкове подання тощо та збережіть.

Як додати контактну форму у WordPress?

Заповніть інформацію про тег

Після завершення оформлення форми шаблон матиме такі теги. Ви можете перемістити мітки в інше положення, вирізавши та вставивши відповідний код.

<label> Your name [text your-name] </label> <label> Your email [email your-email] </label> <label> Subject [text your-subject] </label> <label> Your message (optional) [textarea your-message] </label> [file file-915 limit:1mb filetypes:.docx] [submit "Submit"]

Нарешті, введіть назву для форми та натисніть кнопку зберегти. Ви отримаєте шорткод, який можна скопіювати та вставити будь -де на своєму сайті.

Як додати контактну форму у WordPress?

Контактна форма збережена

Розділ пошти

Перед використанням короткого коду наступний крок – налаштувати шаблон електронної пошти, перейшовши до розділу «Пошта».

Як додати контактну форму у WordPress?

Контактна форма 7 Налаштування пошти

  • До та від – плагін використовує електронну пошту адміністратора сайту як адресу та використовує назву сайту та надану електронну адресу від поля.
  • Тема та заголовки – відомості з полів форми використовуються у шаблоні листа.
  • Текст повідомлення – налаштуйте формат шаблону для отримання листів.
  • Вкладений файл – залиште його пустим або додайте тег файлу, якщо це необхідно, щоб відобразити ім’я файлу в отриманому листі.

Як додати контактну форму у WordPress?

Текст повідомлення та вкладений файл

Загалом, вам не потрібно вносити жодних змін у шаблон пошти. Створіть другий шаблон пошти, щоб використовувати його як автовідповідача. Після успішного надсилання електронного листа плагін запускає шаблон електронної пошти автовідповідача на електронну адресу автора.

Як додати контактну форму у WordPress?

Контактна форма 7 Автовідповідач

Збережіть зміни після завершення налаштування шаблонів пошти.

Розділ повідомлень

У цьому розділі ви можете налаштувати текстові повідомлення, які відображатимуться під час різних ситуацій. Якщо ви не хочете налаштовувати, ви можете залишити текстові заставки. Наприклад, за замовчуванням плагін відображатиме повідомлення «Дякую за ваше повідомлення. Це надіслано ». після успішної подачі форми. Якщо ви використовуєте форму для подання бізнес -пропозицій, має сенс відредагувати цей текст, щоб додати більше деталей та подальших кроків для своїх клієнтів.

Як додати контактну форму у WordPress?

Налаштування повідомлень

Додаткові налаштування

Ви можете залишити розділ додаткових налаштувань таким, яким він є. Однак перегляньте наявні в документації параметри, щоб перевірити, чи корисні якісь поля. Наприклад, ви можете додати subscribers_only: true у текстовому полі, щоб дозволити надсилати форму лише зареєстрованим користувачам.

Як додати контактну форму у WordPress?

Додаткові налаштування

Додавання форми на сторінку контакту

Після завершення всіх налаштувань натисніть кнопку зберегти. В принципі, всі вищеописані кроки є одноразовим налаштуванням, і ви можете створювати нові форми, використовуючи однакові налаштування, не змінюючи шаблони щоразу. Однак ви також можете використовувати різні поля та шаблони для кожної форми.

Тепер, коли у вас є шорткод вашої контактної форми, і наступний крок – вставити його на свою сторінку. Перейдіть до розділу «Сторінки> Усі сторінки» та створіть/відредагуйте сторінку свого контакту. Введіть /контакт, щоб відфільтрувати Бланк контактної форми 7 Гутенберга та вставити його у свою область вмісту.

Як додати контактну форму у WordPress?

Контактна форма 7 Блок Гутенберга

Натисніть спадне меню «Вибрати форму контакту» та виберіть назву форми для вбудовування.

Як додати контактну форму у WordPress?

Вставити контактну форму

Якщо ви використовуєте старий класичний редактор, просто вставте в редактор короткий код контактної форми.

Як додати контактну форму у WordPress?

Додайте контактну форму в класичному редакторі

Ось і все, ви вставили контактну форму на своїй сторінці. Тепер ви можете опублікувати або оновити сторінку, щоб побачити її в дії.

Пов’язані: Як вставити Google Forms у WordPress?

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

Перегляньте свою сторінку, щоб побачити, як виглядає форма. Ми також рекомендуємо вам перевірити форму, надіславши фіктивне повідомлення.

Як додати контактну форму у WordPress?

Опублікована контактна форма

Плагін буде використовувати перевірку браузера, щоб переконатися, що всі необхідні поля заповнені. Під час спроби надіслати форму без обов’язкових полів ви побачите помилки відповідно до налаштувань у розділі “Повідомлення".

Як додати контактну форму у WordPress?

Перевірка форми у браузері

Надішліть успішне повідомлення та переконайтеся, що ваш контакт працює нормально. Аналогічно перевірте отримане повідомлення та налаштуйте конфігурацію в розділі «Пошта», щоб змінити шаблон, якщо це необхідно.

Як додати контактну форму у WordPress?

Повідомлення успішно надіслано

Висновок

Загалом вам може знадобитися менше 30 хвилин, щоб створити та додати контактну форму на свій сайт WordPress за допомогою плагіна Контактна форма 7. Він працює без проблем, не конфліктуючи з іншими плагінами. Безперечно, Форма контакту 7 є частиною багатьох бізнес -сайтів WordPress, і ви також можете спробувати її покращити свій бізнес.

Джерело запису: webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. ПрийнятиЧитати далі