Допълнения към урока
Учебна програма Wordpress Elementor
6. Форми и допълнителна функционалност

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (1 модула), моля влезте или се регистрирайте.


Създаване на първа контактна форма с WPForms

В този урок научаваме как да създадем функционална контактна форма чрез плъгина WPForms и да я интегрираме в Elementor страница. WPForms предлага интуитивен билдър, който позволява лесно добавяне на различни полета и настройване на формата според нуждите на сайта.

Стъпка по стъпка създаване на контактна форма

  1. Отидете в WPForms → All Forms
  2. Кликнете върху бутона Create Form
  3. Въведете име на формата (например "MyFirstForm")
  4. Изберете шаблон Blank Form за създаване на форма от нулата
  5. Добавете полета чрез drag-and-drop:
    • Single Line Text за име на потребителя
    • Email за имейл адрес
    • Paragraph Text за съобщение
    • Checkbox за съгласие с общи условия
  6. Настройте всяко поле според нуждите:
    • Променете етикетите (например "Вашето име", "Електронна поща", "Вашето съобщение")
    • Задайте кои полета са задължителни
    • Добавете placeholder текст ако е необходимо
  7. Отидете в Settings и променете текста на бутона от "Submit" на "Изпрати"
  8. Запазете формата

Интегриране на формата в Elementor страница

  1. Отидете на страницата, където искате да добавите формата
  2. Редактирайте страницата с Elementor
  3. Намерете уиджета WPForms в панела с елементи
  4. Придърпайте уиджета на желаното място в страницата
  5. От падащото меню изберете вашата форма
  6. Запазете промените

Допълнителни възможности

  • Имейл нотификации: WPForms може да изпраща автоматични имейли при попълване на формата
  • SMTP интеграция: За надеждно изпращане на имейли е препоръчително да настроите SMTP сървър
  • Потвърждения: Можете да настроите различни съобщения за потвърждение след изпращане на формата
  • Филтриране на имейли: Функциите Allowlist/Denylist позволяват да контролирате кои имейл адреси могат да използват формата