Статьи

Как создавать удивительные формы в WordPress с помощью плагина FormCraft

В этой статье мы рассмотрим плагин FormCraft WordPress, который позволяет создавать удивительные формы с помощью перетаскивания. Это один из самых популярных и полезных конструкторов форм, доступных на рынке на данный момент.

Формы являются одной из наиболее важных частей веб-сайта — они позволяют собирать различную информацию от посетителей. Будь то простой контакт, или обратная связь, или полноценная форма опроса, всегда удобно иметь плагин, который позволяет легко его создать. Как конструктор сайтов WordPress, вы хотели бы иметь плагин, который позволяет создавать профессиональные формы на лету и собирать отправку форм на разных конечных точках.

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

  • WordPress
    20 лучших форм входа в WordPress на CodeCanyon
    Эрик Дай
  • Плагины для WordPress
    Лучшие плагины WordPress Form Builder для 2019
    Лорка Локасса Са
  • WordPress
    Создайте контактную форму в WordPress, используя бесплатный плагин
  • WordPress
    Создание форм WordPress, которые заполняются
    Рэйчел Макколлин

В этой статье мы собираемся обсудить плагин FormCraft WordPress, который можно купить в CodeCanyon по очень разумной цене, учитывая количество предоставляемых им функций. Это один из самых мощных конструкторов перетаскивания форм, он поставляется с десятками функций и несколькими встроенными шаблонами. Это, или что-то вроде этого, является обязательным инструментом для строителей сайтов, которые ищут профессиональный сценарий для конструктора форм.

Давайте взглянем на особенности этого плагина:

  • перетаскиватель форм
  • поддержка нескольких шаблонов
  • отзывчивый и масштабируемый
  • условная логика для отображения / скрытия полей
  • формы просмотра и представления аналитики
  • встроенная поддержка GDPR
  • поддержка нескольких сайтов с дополнительным дополнением
  • и более

Плагин FormCraft WordPress предоставляет множество полезных функций, которые удобны и позволяют без особых усилий создавать богато выглядящие формы на ваших сайтах WordPress.

В этом посте мы собираемся создать форму опроса, которая позволяет собирать различные типы информации от пользователей. В основном, мы зададим пользователям пару вопросов об их выборе и привычках покупок в Интернете, а также об их основной личной информации.

Чтобы достичь этого, мы собираемся создать форму, которая задает пару основных вопросов об их личной информации, и мы также зададим конкретные вопросы нашего опроса.

Общая форма будет выглядеть так:

Заполненная анкета

Такова повестка дня этого урока. В следующем разделе мы увидим, как загрузить и установить этот плагин.

В этом разделе мы увидим, как установить и настроить плагин FormCraft WordPress после того, как вы приобрели и загрузили его с CodeCanyon. Для этого поста я использовал WordPress 5.2.3, а версия плагина FormCraft WordPress — 3. Я бы порекомендовал вам установить его, если вы хотите следовать этому посту.

Как только вы купите этот плагин, вы сможете скачать zip-файл. Это сам файл плагина WordPress, который вы можете использовать для установки этого плагина со стороны администратора WordPress. Продолжайте и следуйте стандартному процессу установки плагина WordPress, и вы почти закончили.

Далее нам нужно зарегистрировать код покупки плагина. Во-первых, вам нужно получить код покупки из раздела загрузок CodeCanyon . Нажмите на ссылку Download> License Certificate , и вы получите текстовый файл, который должен содержать код покупки предмета.

Как только вы получите код покупки, нажмите на FormCraft в левой боковой панели на стороне администратора, и это должно отобразить страницу панели инструментов плагина. На этой странице нажмите на ссылку « Нажмите здесь», чтобы зарегистрировать свою копию ссылки FormCraft и ввести и зарегистрировать свой код. С этим вы открыли все возможности FormCraft.

Теперь мы готовы погрузиться в исследование плагинов. В следующем разделе мы рассмотрим различные разделы конфигурации, которые предоставляет этот плагин.

В этом разделе мы кратко обсудим разделы внутренней конфигурации, предоставляемые этим плагином. После того, как вы установили плагин FormCraft, он добавит ссылку в левую боковую панель. Давайте кратко рассмотрим каждый раздел.

Это страница списка форм, на которой перечислены все формы, созданные на данный момент. Вы также можете создать новую форму, нажав на ссылку Новая форма .

Кроме того, вы можете увидеть раздел Аналитика форм , который отображает статистику о различных аспектах ваших форм.

Это страница со списком записей, в которой перечислены все записи отправки формы во всех формах. Вы можете использовать интерфейс поиска для фильтрации определенных записей, а также есть кнопка « Экспорт» , которая позволяет экспортировать записи.

Также есть вид записи , который показывает подробный вид записи для отправки формы.

Понимание форм — это новая функция, добавленная в FormCraft 3.3, которая превращает FormCraft в мощный инструмент для опросов и опросов. FormCraft может анализировать определенные поля, чтобы получить информацию, такую ​​как раскрывающийся список, рейтинг, флажки, дата, ползунок и т. Д.

На этой странице перечислены все файлы, загруженные с помощью различных форм.

Наконец, в этом разделе отображается информация о вашей лицензии. Он также отображает оставшиеся дни для продления лицензии.

Так что это было краткое введение в функции, предоставляемые этим плагином. В следующем разделе мы создадим форму опроса, как мы обсуждали ранее.

В этом разделе мы создадим форму опроса, которая позволит нам собирать отзывы пользователей об их опыте покупок в Интернете.

Перейдите на сторону администратора и зайдите в раздел FormCraft> Forms . Нажмите на кнопку Новая форма , чтобы создать новую форму. Это должно дать вам пару вариантов, как показано на следующем скриншоте.

Создать новые параметры формы

Как видите, при создании новой формы вы можете выбрать один из существующих шаблонов или даже дублировать существующую форму. Однако в нашем случае мы будем использовать опцию Пустой, поскольку мы создаем нашу форму с нуля. Нажмите на пустую опцию, и это должно представить вам хороший интерфейс для создания форм, как показано на следующем скриншоте.

Создание пустой формы

Есть два основных раздела навигации; один позволяет вам настраивать глобальные параметры вашей формы, а другой — добавлять поля в вашу форму. Мы рассмотрим различные разделы, когда будем проходить настройку формы.

Во-первых, давайте добавим заголовок к нашей форме. Нажмите на Добавить поле> Заголовок . Это должно добавить поле заголовка к форме, и когда вы нажимаете на поле поля, оно позволяет вам настроить его, как показано на следующем снимке экрана. Введите E-Commerce Survey в заголовок поля заголовка. Кроме того, вы можете настроить другие параметры поля, как вам нужно!

Добавить заголовок формы

Далее мы добавим текстовое поле в нашу форму. Нажмите Add Field> One Line Input, и он добавит текстовое поле, как показано на следующем скриншоте.

Добавить текстовое поле

Я сделал это обязательным полем, так как оно понадобится нам от пользователя. Таким же образом добавьте текстовые поля Email и Mobile No. Далее мы добавим раскрывающееся поле для выбора отрасли , щелкнув ссылку « Добавить поле»> «Выпадающий список». Вы можете настроить его, как показано ниже.

Добавить выпадающий список

Таким же образом я добавил еще один выпадающий список, который спрашивает пользователя об их частоте покупок в Интернете. Я добавил очень часто , часто , изредка и редко как варианты.

Затем я добавил поле флажка, щелкнув ссылку « Добавить поле»> «флажок». В моем случае я спросил о категории, в которой пользователь чаще всего покупает, и варианты: Одежда , Электроника , Обувь , Книги и Мебель .

Двигаясь дальше, я добавил пару радиополей, щелкнув ссылку « Добавить поле»> «Выпадающий список». Важно отметить, что мы выбираем опцию « Раскрывающийся список», чтобы добавить переключатели. Если вы хотите визуализировать переключатели вместо флажков, просто снимите флажок « Разрешить множественный выбор» в конфигурации поля.

Конфигурация переключателя

Наконец, мы задали вопрос об их предпочтениях с помощью раскрывающегося списка. Мы также предоставили поле textarea на тот случай, если они захотят описать свой общий опыт. Со всеми кусочками, если вы нажмете кнопку « Просмотр» , она должна выглядеть как на рисунке ниже.

Предварительный просмотр заполненной формы

Обязательно сохраните настройки формы, нажав кнопку Сохранить в верхней части навигации.

Теперь мы создали нашу форму, и она готова опубликоваться и собрать пользовательский ввод из внешнего интерфейса. Несмотря на то, что мы можем видеть пользовательские представления из серверной части, было бы неплохо получить электронное письмо, когда есть новая пользовательская регистрация. Вы можете настроить адрес электронной почты, на который хотите получать письмо, в разделе « Настройки»> «Электронная почта»> «Уведомление по электронной почте ».

Настройки уведомлений по электронной почте

Теперь все на месте, и мы можем опубликовать нашу форму. Как обычно, вам просто нужно получить шорткод вашей формы, и вы можете разместить его там, где вы хотите отобразить форму. Вы можете получить код для вставки вашей формы в разделе « Настройки»> «Вставить ».

Короткий код

Скопируйте его и разместите на странице или в сообщении, чтобы отобразить форму. Вы можете проверить отправку формы в FormCraft> Записи .

Предварительный просмотр

Хотя мы создали простую форму опроса, плагин FormCraft также способен создавать сложные сложные формы с опциями конфигурации, которые он предоставляет. Вы можете создать что-нибудь от простой формы контакта до сложных, основанных на условиях, динамических форм, таких как:

  • формы рассылки
  • формы обратной связи
  • формы назначения
  • формы жалоб
  • формы цитаты

Так что это позволяет создавать различные типы форм!

Сегодня мы рассмотрели плагин FormCraft WordPress, доступный на CodeCanyon . Это плагин для создания форм, который позволяет создавать различные типы форм с помощью интерфейса перетаскивания. Хотя это коммерческий плагин, я считаю, что он по разумной цене, учитывая множество функций, которые он предоставляет.

  • WordPress
    20 лучших форм входа в WordPress на CodeCanyon
    Эрик Дай
  • Плагины для WordPress
    Лучшие плагины WordPress Form Builder для 2019
    Лорка Локасса Са
  • WordPress
    Создайте контактную форму в WordPress, используя бесплатный плагин
  • WordPress
    Создание форм WordPress, которые заполняются
    Рэйчел Макколлин
  • WordPress
    Лучшие бесплатные плагины для викторины WordPress
    Монти Шокин
  • WordPress
    Как выбрать плагин для WordPress Form Builder
    Лорка Локасса Са

Если у вас есть какие-либо предложения или комментарии, не стесняйтесь использовать канал ниже, и я буду рад вступить в разговор!