Как да създадете контактна форма в WordPress без кодиране
Искате да добавите форма за контакт към вашия WordPress уебсайт, но не знаете как да програмирате? Вие сте на правилното място. В това ръководство стъпка по стъпка ще научите как да... създайте професионална форма за контакт в WordPress, без да пишете нито един ред код- и отнема по-малко от 5 минути.
Независимо дали сте блогър, собственик на малък бизнес или изграждате първия си уебсайт, наличието на форма за контакт е от съществено значение. Тя позволява на посетителите лесно да се свържат с вас, помага ви да привлечете потенциални клиенти и изглежда много по-професионално, отколкото просто да публикувате имейл адреса си.
Защо всеки WordPress уебсайт се нуждае от форма за контакт
Преди да се потопим в урока, нека разберем защо е важна формата за контакт:
- Защитава имейла ви от спам – Публичното публикуване на имейл адреса ви кани спам ботове да залеят входящата ви поща
- Изглежда професионално – Добре проектираната форма изгражда доверие у посетителите
- Събира структурирана информация – Получете необходимите ви данни (име, имейл, съобщение) в организиран формат
- Запитвания за проследяване – Съхранявайте заявките в таблото си за управление на WordPress, вместо да ги губите в имейли
- Мобилно изживяване – Формулярите работят перфектно на телефони и таблети
Какво ще ти трябва
За да следвате този урок, ще ви е необходимо:
- Уебсайт на WordPress (самостоятелно хостван WordPress.org)
- Администраторски достъп за инсталиране на плъгини
- 5 минути от вашето време
Това е! Не са необходими познания по програмиране, технически опит, платени инструменти.
Стъпка 1: Инсталирайте Auto Form Builder (безплатен плъгин)
Ще използваме Автоматичен конструктор на формуляри (също известен като A.F.B.) — безплатен, лек плъгин за WordPress с визуален интерфейс за плъзгане и пускане. Той е идеален за начинаещи, защото няма нужда от обучение.
Ето как да го инсталирате:
- Влезте в администраторския си панел на WordPress
- Отиди Приставки → Добавяне на нови
- Търся "A.F.B.„(съкратеното име за Auto Form Builder)“
- Потърсете "AFB – Auto Form Builder – Създател на формуляри с плъзгане и пускане"
- Кликнете инсталиране Сега, тогава Активирате
💡 Съвет: Търсенето на „AFB“ е най-бързият начин да намерите плъгина в хранилището на WordPress.
След като бъде активирано, ще видите „Auto Form Builder“ в администраторското меню на WordPress. Това е всичко – готови сте да създадете първия си формуляр!
Стъпка 2: Създайте нов формуляр за контакт
Сега нека изградим вашата форма за контакт:
- Кликнете Автоматичен конструктор на формуляри в администраторското ви меню
- Кликнете Създаване на нов формуляр
- Ще видите екран за избор на шаблон – изберете Форма за контакт
Auto Form Builder се предлага с предварително създаден шаблон за формуляр за контакт, който включва:
- Поле за пълно име
- Поле за имейл адрес
- Поле за телефонен номер (незадължително поле)
- Поле за съобщение
Шаблонът е готов за употреба веднага, но можете да го персонализирате както желаете.
Стъпка 3: Персонализирайте полетата на формуляра си (по избор)
Искате да добавите или промените полета? Конструкторът с плъзгане и пускане го прави лесно:
Добавяне на нови полета
В лявата странична лента ще видите наличните типове полета. Просто плъзнете произволно поле върху платното на формуляра ви:
- Въвеждане на текст – За кратки отговори като име или тема
- Имейл – Автоматично валидира имейл адресите
- Телефон – За телефонни номера с опционално форматиране
- Текстова област – За по-дълги съобщения
- Падащо – Позволете на потребителите да избират от опции (като „Причина за контакт“)
- Checkbox – За полета за съгласие или множество опции
Редактиране на настройките на полето
Щракнете върху произволно поле, за да го персонализирате:
- Променете етикет (напр. „Вашето име“ вместо „Пълно име“)
- Добави текст на заместител да насочва потребителите
- Създаване на полета длъжен или по избор
- Добави помощен текст под полетата
Пренареждане на полета
просто плъзнете полетата нагоре или надолу за да промените реда им. Визуалният конструктор показва точно как ще изглежда вашата форма.
Стъпка 4: Конфигуриране на настройките на формуляра
Щракнете върху Настройки раздел, за да конфигурирате какво се случва, когато някой изпрати формуляра ви:
Съобщение за успех
Персонализирайте съобщението, което потребителите виждат след изпращане. Например:
„Благодарим ви, че се свързахте с нас! Ще се свържем с вас в рамките на 24 часа.“
Известия по имейл
Получавайте незабавно известие, когато някой попълни формуляра ви:
- Разреши Известия по имейл
- Въведете имейл адреса си (или няколко имейл адреса, разделени със запетаи)
- Персонализирайте темата на имейла
Всяко подаване ще бъде изпратено директно във вашата пощенска кутия – и също така ще се съхранява безопасно в таблото ви за управление на WordPress.
Стъпка 5: Оформете формуляра си (по избор)
Искате формата ви да съответства на дизайна на уебсайта ви? Кликнете върху раздела „Персонализиране“, за да го персонализирате:
- Цветове – Промяна на цветовете, фоновете и текста на бутоните
- Borders – Настройте границите на полето и радиуса на ъглите
- Отстояние – Контролирайте допълването и полетата
- Бутон – Персонализирайте текста и външния вид на бутона за изпращане
Формулярите в Auto Form Builder са проектирани да изглеждат страхотно на всяка тема веднага щом са готови, така че стилизирането е напълно по избор.
Стъпка 6: Запазете и получете своя кратък код
След като сте доволни от формата си:
- Дайте име на формуляра си (напр. „Форма за контакт“)
- Кликнете Запазване на формуляра
- Копирайте Кратък Показва
Стъпка 7: Добавете формата за контакт към вашата страница
Сега нека покажем формуляра ви на уебсайта ви:
Вариант А: Добавяне към съществуваща страница
- Отиди Pages и редактирайте страницата си за контакти
- Поставете шорткода там, където искате да се появи формулярът
- Кликнете Актуализация
Вариант Б: Създаване на нова страница за контакти
- Отиди Страници → Добавяне на ново
- Озаглавете го „Контакт“ или „Свържете се с нас“
- Добавете уводен текст, ако желаете
- Поставете шорткода
- Кликнете Публикувам
Посетете страницата си, за да видите новата си красива форма за контакт в действие!
Стъпка 8: Тествайте формата си за контакт
Преди да обявите новата си форма на света, тествайте я:
- Посетете страницата си за контакти
- Попълнете формуляра с информация за теста
- Кликнете върху Изпращане
- Проверете дали виждате съобщението за успех
- Проверете имейла си за известието
- В WordPress отидете на Автоматичен конструктор на формуляри → Изпращане за да видите съхранения запис
Ако всичко работи, поздравления – вашата форма за контакт е активна!
Управление на подаванията на формуляри за контакт
Една от най-добрите характеристики на Auto Form Builder е вградената управление на подаваниятаЗа разлика от някои плъгини за формуляри, които изпращат само имейли, всяко подаване се съхранява във вашата база данни на WordPress.
Отиди Автоматичен конструктор на формуляри → Submissions до:
- Вижте всички предложения в таблица с възможност за търсене
- Филтриране по дата – Днес, тази седмица, този месец и т.н.
- Търсене на подадени материали – Намиране на конкретни съобщения незабавно
- Маркирай като прочетено/непрочетено – Проследявайте кои запитвания сте обработили
- Значение на важни съобщения със звезда – Маркиране на контакти с висок приоритет
- Експортиране в CSV – Изтеглете данните си за електронни таблици или резервни копия
Това означава, че никога няма да загубите запитване от клиент, дори ако имейлите не бъдат доставени.
Защо Auto Form Builder е идеален за формуляри за контакт
Има много плъгини за формуляри в WordPress, но ето защо Auto Form Builder се откроява за създаване на формуляри за контакт:
| Особеност | Автоматичен конструктор на формуляри |
|---|---|
| Цена | ✅ Безплатно |
| Конструктор за плъзгане и пускане | ✅ Да |
| Предварително създаден шаблон за контактна форма | ✅ Да |
| Известия по имейл | ✅ Да |
| Съхранение на подадени материали | ✅ Да (в WordPress) |
| Mobile отзивчиви | ✅ Да |
| Не се изисква кодиране | ✅ Да |
| Лек и бърз | ✅ Да |
| Съответства на GDPR (данните са на вашия сървър) | ✅ Да |
| Експортиране на заявки | ✅ CSV, JSON, XML |
| Условна логика | ✅ Да |
Често задавани въпроси
Ще работи ли формулярът с моята WordPress тема?
Да. Auto Form Builder е проектиран да работи с всяка WordPress тема.
Мога ли да получавам формуляри по имейл?
Абсолютно. Активирайте известия по имейл в настройките на формуляра и ще получавате имейл всеки път, когато някой изпрати формуляра ви. Изпратените документи се съхраняват и в таблото ви за управление на WordPress като резервно копие.
Формулярът за контакт подходящ ли е за мобилни устройства?
Да. Всички формуляри, създадени с Auto Form Builder, са напълно адаптивни и изглеждат страхотно на телефони, таблети и настолни компютри.
Как да защитя формуляра си от спам?
Auto Form Builder предлага добавки за защита от спам, включително Google reCAPTCHA и Cloudflare Turnstile.
Следващи стъпки
След като вече имате контактна форма на вашия WordPress уебсайт, помислете за тези подобрения:
- Добавете вашата форма за контакт в долния колонтитул – Направете го достъпно от всяка страница
- Създайте формуляр за обратна връзка – Събирайте отзиви и препоръки от клиенти
- Създайте формуляр за абонамент за бюлетин – Увеличете списъка си с имейли
- Добавете защита от спам – Активирайте reCAPTCHA за сайтове с висок трафик
Заключение
Създаването на контактна форма в WordPress не изисква никакви умения за кодиране. С Автоматичен конструктор на формуляри, можете да създадете професионална, мобилно-адаптивна форма за контакт за по-малко от 5 минути – напълно безплатно.
Интерфейсът с плъзгане и пускане го прави лесен за начинаещи, а вграденото управление на заявките гарантира, че никога няма да пропуснете запитване от клиент. Освен това, всички ваши данни се съхраняват сигурно на вашия собствен WordPress сървър.
Готови ли сте да създадете вашата контактна форма? Изтегляне на Auto Form Builder от хранилището на плъгини за WordPress и започнете още днес.
