как вставить яндекс форму на сайт wordpress

Форма для пожертвований от Яндекс на WordPress

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

Говорить о данном способе заработка как об одном из основных источников дохода, получаемого с интернет-ресурса, хоть и некорректно, но и сбрасывать его со счетов было бы не совсем правильно.

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

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

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

Как добавить в WordPress форму пожертвований от Яндекс?

Как не сложно догадаться, потенциальные денежные поступления от использования данного способа заработка должны перечисляться на кошелек сервиса Яндекс.Деньги.

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

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

На первом этапе переходим в сервис Яндекс.Деньги:

В открывшемся окне из предложенного списка действий выбираем Получить Яндекс.Деньги:

В следующем окне в зависимости от вашего проекта и цели сбора денег нужно выбрать один из предложенных пунктов:

Я выбирал пункт Интернет-проектам и частным лицам. После этого должно появиться окно, в котором будет предложено определиться с необходимыми инструментами для интернет-проекта. Нас интересует форма для сбора пожертвований, поэтому выбираем пункт Конструктор формы:

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

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

Кратко пробежимся по основным настройкам формы, доступным в данном конструкторе:

После того, как все настройки в конструкторе формы произведены, нажимаем на кнопку Создать форму, в результате чего сгенерируется код формы:

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

Я решил разместить данную форму после каждой статьи моего сайта, для чего разместил код в файле single.php:

В результате всех произведенных действий форма для пожертвований появилась именно там, где я и планировал:

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

UPDATE: форму в итоге через некоторое время я убрал.

Источник

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

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

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

Ну, а для тех сайтовладельцев, кто еще не переехал на 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».

Источник

Пробуем Яндекс.Формы

31 июля 2018-го Яндекс объявил о запуске собственного сервиса по созданию форм и опросов, по образу Google Forms. Их различия между собой мы разберём в другой статье, а в этой попробуем релизную версию Яндекс.Форм, сделаем тестовую обратую связь и дадим свою субъективную оценку.

Что умеет Яндекс.Форма?

Официальный лендинг сервиса обещает немного — в качестве главных преимуществ заявлено:

Но главные преимущества Я.Форм для широкого круга пользователей — простота и бесплатность. Оценим конструктора на примере конкретной задачи — простая запись на посещение на лендинге стрелкового клуба.

Создание и настройка Яндекс-Форм

После входа сервис Вы сразу попадаете на страницу со всеми созданными опросами и ФОС. Никаких привязок к сайту или настроек здесь нет, только список всех форм, поиск по ним и кнопка создания новой. Авторизация работает по обычному аккаунту Яндекса.

Главная страница

Щёлкаем «+Новая форма», удивляемся многообразию готовых шаблонов — их всего четыре. Нам ни один особо не подходит, поэтому создаём с нуля.

Доступные шаблоны

Самих типов полей довольно много. Добавляются они тоже удобно — по клику поле автоматически добавляется следующим, вместе с открытием окна его настройки. Все поля можно сделать обязательными, поменять заголовок поля (вопросы, если это анкета), почти всем добавить текстовый комментарий мелким шрифтом снизу. Очерёдность полей меняется перетаскиванием.

Непосредственно экран настройки формы

Работать с конструктором довольно просто и удобно, но по функционалу есть нарекания:

Нам для записи на сеанс в стрелковый клуб нужные следующие поля: имя обращающегося, его номер, количество человек в группе, дата и время визита. А также галочка согласия с политикой обработки персональных данных, как того требует ФЗ-152.

Оформление

Куда хуже дела обстоят с дизайном. Есть возможность выбрать цвет фона, цвет шрифта и кнопок, несколько цветовых схем на выбор и цветастых бэкграундов, на каждом из которых белые квадратные поля выглядят ужасно. Фото-обои на фон вроде «Розовых облаков» или «Мокрого бетона» не особо спасают.

Все доступные варианты оформления

Интеграция и отправка

Наша главная цель — получать заявки с лендинга. Яндекс предлагает для этого только интеграцию с Я.Трекером, который не пользуется особой популярностью, или отправку на Я.Почту. Так как в примере взят лендинг с записью по времени, обработка заявок только с почтой не кажется удобным вариантом — все лиды придётся переписывать, копировать или обрабатывать «на глазок» прямо в почте.

Настройка отправки заявок в Яндекс.Формах

Установка на сайт + итог

В готовой форме не получилось учесть несколько нюансов.

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

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

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

С первой попытки Яндекс.Форма встала с ошибкой

Сначала форма отрисовалась с ошибкой, что уже жирный минус для тех, кто не обладает навыками вёрстки и html. Решилась ситуация добавлением блока DIV вокруг кода для вставки.

Отрисовалась правильно, но заказчик закономерно требует разместить её по центру

Здесь тоже понадобились базовые навыки HTML и CSS блоку кода, который генерирует форму задали позицию по центру.

Итоговый вид

Выводы

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

Итог: сервис по созданию обратной связи от Яндекса оказался не особо функционален. Как и Гугл у него нет никаких возможностей интеграции, кроме как со своими сервисами, очень ограничены настройки оформления, есть грубые ошибки в функционале полей. И что критично для использования в бизнесе — невозможно задать своё соглашения об обработке ПД. С точки зрения закона это означает что и обрабатывать заявки нигде кроме как внутри экосистемы Яндекса вы имеете права. В противном случае, рискуете получить штраф от 10 000 рублей.

Больше всего ЯФ подходит для создания опросов и анкет. Здесь можно выстроить достаточно удобную цепочку вопросов для пользователей, много разных типов полей и удобно анализировать выходные данные, в том числе графически. Удобно и то что можно рассылать ссылку на анкеты через e-mail или мессенджеры.

В случаях когда Я.Формы нужно поставить на сайт и собирать заявки потенциальных клиентов почти всегда будут проблемы, многие из них мы разобрали выше. Поэтому хочется предложить альтернативу, которая почти во всём превосходит сервис от Яндекса — наш коструктор обратной связи QForm.

Давайте сравим оба инструмента, начиная с главного:

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

Источник

Руководство по Яндекс.Формы

В августе 2018 г. в блоге российской IT-компании появилась статья «Яндекс.Формы для всех», что означало выход сервиса из бета-версии. У пользователей появилась возможность бесплатно использовать Формы не только внутри организации, но и делать их публичными.

Подобный конструктор для создания форм и опросов есть у Google – Forms. Во многом продукт Яндекса схож с сервисом конкурента, но есть и отличия. Предлагаю рассмотреть функционал и схему работы с Яндекс.Формами, а дальше выбирайте сами – что вам удобнее и комфортнее для решения конкретных задач.

Потенциал сервиса

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

Основные возможности сервиса:

Яндекс.Формы для бизнеса

Яндекс.Формы входит в перечень сервисов Коннекта – виртуального пространства для совместной работы сотрудников компании. Поэтому есть возможность подключать Формы к аккаунту Коннекта, в который также входят Трекер, Вики, Диск, Почта, Чаты от Яндекса. Функция подключения/отключения выдаётся только администраторам организации.

Инструкция по созданию Яндекс.Формы

Если вы планируете работать в команде, нужно пройти регистрацию в Яндекс.Коннекте, подключив свою организацию. Если нет – просто авторизуйтесь в Яндексе и приступайте к созданию Формы.

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

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

Добавление и настройка блоков

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

Обратите внимание, блоки можно перемещать – для этого наведите курсор на горизонтальные точки в поле блока, удерживайте левой кнопкой мыши и меняйте очередность. Форма может состоять из нескольких страниц – опция «Добавить страницу».

Редактирование блока

Кликаю на блок – открывается поле для его редактирования. В первом блоке можно задать комментарий, сделать текст заголовком. Нажимаю «Сохранить».

В блоке «Короткий текст» можно вводить вопрос, добавлять комментарий, сделать его обязательным для ответа. Кстати, справа отображается предпросмотр конкретного блока. Сохраняю.

В результате я создал 1 страницу формы. Нажимаю «Предпросмотр» и смотрю, как будет выглядеть вся форма.

Настройка условий появления блоков

В моём случае условия показа – «Всегда». Но я поясню, что такая функция есть. Наводите курсор на определённый блок, появляются 3 значка, один из которых «Условия показа».

Например, вы можете создать блок «Требуется ли вам помощь консультанта?» с вариантами ответа – да/нет. И настроить показы следующих блоков в зависимости от ответа.

Задавать условия можно несколькими способами:

Настройки формы

Открываю соответствующую вкладку. Для работы есть 3 раздела.

Оформление формы

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

В текст формы добавляются элементы форматирования, используя Markdown-разметку. Отформатировать удастся следующее: текст вопроса, комментарии к вопросу, варианты ответов, сообщение об отправке. На скриншоте указаны пояснения со страницы Яндекс.Помощь.

Публикация формы

Разработчик предлагает 3 основных сценария публикации.

Снятие формы с публикации происходит в этой же вкладке путём передвижения бегунка влево.

Сбор ответов

Для примера я взял шаблон формы «Социологический опрос», опубликовал по ссылке и дал ответы. Информация о количестве ответов отображается в разделе «Мои формы».

Открываем нужную форму, раздел «Ответы». На экране показаны 2 блока: первый – настройки сбора сведений по ответам, второй – показ ответов по вопросам в процентном соотношении.

В 1 блоке задаются настройки для скачивания – определённые вопросы, формат, даты, а также дополнительные параметры – данные пользователя и ответа.

Второй блок даёт наглядную информацию о полученных данных.

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

Во вкладке «Уведомления» задаётся отправка письма:

В каждое поле можно вставить переменные, то есть данные из самой формы. В каких случаях пригодится эта функция? Например, вы разместили форму с анкетой на вакансию. С помощью этого инструмента получится отправлять ответы на вопросы из анкеты в отдел кадров. Уведомления могут отправляться всегда или при определённых условиях, которые задаются таким же образом, как и в процессе заполнения формы.

Внизу страницы показаны 3 блока:

Вывод

Яндекс.Формы – удобный и понятный инструмент. Каких-либо профессиональных навыков от вас точно не потребуется. Он универсален для личных целей и работы компании. С его помощью легко поддерживается как коммуникация с клиентами, так и межкорпоративная связь – опросы, приём заявок, платежей, сбор обратной связи и т.д. Для бесплатного сервиса функционал вполне приличный. Интеграция с продуктами Яндекс.Коннекта – весомый плюс. В отличие от Google Forms продукт Яндекса пока не столь востребован, но думаю, дело времени.

Источник