Как сделать формы на Wordpress без программиста

Данная инструкция написана по стопам исследования, ранее проведенного и выложенного в статье на VC.

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

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

Еще лет 15-20 назад на программирование даже простейших форм обратной связи с посетителями сайта уходило как минимум несколько часов - теперь же, этот функционал можно настраивать в несколько кликов мыши даже школьнику, затрачивая на весь процесс создания около 5-10 минут.

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

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

Итак, поехали!

Для выполнения данной инструкции потребуется:

1) Хостинг с поддержкой свежих версий PHP и MariaDB. Вы можете даже не вникать в технические детали хостинга и просто выбрать хостинг для Wordpress.

Если у Вас Интернет-магазин или просто сайт с большим количеством ежедневных посетителей, то вместо хостинга лучше использовать VPS, VDS или облачные серверы. Облачные серверы намного удобнее масштабировать, если ожидает серьезный прирост в нагрузке на веб-сайт.

2) Доменное имя для сайта (которое скорее всего у Вас уже зарегистрировано).

3) Доступ в панель управления доменом (для изменения DNS-записей).

4) Почтовый аккаунт, с которого будут приходить уведомления с запросами от пользователей сайта (пойдет даже бесплатная почта).

5) Небольшие знания в английском языке (или Google Translate).

6) Владение ПК на уровне пользователя.

По завершению данной инструкции у Вас будет сайт на Wordpress с формой (а быть может даже и несколькими формами).

Давайте приступим!

Данный шаг индивидуален для подавляющего большинства случаев т.к. абсолютно одинаковых сайтов практически не бывает (если их специально не делать), поэтому давать какие-либо советы по данному шагу, я считаю, бессмысленно.

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

В этой инструкции, это, пожалуй, самый важный шаг, потому что плагинов с формами в Wordpress достаточно много (их легко найти через поиск по слову "Forms").

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

Ниже на скриншоте показано, как в разделе плагинов найти Forminator и установить его. После установки плагина его необходимо активировать.

После активации плагина в Wordpress появляется новый раздел Forminator, где у Вас есть возможность создать свою первую форму с помощью кнопки "Create".

Разработчики заранее подготовили несколько шаблонов форм, которые можно брать "из коробки" практически готовыми к использованию. Для нашей инструкции необходимо выбрать "Contact Form" и нажать кнопку "Continue".

Далее ввести имя формы.

И перед нами, наконец-то, откроется редактор формы, где мы можем использовать как заготовленные поля, так и добавить новые, свои. С помощью "шестеренки" поля формы можно клонировать или начать редактировать.

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

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

Ни одна современная форма обратной связи не обходится без отправки почтовых уведомлений о новых сообщениях от посетителей сайта. Ведь в этих сообщениях могут быть заказы услуг или товаров! Так давайте же прикрутим к нашей форме какой-либо публичный сервис отправки уведомлений, например, электронную почту Яндекса.

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

В качестве SMTP-плагина у меня будет SMTP Mailer. Очень удобный плагин с подробным выводом ошибок при подключении.

Реквизиты моего подключения будут выглядеть как на скриншоте ниже. Если у Вас почта тоже на Яндексе, то просто заменить test@yandex.ru на свой адрес почтового ящика, создайте одноразовый пароль для приложения SMTP в настройках почтового ящика и сохраните настройки подключения в Wordpress.

Не забудьте на вкладке "Проверка отправки почты" убедиться, что почта отправляется корректно.

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

Если что-то требует корректировки - Вы всегда можете изменить шаблон уведомления через "Add Email Notification".

Ну, а моя инструкция на этом подошла к концу. Спасибо, что прочитали!

#selectel_инструкция