Искате ли да знаете как да създадете a Формуляр за връзка в Elementor?
Страницата за контакт е една от ключовите страници на уебсайта. Често се използва като параметър дали даден уебсайт е одобрен или не. Elementor идва с вграден приспособление - приспособлението за формуляр, за да ви позволи да добавите формуляр към страница. Тази статия ще ви покаже как.
Самата джаджа Form е достъпна само в Elementor Pro. Което означава, че трябва да надстроите до професионалната версия, ако все още използвате безплатната версия. Не само можете да използвате изпълнимия модул Form, за да създадете a Формуляр за връзка, но можете да го използвате и за създаване на други типове формуляри, включително имейл регистрационен формуляр, потребителски регистрационен формуляр, формата за качване на файл, И т.н. ...
Как да създадете форма за контакт в Elementor
Когато създавате a Формуляр за връзка С помощта на приспособлението Form на Elementor можете да зададете местоположението, където ще бъдат изпратени данните от формуляра. Независимо дали във вашия имейл акаунт или в мениджъра за изпращане на формуляри по подразбиране на Elementor.
В тази статия ще преминем направо към добавяне на приспособлението за формуляр в полето за редактиране на Elementor. Просто добавете приспособлението за формуляр от панела на приспособлението в полето за редактиране, както следва:
Както можете да видите, приспособлението за формуляр автоматично създава формуляр, състоящ се от три полета.
Прочетете още: Как да добавите ценова мрежа в Elementor
За да редактирате съществуващо поле, можете просто да го отворите. Можете да промените типа на полето, да замените етикета и заместителя по подразбиране и да го зададете като задължително поле, ако искате.
За да изтриете съществуващо поле, можете просто да кликнете върху X от полето, което искате да изтриете.
За да добавите ново поле, можете просто да кликнете върху бутона ДОБАВЕТЕ ЕЛЕМЕНТ. Самата джаджа Form поддържа двадесет вида полета.
Определяне на действието на формата
Както споменахме по-рано, можете да изпратите данните на формуляра (подадените документи) на вашия имейл акаунт или на интегрираното подаване на формуляри на Elementor. За да зададете дестинацията, можете да отворите блока След подаване на действия под раздела Съдържание от панела за настройки.
Вижте също: Как да създадете заоблено изображение в Elementor
Изберете действие, което искате да дефинирате в наличното поле (можете да добавите няколко действия). В този пример ние избираме E-mail.
Ако зададете и действието на формуляра по имейл, можете да отворите блока E-mail за да определите имейл адреса за получаване на данните на формуляра. Както можете да видите, можете също да зададете обекта, ако искате.
По подразбиране Elementor включва съдържанието на всички полета във формуляра. Ако искате да включите само съдържание от конкретни полета, можете да поставите шорткодовете на предпочитаните от вас полета в полето. Съобщение.
Например, настройката по-долу ще изпрати само съдържанието на полето за съобщение.
За да получите шорткода на поле, можете да щракнете върху раздела НАПРЕДА в свързаното поле на блока Полета на формуляра.
Определение на съобщенията
Когато данните за формуляра бъдат изпратени успешно, вашите посетители ще видят успешно съобщение под формуляра. По същия начин те също ще видят съобщение за грешка, когато данните за формуляра не бъдат изпратени.
Вижте също: Как да създадете раздел на член на екипа с Elementor
Можете да замените тези съобщения по подразбиране, както и две други съобщения, от блока Допълнителни опции под раздела Съдържание от панела за настройки. Активирайте Персонализирани съобщения за да замени съобщенията по подразбиране.
Персонализиране на формата
След като приключите с извършването на основните настройки под раздела Съдържание от панела за настройки можете да превключите към Стил за да персонализирате формата. Тук можете да отворите пет блока.
- Форма
Можете да отворите този блок, за да определите интервала между колоните и редовете на формуляра, разстоянието между етикетите, типографията (семейство шрифтове, размер на шрифта, стил на шрифта и т.н.) на етикета на формата и цвета на текста на последния.
- Област
Можете да отворите този блок, за да определите типографията на текста на полето, както и цвета, цвета на фона на полетата на формата, размера, цвета на границата и радиуса на границата на полетата на формуляра.
- Копчета
Можете да отворите този блок, за да персонализирате бутона за изпращане. Можете да зададете неща като типография на текст на бутони, както и цвят, цвят на фона, радиус на границата, размер на рамката, цвят на рамката и запълване на текст. За да зададете размера на бутона, можете да го направите от блока копчета су раздела Съдържание.
- съобщения
Можете да отворите този блок, за да определите типографията, както и цвета на текста на съобщенията.
- Стъпки
Можете да отворите този блок само ако искате да създадете многоетапен формуляр.
След като приключите с персонализирането на формуляра, както и на страницата, можете да публикувате страницата си.
Потенциална грешка
Една от често срещаните грешки, когато зададете действието на формуляра на E-mail е, че формулярът не се изпраща. Вместо това ще видите следното съобщение.
Elementor и повечето приставки за формуляри за контакт - включително формуляр за контакт 7 - използват функцията за доставка на поща по подразбиране на WordPress wp_mail. Тази функция зависи от функцията изпрати писмо което зависи от PHP да функционира.
Прочетете още: Как да добавите препоръчителен плъзгач в Elementor
За съжаление, всички доставчици науеб хостинг не активирайте функцията изпрати писмо на PHP. Ако е така, вашият формуляр няма да бъде изпратен. Вместо това ще получите съобщение за грешка като горното.
За да разрешите проблема, можете да инсталирате и конфигурирате персонализирана услуга за доставка на поща на вашия WordPress. Като алтернатива, ако е възможно, можете да поискате от вашия хостинг доставчик да активира функцията изпрати писмо на PHP.
В крайна сметка
Elementor е един от най-изчерпателните приставки за създаване на страници. Предлага се с редица елементи на дизайна (наречени джаджи), за да можете лесно да добавяте елементи към страницата, включително формуляр за контакт.
Въпреки че можете да използвате изпълнимия модул Form, за да създадете формуляр за контакт от нулата със собствен дизайн, Elementor предлага и шаблони за формуляри, които можете да използвате. Можете дори създайте страница за контакти (допълнено с формата за контакт, разбира се) от шаблон.
Вземете Elementor Pro сега!
Заключение
Тук ! Това е за тази статия, която ви показва как да създадете формуляр за контакт в Elementor. Ако имате някакви притеснения как да стигнете до там fуведомете ни в Връзка.
Можете обаче да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
Но междувременно, споделете тази статия във вашите различни социални мрежи.
...