Contact form 7 пошаговая форма | CF7 steps

Плагин для создания пошаговых форм для Contact Form 7. Использует шорткоды.

Название плагина: Contact form 7 steps

Стоимость: 12$ (300 грн)

Связь: Skype, Telegram

Описание:

Данный плагин позволяет создавать пошаговые формы.

Для работы плагина требуется CF7.

Для каждого шага можно указать заголовок, кнопки вперед и назад (если нужно).

К плагину идет подробная документация к каждому шорткоду. Плагин предоставляет три шорткода.

  1. Для создания шага
  2. Кнопка вперед
  3. Кнопка назад

В каждом шорткоде есть свои параметры.

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

Устанавливается как обычный плагин, имеет систему обновления.

Приобрести плагин contact form 7 steps можно, заполнив форму ниже.

 

Заказать плагин

    Документация

    Шорткоды

    [cf7-step step="1" title="Шаг 1" tag="div" header_tag="h3"][/cf7-step]
    Шаг формы.

    Параметры

    step - Номер шага, integer. Default "1"
    title - Заголовок шага, string. Default - пусто
    tag - тег шага, string. Default "div"
    header_tag - тег заголовка шага, string. Default "h3"


    [cf7-next title="Вперёд" class="" tag="div"]
    Кнопка Далее для перехода к следующему шагу

    Параметры

    title - Заголовок кнопки, string. Default - "Вперёд"
    class - Пользовательский CSS класс кнопки. Default - пусто
    tag - тег кнопки, string. Default "div"

     

    [cf7-prev title="Назад" class="" tag="div"]
    Кнопка Далее для перехода к предыдущему шагу

    Параметры

    title - Заголовок кнопки, string. Default - "Назад"
    class - Пользовательский CSS класс кнопки. Default - пусто
    tag - тег кнопки, string. Default "div"

    Примеры

    Простой

    [cf7-step]
[text* your-name placeholder "Ваше имя"]
[cf7-next]
[/cf7-step]
[cf7-step step="2"]
<label>Ваше фото [file* your-photo filetypes:gif|png|jpg|jpeg]</label>
[cf7-prev] [cf7-next] 
[/cf7-step]
[cf7-step step="3"]
[text* your-phone placeholder "Ваш телефон"]
[cf7-prev] [submit "Отправить"]
[/cf7-step]

    Сложный

    [cf7-step step="1" title="Шаг 1" tag="div" header_tag="h3"]
[text* your-name placeholder "Ваше имя"]
[cf7-next title="Вперёд" class="" tag="div"]
[/cf7-step]
[cf7-step step="2" title="Шаг 2" tag="div" header_tag="h3"]
<label>Ваше фото [file* your-photo filetypes:gif|png|jpg|jpeg]</label>
[cf7-prev title="Назад" class="" tag="div"] [cf7-next title="Вперёд" class="" tag="div"] 
[/cf7-step]
[cf7-step step="3" title="Шаг 3" tag="div" header_tag="h3"]
[text* your-phone placeholder "Ваш телефон"]
[cf7-prev title="Назад" class="" tag="div"] [submit "Отправить"]
[/cf7-step]