Кожен веб -сайт повинен містити контактну форму! Контактні форми корисні для різних цілей, незалежно від того, який у вас веб -сайт. Вони можуть генерувати потенційних клієнтів, налагоджувати зв'язки та відносини, дозволяти користувачам повідомляти про проблеми з вашим сайтом та про все між ними.
Для створення контактних форм у WordPress не обов’язково бути технічним експертом. Конструктор сторінок Elementor спрощує як ніколи створення красивих веб -сайтів.
Щоб продемонструвати, як створювати контактні форми з Elementor, ми розглянемо різні варіанти та все, що потрібно знати про контактні форми в Elementor.
Elementor вже давно включає віджет Form, а це означає, що вам більше не потрібно нікуди їхати, щоб створювати форми для свого веб -сайту WordPress, що є щастям!
У минулому ви могли зіткнутися з труднощами при створенні форм з деякими доступними plugin . Процес розробки та налаштування форм може зайняти багато часу і викликати розчарування. На щастя для всіх нас, з віджетом Elementor Form легко працювати.
- Який найкращий спосіб створити форму в Elementor?
- Як створити форму Elementor
- Формування елементарних елементів структуровано
- Типи полів у формі
- Типи полів у формі елемента
- Ширина стовпця Форма
- Форми в Elementor для укладання
- Дії за формою
- Створення шаблону повідомлень форми контактної форми в Elementor
- Висновок
Перш ніж розпочати роботу з конструктором форм Elementor, давайте коротко розглянемо деякі з його найважливіших функцій.
Однією з найвизначніших особливостей, для початку, є те, що вона повністю інтегрована в інтерфейс Elementor, а це означає, що у вас є доступ до багатьох варіантів дизайну/стилю/макета, доступних у Elementor. Я не вірю, що ви знайдете окремий plugin форми з такою надійною системою дизайну, як ця.
Звідти ви можете створити до 18 різних типів полів:
- Текстовий лист Текстова область Текстова область
- URL -адреса та номер телефону такі:
- Перемикачі - це тип перемикача.
- Виберіть зі списку (спадне меню)
- У контрольних списках використовуються прапорці.
- Існує лише один прапорець (прийняття)
- reCAPTCHA
- Медові горщики - це тип контейнера, який містить мед (запобігає спаму)
Ви також можете розділити свої форми на кілька сторінок, щоб створити багатоетапні форми, корисні для довгострокових програм.
Elementor Pro має понад 12 інтеграцій з популярними службами маркетингу електронної пошти та системами управління відносинами з клієнтами, щоб допомогти вам максимально використовувати ваші форми. Існує також загальна інтеграція Zapier, яка дозволяє підключитися до будь -якого з тисяч інструментів, доступних на платформі Zapier, якщо вашого інструменту немає у списку.
Є ще кілька інтригуючих альтернатив. Для екс amp ля, коли хто - то заповнює вашу форму, ви можете отримувати повідомлення через провисання або розбрат.
Говорячи про сповіщення, ви також можете персоналізувати сповіщення електронною поштою, які ви отримуєте, та сповіщення електронною поштою, які отримують представники форм. Після надсилання форми ви можете перенаправити їх на власну створену вами сторінку подяки.
Який найкращий спосіб створити форму в Elementor?
Почнемо з відкриття редактора Elementor, а потім перетягування віджета Form до місця, де ми хочемо побудувати нашу форму.
Як створити форму Elementor
Як і все інше в Elementor, процес створення форм здійснюється візуально. Немає необхідності використовувати додатковий plugin , а також не обов’язково виконувати роль бекенда вашого веб -сайту.
Формування елементарних елементів структуровано
Після того, як ваша форма заповнена, перший крок - упорядкувати інформацію, що міститься в ній. Які поля вам потрібні і які вони мають бути? Що ти шукаєш?
Під час роботи в редакторі Elementor поля форм додаються та редагуються на вкладці Вміст. Як ви можете бачити у amp нижче, Форми містять кілька полів за замовчуванням. Вибравши Додати елемент у спадному меню, ви можете створити нові поля.
Дублювання поля також можливе, вибравши піктограму, яка виглядає як два документи, один перед іншим, і натиснувши на неї.
Типи полів у формі
Доступно багато типів полів форми, починаючи від простих текстових полів і закінчуючи паролями, полями ReCaptcha та honeypot.
Щоб змінити поведінку поля форми, спершу виберіть поле, а потім у спадному меню Тип перегляньте доступні різні типи полів.
Типи полів у формі елемента
Ширина стовпця Форма
Ця функція дозволяє використовувати два поля форми в одному рядку, налаштувавши параметр Ширина стовпця. Змініть ширину вікна, вибравши його зі списку вибору та вибравши 50 відсотків. Варто зауважити, що якщо ви зробите це з двома полями послідовних полів, ви помітите, що вони з’являються на одному рядку разом.
Форми в Elementor для укладання
Стилюйте свої форми в Elementor так само, як і інші віджети, перейшовши на панель «Стиль», розташовану в інтерфейсі редагування Elementor.
Саму форму, поля, кнопки, будь -які кроки, повідомлення про помилки та повідомлення про підтвердження можна налаштувати.
Для тих, хто вже знайомий з Elementor, їм не потрібно багато чого навчитись у стилізації форм Elementor.
Дії за формою
Після нашого обговорення щодо створення форми в Elementor, давайте подивимося, як налаштувати те, що відбувається після подання вашої форми; це досягається за допомогою дій Форми або, як вони згадуються в Elementor, Дії після надсилання.
Під час надсилання форми система зазвичай надсилає електронний лист і перенаправляє користувача на іншу веб -сторінку. Звісно, ви можете включити у свої Форми скільки завгодно дій і об’єднати їх у будь -який спосіб. Як і слід було очікувати, існує певне поле вибору без кодування.
Кожна з доданих вами дій відображатиметься як окрема опція вкладки в головному меню. Наразі у нас є опція вкладки для електронної пошти, але якби я включив переспрямування в поле Додати дію, я також побачив би Переспрямування у параметрах вкладки, як показано в amp нижче.
На закінчення я продемонструю, як налаштувати форму для прийому надсилань електронною поштою - найпоширеніше запитання про форми.
Коли ви виберете Електронна пошта на вкладці Вміст у редакторі, вам відкриється екран, показаний нижче; тут ви можете персоналізувати повідомлення електронної пошти та електронний лист із відповіддю, а також можете додати CC або BCC кожному, хто отримає копію поданих документів із форми.
Створення шаблону повідомлень форми контактної форми в Elementor
Багато людей з подивом дізнаються, що редактор форм Elementor є більш потужним, ніж здається на перший погляд, і однією з найдосконаліших функцій є можливість налаштування повідомлень для кожної форми.
Можна налаштувати повідомлення форми, щоб забезпечити більш персоналізований процес зворотного зв'язку з кінцевим користувачем, який заповнив вашу форму, а не звучатиме як нудний робот. Але, зокрема, які повідомлення можна налаштувати для своєї контактної форми Elementor:
Для початку потрібно спочатку ввімкнути користувацькі повідомлення, вибравши «Додаткові параметри» у спадному меню, а потім переключивши перемикач «Спеціальні повідомлення» на «Так».
Налаштування віджета форми контакту Elementor шляхом додавання власних повідомлень
Як бачите, є чотири різних повідомлення, які можна налаштувати, включаючи ті, що наведені нижче:
Повідомлення про успіх відображається кінцевому користувачу після подання форми та перевірки правильності заповнення форми (наприклад, відсутні відсутні обов’язкові поля тощо).
Повідомлення про помилку-повідомлення, яке відображається кінцевому користувачеві, коли під час подання форми виникає невідома помилка.
Потрібне повідомлення - з’являється, коли необхідне поле форми не заповнюється, форма подається, а форма не заповнюється.
Якщо щось у формі подання неправильне і неможливо надіслати, кінцевому користувачеві відображається повідомлення Недійсне повідомлення.
Можливість редагувати повідомлення дозволяє вам бути творчим і химерним, або більш офіційним та діловим, якщо ви керуєте корпоративним сайтом. Найкраще те, що їх можна повністю редагувати, тому ви можете робити все, що завгодно!
Висновок
Віджет форми елементара, легко створити контактну форму. Він поставляється з інтуїтивно зрозумілим конструктором форм перетягування та падіння та безліччю параметрів налаштування, які відрізняють його від інших plugin контактних форм, доступних на ринку. Ви можете легко налаштувати його стиль та колірну гаму відповідно до зовнішнього вигляду вашої компанії. Також включені різні інші привабливі віджети, більше 300+ професійних шаблонів та конструктор спливаючих вікон в одному зручному пакеті. Цей повнофункціональний конструктор сторінок WordPress складається з усіх необхідних віджетів та функцій, тому вам не доведеться купувати додаткові конструктори сторінок для подальшого налаштування вашого веб-сайту. Крім того, він дозволяє інтегрувати більш ніж 30 маркетингових послуг, тому він є одним із найпопулярніших plugin на сучасному ринку.
