Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll

4.1. Contact - Конструктор форм. Форма обратной связи.

17/11/2019, by Ivan

В ядре Друпал 8 есть замечательный модуль Contact. Его полностью переработали, если сравнивать с этим же модулем в Друпал 7. Теперь модуль Contact по функционалу почти доходит до модуля Webform. Так что давайте разберем как сделать форму обратной связи для нашего сайта.

Если модуль Contact не включен, то включите его.

 

На самом деле по умолчанию у модуля Contact уже есть форма обратной связи. Она расположена по адресу:
/contact

contact form

Давайте изменим эту форму, чтобы она была больше похожа на форму обратной связи. Для этого зайдем на страницу настройки контактных форм Структура -> Contact forms:
/admin/structure/contact

contact form

Давайте зайдем в правку Website feedback. Я думаю стоит поменять названия, прописать свои адреса емайла и автоматический ответ отправителю сообщения.

edit contact form

 

Теперь давайте переименуем поле Емайл и добавим поле телефона. Поля Имя и Емайл заполняются из данных зарегистрированных пользователей автоматически. Если пользователь анонимный, то для него показываются поля для заполнения Имя и Емайл. Для этого зайдем в управление полями:

contact form

На этой странице Вы можете переименовывать, добавлять новые поля. Давайте добавим поле Телефон, с типом поля телефон. Но для этого нам нужно сначала включить модуль Telephone:

telephone

Теперь мы можем добавить новое поле телефона. Также Вы можете добавить какие Вам угодно поля, какого угодно типа:

phone

Теперь давайте перейдем во вкладку Manage form display и поменяем порядок полей. Я думаю поле Тема лишнее, да и отправлять письмо отправителю тоже лишнее (Вы можете оставить их, если считаете необходимым). Также я добавил в настройках поля Телефон Заполнитель, это placeholder поля, который исчезает при нажатие на поле. Это позволяет показать в каком виде нужно заполнять поле.

Drupal Contact Form

Все теперь мы можем отправлять сообщения со странице контактов:

Друпал контактная форма

Также мы можем перевести название поля Your email address. Для этого нужно включить модули перевода:

Drupal Content Translation

Теперь у нас в админке есть функционал перевода строк Конфигурация -> Перевод пользовательского интерфейса:
/admin/config/regional/translate

Drupal translate

Как Вы видите тут все довольно просто, вводим нужную строку на английском и пишем перевод для нее. Теперь наша форма выглядит просто отлично!

Drupal контактная форма