Як стварыць кантактную форму ў WordPress без кадавання

Хочаце дадаць кантактную форму на свой сайт WordPress, але не ведаеце, як пісаць код? Вы ў патрэбным месцы. У гэтым пакрокавым кіраўніцтве вы даведаецеся, як гэта зрабіць. стварыце прафесійную кантактную форму ў WordPress без напісання адзінага радка кода— і гэта зойме менш за 5 хвілін.

Незалежна ад таго, ці вы блогер, уладальнік малога бізнесу ці ствараеце свой першы вэб-сайт, наяўнасць кантактнай формы вельмі важная. Яна дазваляе наведвальнікам лёгка звязацца з вамі, дапамагае вам прыцягваць патэнцыйных кліентаў і выглядае значна больш прафесійна, чым простая публікацыя вашага адраса электроннай пошты.

Чаму кожнаму сайту WordPress патрэбна кантактная форма

Перш чым пагрузіцца ў падручнік, давайце разбярэмся, чаму важная кантактная форма:

• Абараняе вашу электронную пошту ад спаму – Публічная публікацыя вашага адраса электроннай пошты прымушае спам-ботаў засыпаць вашу паштовую скрыню
• Выглядае прафесійна – Добра распрацаваная форма стварае давер у наведвальнікаў
• Збірае структураваную інфармацыю – Атрымайце патрэбную інфармацыю (імя, адрас электроннай пошты, паведамленне) у арганізаваным фармаце
• Запыты па трэках – Захоўвайце заяўкі ў панэлі кіравання WordPress, замест таго, каб губляць іх у электроннай пошце
• Зручны для мабільных прылад – Формы выдатна працуюць на тэлефонах і планшэтах

Што вам трэба

Каб прытрымлівацца гэтага ўрока, вам спатрэбіцца:

• Вэб-сайт на базе WordPress (самастойны хостынг WordPress.org)
• Доступ адміністратара для ўсталёўкі плагінаў
• 5 хвілін вашага часу

Вось і ўсё! Ніякіх ведаў кадавання, ніякага тэхнічнага вопыту, ніякіх платных інструментаў не патрабуецца.

Крок 1: Усталюйце Auto Form Builder (бясплатны плагін)

Мы будзем выкарыстоўваць Аўтаматычны канструктар формаў (Таксама вядомы як АФБ) — бясплатны, лёгкі плагін WordPress з візуальным інтэрфейсам перацягвання элементаў. Ідэальна падыходзіць для пачаткоўцаў, бо не патрабуе асаблівага навучання.

Вось як яго ўсталяваць:

1. Увайдзіце ў панэль адміністратара WordPress
2. Да Плагіны → Дадаць новы
3. Шукаць "АФБ«(скарочаная назва ад Auto Form Builder)»
4. Шукаць "AFB – Аўтаматычны канструктар формаў – Канструктар формаў з перацягваннем"
5. націсніце Устанавіць зараз, То Актываваць

💡 Парада: Пошук па запыце «AFB» — гэта самы хуткі спосаб знайсці плагін у рэпазітарыі WordPress.

Пасля актывацыі вы ўбачыце «Аўтаматычны канструктар формаў» у меню адміністратара WordPress. Вось і ўсё — вы гатовыя стварыць сваю першую форму!

Крок 2: Стварыце новую кантактную форму

Цяпер давайце створым вашу кантактную форму:

1. націсніце Аўтаматычны канструктар формаў у вашым адміністрацыйным меню
2. націсніце Стварыць новую форму
3. Вы ўбачыце экран выбару шаблону — абярыце Звязацца з намі

Аўтаматычны канструктар формаў пастаўляецца з загадзя падрыхтаваным шаблонам кантактнай формы, які ўключае:

• Поле «Поўнае імя»
• Поле адраса электроннай пошты
• Поле «Нумар тэлефона» (Апцыянальна)
• Поле паведамлення

Шаблон гатовы да выкарыстання адразу, але вы можаце наладзіць яго па сваім жаданні.

Крок 3: Наладзьце палі формы (неабавязкова)

Хочаце дадаць або змяніць палі? Канструктар з функцыяй перацягвання спрашчае гэта:

Даданне новых палёў

На левай бакавой панэлі вы ўбачыце даступныя тыпы палёў. Проста перацягнуць любое поле на палатне формы:

• Увод тэксту – Для кароткіх адказаў, такіх як імя або тэма
• E-mail – Аўтаматычна правярае адрасы электроннай пошты
• Тэлефон – Для нумароў тэлефонаў з дадатковым фарматаваннем
• тэкставая вобласць – Для больш доўгіх паведамленняў
• Падаць – Дазвольце карыстальнікам выбіраць з варыянтаў (напрыклад, «Прычына звароту»)
• сцяжок – Для палёў згоды або некалькіх варыянтаў выбару

Рэдагаванне налад поля

Націсніце любое поле, каб наладзіць яго:

• змена этыкетка (напрыклад, «Ваша імя» замест «Поўнае імя»)
• Дадаваць тэкст запаўняльніка каб накіроўваць карыстальнікаў
• Стварыць палі патрабуецца або неабавязкова
• Дадаваць даведачны тэкст ніжэй палёў

Змена парадку палёў

Проста перацягваць палі ўверх або ўніз змяніць іх парадак. Візуальны канструктар паказвае, як менавіта будзе выглядаць ваша форма.

Крок 4: Наладзьце параметры формы

націсніце налады ўкладка, каб наладзіць, што адбываецца, калі хтосьці адпраўляе вашу форму:

Паведамленне аб поспеху

Наладзьце паведамленне, якое карыстальнікі бачаць пасля адпраўкі. Напрыклад:

«Дзякуй, што звязаліся з намі! Мы звяжамся з вамі на працягу 24 гадзін».

Паведамлення па электроннай пошце

Атрымлівайце імгненнае апавяшчэнне, калі хтосьці запоўніць вашу форму:

1. Уключыць Паведамлення па электроннай пошце
2. Увядзіце свой адрас электроннай пошты (або некалькі адрасоў электроннай пошты, падзеленых коскамі)
3. Наладзьце тэму электроннага ліста

Кожная заяўка будзе адпраўлена непасрэдна ў вашу паштовую скрыню, а таксама бяспечна захоўвацца ў панэлі кіравання WordPress.

Крок 5: Стылізуйце форму (неабавязкова)

Хочаце, каб ваша форма адпавядала дызайну вашага сайта? Націсніце ўкладку «Наладзіць», каб наладзіць яе:

• Колеры – Змяніць колеры кнопак, фон і тэкст
• Межы – Адрэгулюйце межы поля і радыус вугла
• адлегласць – Кантралюйце адступы і палі
• Кнопка – Наладзьце тэкст і знешні выгляд кнопкі адпраўкі

Формы Auto Form Builder распрацаваны так, каб выдатна глядзецца на любой тэме адразу пасля ўсталёўкі, таму стыль цалкам неабавязковы.

Крок 6: Захавайце і атрымайце свой шорткод

Калі вы задаволены сваёй формай:

1. Дайце назву вашай форме (напрыклад, «Форма зваротнай сувязі»)
2. націсніце Захаваць форму
3. скапіяваць шорткод displayed

Крок 7: Дадайце кантактную форму на сваю старонку

Цяпер давайце адлюструем вашу форму на вашым сайце:

Варыянт А: Дадаць на існуючую старонку

1. Да старонкі і рэдагаваць старонку кантактаў
2. Устаўце шорткод туды, дзе вы хочаце размясціць форму
3. націсніце абнаўленне

Варыянт B: Стварыце новую старонку кантактаў

1. Да Старонкі → Дадаць новую
2. Назавіце яго «Кантакт» або «Звяжыцеся з намі»
3. Дадайце ўступны тэкст, калі хочаце
4. Устаўце шорткод
5. націсніце Апублікаваць

Наведайце сваю старонку, каб убачыць новую цудоўную кантактную форму ў дзеянні!

Крок 8: Праверце сваю кантактную форму

Перш чым абвясціць свету пра сваю новую форму, праверце яе:

1. Наведайце старонку кантактаў
2. Запоўніце форму з інфармацыяй пра тэст
3. Націсніце кнопку Адправіць
4. Праверце, ці бачыце вы паведамленне пра поспех
5. Праверце сваю электронную пошту, каб атрымаць апавяшчэнне
6. У WordPress перайдзіце па спасылцы Аўтаматычны канструктар формаў → Адпраўкі каб убачыць захаваны запіс

Калі ўсё працуе, віншуем — ваша кантактная форма апублікавана!

Кіраванне адпраўленымі кантактнымі формамі

Адной з найлепшых функцый Auto Form Builder з'яўляецца ўбудаваная кіраванне прадстаўленнемУ адрозненне ад некаторых плагінаў формаў, якія адпраўляюць толькі электронныя лісты, кожная адпраўка захоўваецца ў вашай базе дадзеных WordPress.

Да Аўтаматычны канструктар формаў → Матэрыялы у:

• Паглядзець усе заяўкі у табліцы з магчымасцю пошуку
• Фільтраваць па даце – Сёння, на гэтым тыдні, у гэтым месяцы і г.д.
• Пошук па прадстаўленых матэрыялах – Імгненна знаходзьце пэўныя паведамленні
• Пазначыць як прачытанае/непрачытанае – Адсочвайце, якія запыты вы апрацавалі
• Пазначаць важныя паведамленні зоркай – Пазначаць кантакты з высокім прыярытэтам
• Экспарт у CSV – Загрузіце свае дадзеныя для электронных табліц або рэзервовага капіявання

Гэта азначае, што вы ніколі не страціце запыт кліента, нават калі электронныя лісты не будуць дастаўлены.

Чаму Auto Form Builder ідэальна падыходзіць для кантактных формаў

Існуе мноства плагінаў для стварэння формаў WordPress, але вось чаму Auto Form Builder вылучаецца для стварэння кантактных формаў:

Questions fréquemment posées

Ці будзе форма працаваць з маёй тэмай WordPress?

Так. Аўтаматычны канструктар формаў прызначаны для працы з любой тэмай WordPress.

Ці магу я атрымліваць адпраўленыя формы па электроннай пошце?

Безумоўна. Уключыце апавяшчэнні па электроннай пошце ў наладах формы, і вы будзеце атрымліваць ліст кожны раз, калі хтосьці адправіць вашу форму. Адпраўленыя формы таксама захоўваюцца ў вашай панэлі кіравання WordPress у якасці рэзервовай копіі.

Ці зручная кантактная форма для мабільных прылад?

Так. Усе формы, створаныя з дапамогай Auto Form Builder, цалкам адаптыўныя і выдатна выглядаюць на тэлефонах, планшэтах і настольных кампутарах.

Як абараніць сваю форму ад спаму?

Auto Form Builder прапануе дапаўненні для абароны ад спаму, у тым ліку Google reCAPTCHA і Cloudflare Turnstile.

Наступныя крокі

Цяпер, калі ў вас ёсць кантактная форма на вашым сайце WordPress, падумайце пра наступныя паляпшэнні:

• Дадайце кантактную форму ў ніжнюю частку старонкі – Зрабіце яго даступным з кожнай старонкі
• Стварыце форму зваротнай сувязі – Збірайце водгукі і рэкамендацыі кліентаў
• Стварыце форму падпіскі на рассылку – Павялічце свой спіс электроннай пошты
• Дадаць абарону ад спаму – Уключыце reCAPTCHA для сайтаў з высокай наведвальнасцю

Conclusion

Стварэнне кантактнай формы ў WordPress не патрабуе ніякіх навыкаў кадавання. З Аўтаматычны канструктар формаў, вы можаце стварыць прафесійную кантактную форму, адаптаваную для мабільных прылад, менш чым за 5 хвілін — цалкам бясплатна.

Інтэрфейс з функцыяй перацягвання элементаў спрашчае працу пачаткоўцаў, а ўбудаванае кіраванне запытамі гарантуе, што вы ніколі не прапусціце ніводнага запыту кліента. Акрамя таго, усе вашы дадзеныя надзейна захоўваюцца на вашым уласным серверы WordPress.

Гатовыя стварыць сваю кантактную форму? Спампаваць аўтаматычны канструктар формаў з рэпазітара плагінаў WordPress і пачніце сёння.