@jaylen.trantow
Для добавления кнопки "add +" для поля в Contact Form 7 в Elementor, вам понадобится использовать дополнительный плагин Elementor Contact Form DB. Этот плагин позволяет расширить функциональность Contact Form 7 и добавить дополнительные опции.
Вот как это сделать:
- Установите и активируйте плагин Elementor Contact Form DB на вашем сайте.
- Отредактируйте страницу с помощью Elementor.
- Добавьте виджет Contact Form 7 на страницу с помощью стандартного виджета Elementor.
- Настройте форму, добавив необходимые поля и настройки.
- Добавьте поле "Text" в форму Contact Form 7, где вы хотите иметь кнопку "add +". Назовите это поле как "field_name[]".
Например, если вы хотите добавить поле "Имя", назовите его "user_name[]".
- Сохраните форму и закройте редактор формы.
- В редакторе страниц Elementor выберите виджет Contact Form 7, который вы только что создали.
- В настройках виджета найдите опцию "Additional Settings" (Дополнительные настройки) и добавьте следующий код:
on_sent_ok: "addAnotherInput();"
Этот код вызовет функцию "addAnotherInput()", в которой будет происходить добавление нового поля при отправке формы.
- Добавьте следующий JavaScript-код в свой тематический файл или в плагин для работы с пользовательскими скриптами:
function addAnotherInput() {
var inputField = jQuery('.wpcf7-form .wpcf7-text:last').clone();
jQuery('.wpcf7-form').find('.wpcf7-form-control:last').after(inputField);
}
Эта функция копирует последнее поле "Text" в форме и добавляет его после всех полей "Text" в форме.
- Сохраните файл JavaScript и обновите страницу с формой.
Теперь, при отправке формы, будет добавляться новое поле "Text" с текущим содержимым поля. Вы можете настроить стиль и расположение нового поля с помощью стилей CSS.