Разное

Форма онлайн заказа для сайта: Форма заказа товара для сайта!

Содержание

Форма заказа для сайта (html, готовая)

Преимущество формы заказа EasyNetShop


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

  • Доступна с любого места сайта.

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


  • Покупка нескольких товаров.

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



  • Автоматический расчет.

    Обычно форма заказа ничего не считает. Она может только передавать статические данные, заполненные покупателем. А реализованная в виде корзины товара форма заказа может автоматически рассчитывать суммарную стоимость и удалять из заказа ненужные пункты. Это весьма удобно для окончательного формирования заказа на сайте

Ещё несколько позитивных моментов в форме заказа EasyNetShop:

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

Заполненная и отправленная форма заказа остается формальностью и даже если получен обратный ответ о том, что заявка получена. Это не дает 100%ой уверенности покупателю в том, что именно совершена покупка. Не получив ответа и не понимая стоит ли ему его ждать (какое время) — покупатель продолжит поиск товара на других сайтах.
Совсем другое дело, если покупатель оформил заказ через корзину товаров и ему пришел тот же самый автоматический ответ о том, что заказ №… оформлен. Это уже не формальность.

Есть определенная ожидаемая модель поведения покупателя на сайте, выработанная типовыми интернет-магазинами и практически любой покупатель будет искать привычную для него кнопку “добавить в корзину”, а затем и саму корзину для завершения заказа. Наличие формы заказа для покупки товара — это уход от типичного поведения покупателя и может вызвать неопределенную реакцию (от сложностей, до ухода с сайта)

юзабилити форм и рекомендации по его улучшению

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

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


  • Форма заказа обратного звонка

    Рекомендуем всем коммерческим сайтам использовать данную форму. Идеальное место размещения – шапка сайта, рядом с номером телефона. Причем не стоит показывать поля ввода сразу, лучше их скрыть под кнопкой «Заказать звонок» и выводить после клика. Не обязательно делать кнопку яркой, в виде ссылки она будет так же хорошо заметна:

    В развернутой версии достаточно двух полей «Телефон» и «Имя» и где обязательно для заполнения только первое:

    Можно оставить только одно поле для ввода телефона, тоже вполне рабочий вариант, хотя придется у каждого клиента при звонке сначала спрашивать имя:

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


  • Форма консультации

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

    Первый вариант размещения (пример с сайта Танго и Кэш):

    Второй вариант размещения (пример с сайта Okna-dpa):

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

    Количество полей так же рекомендуем оставлять небольшим. Спрашивайте имя, а вместо номера телефона можно запрашивать email пользователя (сделайте второе поле обязательным для заполнения).

    Ещё данную форму стоит разместить на странице контактов. Обязательно добавьте поле для комментария, чтобы пользователи могли рассказать, по какому вопросу они обращаются в компанию.

    Форма обратной связи на странице контактов YouDesign:


  • Форма заказа услуг

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

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

    • «Вид услуги» или «Тариф» – данное поле лучше заполнять автоматически или разместить в виде текста в начале формы
    • «Имя»
    • «Телефон» – сделайте поле обязательным для заполнения
    • «Email» – чтобы продублировать информацию о заказе клиенту
    • «Комментарий» – возможно, у клиента есть уточнения

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


  • Форма заказа товаров

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

    Для новых клиентов. Не заставляйте их регистрироваться, чтобы возвратиться к заказу. Так вы только оттолкнете их. Достаточно добавить несколько полей с контактной информацией. Спросите имя, телефон, email и адрес доставки. Так пользователю не придётся совершать лишние действия, а вы получите нового клиента. По email можно сделать автоматическую регистрацию и выслать клиенту пароль на почту.

    Пример размещения полей в форме для новых пользователей на Ozon:

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

    Форма заказа на Wildberries, где даже выводится прошлый выбор способа доставки и оплаты (но оставляют возможность их изменить):

    Многие разбивают ввод адреса доставки на несколько полей, отдельно запрашивая индекс, название города, улицы, номер дома и т. д., что выглядит очень громоздко. Антипример с сайта Ангорочка:

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

    Обязательными полями для ввода следует сделать контактные данные, адрес доставки, выбор способа доставки и оплаты. Форму можно выводит поэтапно, но и не возбраняется показать все поля сразу. Главное, визуально разделите их на смысловые группы.


  • Форма регистрации

    Рекомендуем отделять ее от формы авторизации, потому что многих новых клиентов дезориентирует кнопка «Войти». Две ссылки рядом не будут занимать много места и сократят время поиска. Также форма всегда должна быть заметна, поэтому лучше разметить ее в шапке сайта. Самый привычный вариант – в верхнем правом углу в виде ссылки (пример от Аква-Вива):

    В целом форма должна содержать те же поля, что и форма заказа (и обязательные поля для ввода такие же), поэтому советуем не перегружать ее лишними пунктами и для адреса оформить общее поле. Помните, что регистрация это дополнительные действия для клиента, поэтому не отталкивайте его длинным списком. Можно спросить дату рождения, чтобы отправлять поздравления и скидки, но заставлять клиента придумывать никнейм или указывать дополнительный телефон или адрес – лишнее.

    Шикарная практика предлагать клиентам зарегистрироваться через соцсети. Так клиенту не придется придумывать пароль и в целом регистрация пройдет быстрее. Пример использования такой возможности на сайте Asos:

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

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

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


  • Форма авторизации

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

    Пример хорошей формы авторизации от Lamoda, где предлагают два варианта входа на сайт:

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


  • Форма подписки на рассылку

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

    Разместить форму следует на Главной странице, чтобы пользователь сразу увидел, что есть такая возможность. Лучше после всей основной информации, внизу страницы (пример от Lavkalavka):

    Если на сайте есть блог, и в письмах, помимо товаров и услуг, вы анонсируете новые статьи, то тогда можно добавить форму на общей странице раздела, например, справа от статей, как это сделало у Vkusnosti by Mado:

    В форме подписки, конечно же, нужно поле «Email», и еще можно спросить имя, чтобы сделать письма более персонализированными.

    Иногда для подписок имеет смысл завести отдельную страницу. Так у вас будет больше шансов убедить читателя оставить свой контакт. На таких страницах обязательно укажите тематику писем (в идеале, дайте ссылку на пример письма) и опишите как часто они будут приходить на почту (желательно выделить определенный день, число), чтобы пользователь решил, подходит ли ему ваш формат. В октябре 2017 мы обновили свою страницу подписки. Посмотрите как это сделали мы – смотреть страницу подписки.

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

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

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

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

    Заказать формы для сайта в Москве — YouDo

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

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

    Разработка и создание форм как способ коммуникации с посетителем

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

    Но, если заказать услуги профессионального специалиста, которого просто найти на сайте Юду, заказчик получит:

    • Разработку и создание индивидуальных форм с внедрением всех пожеланий заказчика
    • Яркий дизайн формы, привлекающий внимание
    • Низкую стоимость работ, при которой оплата происходит по факту выполненного проекта
    • Порядочное и ответственное отношение со стороны исполнителя сайта Юду

    Для чего необходимы формы, и какими они бывают?

    Способов создания форм обратной связи существует множество, все зависит от cms-платформы и их назначений на сайте.

    Виды форм:

    • Форма регистрации
    • Форма заполнения контактных данных
    • Форма отправки сообщений
    • Форма совершения покупок
    • Форма добавления отзыва, комментариев и т. д.

    Создание форм для сайта опытными веб-мастерами выполняется различной сложности: для Joomla, WordPress, HTML и многого другого. Уникальный дизайн модулей способствует поддержке и развитию сайта, привлечению внимания, созданию собственной базы клиентов, продвижению товаров и услуг.

    Разработка индивидуальных программных модулей обычно занимает по срокам не более 2-3 дней. Цена на услуги обговаривается с исполнителем индивидуально.

    Идеальная форма заказ товара. Грамотное создание сайтов. | Шаблоны Joomla

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

    Что такое форма заказа в интернет-магазине?

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

    Что лучше: развернутая форма заказа или максимально лаконичная?

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

    Лаконичная форма заказа обычно включат 2-3 поля, которые нужно заполнит покупателю. Это – имя, контактный телефон, изредка плюс е-майл. Цель такой упрощенной формы заказа – сделать максимально простым оформление заказа в онлайн-магазине. Например, когда покупатель делает заказ через смартфон или плашет и ему не удобно заполнять все поля формы заказа. Также существуют другие причинны – банальная лень покупателя заполнять всю форму, спешка, прочее. Недостаток данной формы, что после оформления заказа менеджер магазина должен тратит свое время на согласования необходимых вопросов по заказу, например, каким способом покупатель хочет сделать оплату, выставить счет-фактуру к оплате, узнать адрес покупателя для отправки товара. Конечно же, на первом месте покупатель, поэтому ради таких покупателей большинство лидирующих интернет-магазинов ввели минимизированную форму заказа.

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

    Что бы угодить и тем и другим покупателям, интернет-магазины используют два вида оформления заказа:

    • Быстрое / простое / в 1 клик
    • Развернутое / полное / стандартное

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

    Зачем форма заказа и какую цель она выполняет?

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

    Без возможности оформления заказа теряется весь смысл электронной коммерции.

    Как сделать грамотную форму заказа в интернет-магазине?

    Способ 1. Под ключ заказать в веб-студии. Хотя на самом деле разрабатывать интернет-магазин нужно изначально грамотно, тогда не будет необходимости его дорабатывать. Поэтому лучше потратить больше времени на составление развернутых пожеланий и выбор исполнителя. Для поиска веб-студий, наберите в поисковой системе, например, создание сайтов в Краснодаре и Вы увидите список веб-студий, которые предоставляют услуги по созданию сайтов в Вашем регионе.

    Способ 2. Можно использовать готовый модуль. Единственное на что нужно обращать внимание совместимость модуля с движком Вашего интернет-магазина.

    Способ 3. Можно настроить форму заказа самостоятельно, если движок интернет-магазина позволяет гибко настроить форму заказа. Для этого изучите возможности CMS онлайн-магазина.

    Полезное

    Как создать форму онлайн заказа

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

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

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

    Приступим к пошаговому созданию.

    Инструкция, разбита по пунктам:

    1. После того как вы успешно прошли регистрацию, заполните поля «имя проекта» и «имя формы».
    2. Далее, продумайте и добавьте нужные поля. Для того чтобы добавить новое поле, перейдите в меню «формы» (после того, как вы создали проект, вы уже находитесь в этом разделе сайта автоматически) и укажите тип для поля и его название. Обычно, типы полей имеют различные свойства. Для формы онлайн заказа лучше всего подходят следующие поля: многострочный текст, строка текста, дата, страна проживания, город, улица. Вы можете добавить дополнительные поля, учитывая особенности предлагаемых вами услуг или убрать ненужные.
    3. Для проверки данных, которые пользователь будет вводить в созданном нами виджете онлайн заказа, каждое поле имеет функцию проверки (Валидация). Таким образом можно избавится и отфильтровать ложную, а иногда неверную информацию. Установив Валидацию и поля, можем перейти к оформлению дизайна виджета.
    4. Чтобы правильно выбрать цветовую гамму для виджета, перейдите по «настроить и встроить». В данном пункте вы можете изменить внешний вид виджета в зависимости от оформления вашего сайта, на который эта форма будет установлена. Для анти-спам установите капча (captcha)!
    5. Для того чтобы вмонтировать форму на интернет-сайт или блог, нужно просто копировать код для вставки, нажав на этот код и потом можете разместить его на вашем сайте.
    6. Представляете, это все! Вы сделали онлайн форму заказа на сайт, потратив всего несколько минут.

    Веб-формы на сайте — виды форм, советы по их улучшению и примеры

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

    Основные виды форм на сайте

    Расскажем о видах форм и их особенностях, которые могут встретится на сайте.

    Форма для обратной связи

    Встречается почти на всех коммерческих сайтах. Цель данной формы — получить данные клиента для дальнейшего звонка менеджера. Как правило форма открывается после нажатия кнопки вверху сайта:

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

    Форма для подписки на рассылку

    Еще один способ получить данные клиента и осуществлять продажи через email-маркетинг.

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

    Форма для заказа

    Одна из основных форм, которая встречается на сайтах — форма заказа товара. Например, на сайте s7 с помощью формы можно выставить нужные параметры и купить билет на рейс:

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

    Форма оформления покупки

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

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

    Для новых клиентов желательно не создавать две формы: регистрации и оформления заказа, а объединить все в одну, с указанием необходимых контактных данных для создания личного кабинета.

    Форма авторизации и регистрации

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

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

    Форма для заказа консультации

    Для тех клиентов, которые хотят «только спросить» маркетологи придумали форму консультации — если у пользователя есть вопросы, они могут написать их в специальную форму и получить ответ по e-mail или телефону.

    Иногда такие решения заменяет встроенный онлайн-консультант, который оформлен в виде чата со специалистом:

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

    Совет 1. Разместите форму в заметном месте

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

    Как лучше размещать формы на сайте?

    1. Использовать шапку сайта

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

    2. Главный экран

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

    Однако, иногда такие формы игнорируются при первом переходе на сайт, так как клиенты не заказывают товар или услугу, не просмотрев всю страницу целиком.

    3. В контенте

    Чтобы «поймать» клиента, формы размещают в середине контента:

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

    4. Футер

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

    Совет 2. Сократите количество полей

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

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

    Также можно упростить ввод настройками — автоматическим определением города, выпадающими списками, маску ввода по телефонному номеру, подсказками и прочим:

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

    Совет 3. Продумайте названия полей

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

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

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

    Надписи на кнопках также должны быть конкретными — не «Записаться» а «Записаться на консультацию». Так клиент понимает, какое действие совершает.

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

    Названия полей обычно располагаются слева или сверху.

    Совет 4. Учитывайте все состояния полей

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

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

    Так мы обозначили ошибку пользователя, если он не поставил галочку в форме:

    Также важно указывать, какие поля являются обязательными для заполнения. Обычно их обозначают *.

    Совет 5. Оформите подтверждение после корректного заполнения формы

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

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

    Совет 6. Позаботьтесь о безопасности

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

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

    Совет 7. Добавьте мотивации

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

    Люди заполняют формы ради результата. Какую еще мотивацию можно добавить для клиента?

    1. Что-то материальное

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

    2. Быстрые результаты

    Укажите сроки, в которые клиент получит заказ. «Сделаем и доставим через 3 дня» лучше чем «Сроки и доставка рассчитываются индивидуально». Также работают такие формы как «Перезвоним через 40 секунд». Клиенту станет интересно проверить, так ли это на самом деле.

    3. Персонализированное предложение

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

    Совет 8. Я не робот!

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

    Если есть потребность в использовании капчи, наилучший вариант — reCaptcha от Google. Это простая кнопка, которая не требует усилий при заполнении.

    Совет 9. Подбирайте цвета

    Как уже говорилось, формы следует выделять среди основного контента, так как основная цель ее размещения — привлечение внимания и призыв к действию. Используйте контрастные цвета, яркие привлекательные фото, анимацию. Также можно использовать фотографии людей, так как лица привлекают внимание пользователей (подробнее об этом можно прочитать здесь).

    Что касается полей и кнопок, лучше разделять их по цвету на главные и второстепенные. Например, использовать яркий цвет для кнопки «Регистрация» и приглушенные оттенки для «Пропустить».

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

    Совет 10. Тестирование формы

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

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

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

    Шаблоны и примеры форм- Testograf.ru

    Формы онлайн заказа

    Простой и быстрый способ сбора заказов. Вы можете разместить форму на своем веб-сайте помощью виджета или встраивания.

    Создать форму заказа

    Лид-формы

    Установите лид-форму на сайт и собирайте любые данные пользователей или заявки в максимально удобной для вас и ваших клиентов формате. Не упускайте дополнительную возможность для увеличения продаж!

    Создать лид-форму

    Формы обратной связи

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

    Создать форму обратной связи

    Формы приглашения

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

    Создать форму приглашения

    Формы регистрации

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

    Формы регистрации

    Формы оценки

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

    Создать форму оценки

    Другие формы

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

    Создать форму

    Используйте онлайн-форму заказа Wufoo, чтобы дать вашим клиентам простой способ покупать товары с вашего веб-сайта

    Сверхфункциональные, привлекательные и простые в использовании формы онлайн-заказов

    Wufoo необходимы для любого веб-сайта электронной торговли.

    Если вы когда-нибудь мечтали создать бизнес-подразделение своей компании в области электронной коммерции или зарабатывать на жизнь продажей своих искусных продуктов в Интернете, вот вам хорошие новости: у Wufoo есть инструменты, которые позволяют без стресса управлять веб-сайтом электронной торговли.У нас есть множество онлайн-форм заказа, а также некоторые довольно крутые закулисные функции, которые сделают прием заказов и обработку платежей несложным. Так что независимо от того, является ли ваш бизнес цветочным магазином, который принимает заказы через Интернет, или фирмой по дизайну веб-сайтов (плюс все промежуточные виды бизнеса), у нас есть только форма для вас.

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

    Готовые шаблоны специально для вашего бизнеса

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

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

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

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

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

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

    Принимайте платежи через форму онлайн-заказа Wufoo

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

    Вам не нужно тратить весь день на создание онлайн-форм заказов

    Компания Wufoo — большой поклонник удобства, и мы разработали целый набор инструментов для ускорения процесса создания веб-сайтов. Наш инструмент Drag ‘n Drop — отличный тому пример. Когда вы перейдете к разработке своей онлайн-формы заказа, вы обнаружите, что ее так легко разработать благодаря функции перетаскивания — не требуется кодирование — и вам не нужно иметь степень в области ИТ, чтобы понять это!

    Создайте форму заказа, соответствующую вашему веб-сайту, бренду и даже вашим счетам.

    Когда люди переходят на страницу вашего заказа, чтобы выбрать свой товар (-ы) и отправить платеж, вы хотите, чтобы опыт был безупречным; не должно казаться, что они покидают ваш сайт и переходят на другой.Формы заказов Wufoo предназначены для интеграции на ваш веб-сайт — поэтому мы создали наш дизайнер тем. Он полон красивых тем, которые вы можете создать в соответствии со своим брендом. Но это еще не все. Более того: вы можете применить темы брендинга к своим платежным формам, отчетам и даже счетам. Используйте свой существующий логотип или цвета или просмотрите нашу галерею тем для поиска идей.

    Все еще любопытно, как работает Wufoo?

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

    Вы можете полностью настроить внешний вид ваших форм с помощью нашего дизайнера тем, выбрав цвета, соответствующие вашему бренду или теме, а также добавив логотип вашей компании или свадебные цвета к вашим формам. Вы даже можете использовать один из почти 300 шаблонов форм в нашей Галерее форм, чтобы сразу приступить к созданию форм, или посмотрите наши Примеры, чтобы узнать, как вы можете использовать Wufoo в своей компании.

    Wufoo является партнером и работает с множеством других приложений, позволяя вам принимать данные и информацию через ваши формы и отправлять их в другие приложения, которые использует ваша компания. У нас есть интеграция с такими приложениями, как MailChimp, Dropbox, Zapier, Salesforce, WordPress и другими.

    онлайн-форм заказа — просто и БЕСПЛАТНО

    Увеличьте свои онлайн-продажи прямо сейчас, не вкладывая средства в полноценный интернет-магазин! Конструктор онлайн-форм заказа AidaForm позволяет вам легко создавать формы заказов, используя предварительно разработанные поля заказа покупок, и продавать свои товары с помощью Stripe и PayPal.

    Разместите ссылку на созданную вами онлайн-форму заказа и начните продавать везде — в Instagram, Facebook или на любых других страницах социальных сетей. Вы можете связать форму с кнопкой «Купить» на своем веб-сайте или просто скопировать и вставить код формы, чтобы встроить ее на свою веб-страницу. Все данные о собранных заказах надежно хранятся в вашей учетной записи AidaForm, где вы можете просматривать, управлять и загружать их для дальнейшей обработки.

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

    AidaForm — это простой онлайн-инструмент для создания форм заказа, который можно освоить за считанные минуты

    Шаг 1

    Создание формы индивидуального заказа

    AidaForm позволяет создать простую форму заказа без кодирования: вы можете просто перетащить каждое поле, которое хотите, на пустую страницу. Используйте поле «Корзина заказа» для сбора заказов без предоплаты или настройте поля « Paypal » или « Stripe » для сбора платежей PayPal и кредитных карт.Запрашивайте электронную почту и адрес доставки, используя готовые элементы, добавьте селектор даты, если вы предлагаете доставку или услуги в желаемую дату, вставьте свободное текстовое поле для особых замечаний или комментариев. Все формы, созданные в AidaForm, оптимизированы для мобильных устройств.

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

    Шаг 2

    Изменить дизайн формы

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

    Шаг 3

    Опубликуйте форму заказа

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

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

    Шаг 4

    Интегрируйте заказы в свой рабочий процесс

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

    Часто задаваемые вопросы о формах заказа клиентов

    Ищу бесплатный бланк заказа. Могу ли я использовать AidaForm?

    Да. Вы можете забирать заказы без предоплаты, используя бесплатную учетную запись AidaForm.

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

    Защищены ли формы заказов моих клиентов с помощью AidaForm?

    AidaForm — это генератор форм онлайн-заказов, который позволяет создавать все виды форм бизнес-заказов. Мы серьезно относимся к безопасности заказов, поэтому все платежи обрабатываются через PayPal или Stripe.

    AidaForm не собирает и не обрабатывает конфиденциальную платежную информацию. Вам также не разрешается собирать платежную информацию через AidaForm.

    Как сделать формы заказа соответствующими GDPR и DPL?

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

    Вам необходимо разрешение на сбор и обработку пользовательских данных. Используйте стандартные флажки AidaForm, чтобы запросить их: «Согласие на получение электронных писем» и «Соглашение об условиях использования и политике конфиденциальности». Эти флажки поставляются с текстами подтверждения, которые были одобрены юристом, поэтому просто добавьте ссылки на вашу конфиденциальность. Политика, Заявление о защите данных и Условия использования.

    Могу ли я экспортировать заказы в Google Таблицы или Excel?

    Да. AidaForm имеет встроенную интеграцию с Google Таблицами, которая позволяет отправлять заказы в электронную таблицу в вашей учетной записи Google.

    Вы также можете экспортировать весь список заказов в PDF, CSV и Excel из своей учетной записи AidaForm. Для этого перейдите в раздел «Входящие ответы» формы заказа на AidaForm и воспользуйтесь опцией «Экспорт в Excel».

    4 Рекомендации по использованию бланков онлайн-заказов

    1

    Собирайте только информацию, относящуюся к заказу

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

    2

    Спросите о заказе Подробности первый

    Форма заказа — это все о продукте или услуге. Пусть покупатель сначала выберет варианты продукта, чтобы заинтересовать их: цвета, размеры, вкус, количество, подарочные упаковки и все такое прочее. Это заставляет пользователя вкладывать свое время и усилия в первую очередь в вашу форму, чтобы у них было больше мотивации выполнить сложную часть — контактную информацию и оплату.

    3

    Используйте изображения для заказа впечатлений

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

    4

    После оформления заказа попросите клиентов просмотреть его

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

    Как создать форму заказа в WordPress [+ бесплатные шаблоны]

    Вам нужно добавить простую форму заказа на свой сайт WordPress?

    Плагин WPForms работает как простой создатель форм заказа и интегрируется с Stripe, Authorize.Net и PayPal.

    Таким образом, вы можете создать форму заказа за считанные минуты, со всеми необходимыми настройками.

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

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

    Нажмите здесь, чтобы начать оформление заказа

    Видеоурок по созданию формы заказа WordPress

    Мы создали видео, в котором показано, как создать форму заказа в WordPress.

    Если вы предпочитаете читать инструкции, мы рассмотрим процесс, выполнив следующие действия.

    Как мне создать форму заказа для моего веб-сайта?

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

    Как создать простую форму заказа W с Онлайн-платежи:

    1. Создайте простую форму заказа в WordPress
    2. Настройте уведомления формы заказа
    3. Настройте подтверждения формы заказа
    4. Настройка параметров оплаты
    5. Добавьте простую форму заказа на свой сайт

    или

    Как создать простую форму заказа без онлайн-платежей:

    1. Создайте простую форму заказа в WordPress
    2. Редактируйте уведомления о формах заказа
    3. Настройте подтверждения формы заказа
    4. Добавьте простую форму заказа на свой сайт

    Как создать простую форму заказа

    с помощью онлайн-платежей

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

    Здесь мы собираемся показать вам, как создать форму заказа WordPress, которая будет принимать платежи по кредитным картам и PayPal. Так что, если вы хотите принимать онлайн-платежи за заказы через веб-форму заказа на своем сайте, вам сюда.

    Шаг 1. Создайте простую форму заказа в WordPress

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

    Затем перейдите к WPForms »Добавить новый , чтобы создать новую форму.

    На экране настройки создателя формы заказа назовите форму и выберите шаблон формы Счета / заказа.

    Затем вы захотите изменить, какие товары доступны для заказа.

    Для этого прокрутите вниз до раздела «Доступные элементы» справа, который включает шаблон, и щелкните по нему.

    Это откроет «Параметры поля» на левой панели. Здесь вы можете переименовать поле, добавить или удалить позиции заказа, а также изменить цены.

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

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

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

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

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

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

    По завершении нажмите Сохранить .

    Шаг 2. Настройте уведомления формы

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

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

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

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

    Начните с нажатия вкладки Settings в конструкторе форм, а затем щелкните Notifications .

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

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

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

    Затем вы можете изменить тему электронного письма, чтобы оно было более конкретным. Кроме того, вы можете настроить электронные письма «От имени», «От электронной почты» и «Ответить».

    И не забудьте добавить персонализированное сообщение, если электронное письмо отправлено кому-нибудь, кроме вас самих.

    Если вы хотите включить всю информацию из полей формы отправленного заказа, используйте смарт-тег {all_fields} .

    Для получения дополнительной помощи по смарт-тегам ознакомьтесь с этим руководством о том, как использовать смарт-теги в WPForms.

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

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

    Еще лучше, если вы хотите, вы можете отправить автоматическую квитанцию ​​по электронной почте формы заказа WordPress всем клиентам, которые отправляют заказ.

    Шаг 3. Настройте подтверждения формы

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

    Вы можете выбрать один из трех типов подтверждения:

    1. Сообщение. Это тип подтверждения по умолчанию в WPForms. Когда клиент отправляет форму заказа, появляется простое сообщение с подтверждением, информирующее его о том, что его форма была обработана.Посмотрите здесь несколько сообщений об успехе, которые помогут сделать клиентов счастливыми.
    2. Показать страницу. Этот тип подтверждения приведет клиентов на определенную веб-страницу на вашем сайте, где они будут благодарить их за заказ. Чтобы получить помощь, ознакомьтесь с нашим руководством по перенаправлению клиентов на страницу с благодарностью. Кроме того, обязательно ознакомьтесь с нашей статьей о создании эффективных страниц с благодарностью за повышение лояльности клиентов.
    3. Перейти к URL (перенаправление). Этот параметр используется, когда вы хотите отправить клиентов на другой веб-сайт.

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

    Сначала щелкните вкладку Confirmation в редакторе форм в разделе Settings .

    Затем выберите тип подтверждения, которое вы хотите создать. В этом примере мы выберем Сообщение .

    Затем настройте подтверждающее сообщение по своему вкусу и нажмите Сохранить , когда закончите.

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

    Шаг 4. Настройте параметры оплаты

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

    WPForms предлагает 3 платежных интеграции с самыми популярными платежными системами.Плагин интегрируется с платежными процессорами PayPal, Authorize.Net и Stripe для приема платежей. Когда вы предлагаете клиентам несколько способов оплаты, это отличный способ уменьшить количество отказов, оставленных с помощью формы заказа.

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

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

    После этого перейдите на вкладку Payments в редакторе форм.

    В нашем примере мы настроим PayPal для обработки заказов.

    После нажатия PayPal вам нужно будет ввести свой адрес электронной почты PayPal, выбрать режим Production , выбрать Products and Services и при необходимости настроить другие параметры.

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

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

    Теперь вы готовы добавить простую форму заказа на свой сайт.

    Шаг 5. Добавьте простую форму заказа на свой сайт

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

    Сначала давайте рассмотрим наиболее распространенный вариант встраивания сообщений / страниц.

    Начните с создания нового сообщения или страницы в WordPress. После этого щелкните внутри первого блока (пустая область под заголовком страницы) и щелкните значок Добавить WPForms .

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

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

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

    Затем добавьте виджет WPForms на свою боковую панель. После этого выберите в раскрывающемся меню форму биллинга / заказа и сохраните изменения в области виджетов.

    Нажмите Сохранить .

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

    И вот оно! Теперь вы знаете, как создать простую форму заказа в WordPress, которая принимает онлайн-платежи.

    Как создать простую форму заказа

    без онлайн-платежей

    Есть несколько причин, по которым вы можете не получать оплату за заказы от ваших клиентов через форму заказа:

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

    Независимо от причины отказа принимать онлайн-платежи, WPForms упрощает для вас создание простой формы заказа без оплаты.

    Давайте посмотрим, как это сделать.

    Шаг 1. Создайте простую форму заказа в WordPress

    Первое, что вам нужно сделать, это установить и активировать плагин WPForms. Для получения дополнительных сведений см. Это пошаговое руководство по установке плагина в WordPress.

    Затем перейдите к WPForms »Добавить новый , назовите форму и щелкните шаблон формы биллинга / заказа.

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

    Для этого прокрутите вниз до раздела «Доступные элементы» на экране предварительного просмотра справа и щелкните его.

    Это откроет «Параметры поля» на левой панели. Здесь вы можете переименовать поле, добавить или удалить позиции заказа, а также изменить цены.

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

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

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

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

    По завершении нажмите Сохранить .

    Шаг 2: Настройте уведомления формы заказа WordPress

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

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

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

    Для этого щелкните вкладку Уведомления в разделе Настройки в редакторе форм.Затем нажмите кнопку Добавить новое уведомление .

    Появится модальное всплывающее окно. Здесь вы можете назвать свое дополнительное уведомление как угодно, так как оно используется только для справки. Затем щелкните Хорошо .

    Чтобы отправить это уведомление клиенту, заполнившему форму заказа, щелкните Показать смарт-теги рядом с полем Отправить на адрес электронной почты . Затем нажмите Электронная почта .

    Это сообщит WPForms, что любой адрес электронной почты, введенный в форме заказа, должен получить уведомление.

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

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

    Для получения дополнительной помощи по смарт-тегам ознакомьтесь с этим руководством о том, как использовать смарт-теги в WPForms.

    Нажмите Сохранить .

    Шаг 3. Настройте подтверждение формы заказа WordPress

    Следующее, что вам нужно сделать, это настроить подтверждающее сообщение, которое клиенты будут видеть после отправки заказа.

    Есть несколько типов подтверждения, которые вы можете настроить в своих формах, в том числе:

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

    Чтобы получить помощь по всем трем параметрам, ознакомьтесь с нашим полезным руководством по настройке подтверждений форм в WordPress.

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

    Сначала щелкните вкладку Confirmation в редакторе форм в разделе Settings .

    Затем выберите тип подтверждения, которое вы хотите создать. В этом примере мы выберем Сообщение .

    Затем настройте подтверждающее сообщение и нажмите Сохранить .

    Шаг 4. Добавьте форму заказа на свой сайт

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

    Сначала давайте рассмотрим наиболее распространенный вариант встраивания сообщений / страниц.

    Начните с создания нового сообщения или страницы в WordPress. После этого щелкните внутри первого блока (пустая область под заголовком страницы) и щелкните значок Добавить WPForms .

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

    Затем нажмите синюю кнопку в правом верхнем углу с надписью «Опубликовать». Ваша форма теперь появится на вашем сайте.

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

    Итак, добавьте виджет WPForms на свою боковую панель. После этого выберите в раскрывающемся меню форму биллинга / заказа и сохраните изменения в области виджетов.

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

    Нажмите здесь, чтобы начать оформление онлайн-заказа

    Следующие шаги для оформления онлайн-заказа

    И вот оно! Теперь вы знаете, как создать простую форму заказа в WordPress как с онлайн-платежами, так и без них, используя WPForms в качестве конструктора форм заказа.

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

    Не ждите, чтобы приступить к созданию формы онлайн-заказа. Начните с самого мощного сегодня плагина форм WordPress. Ищете бесплатную форму заказа? WPForms Pro поставляется с бесплатным шаблоном формы онлайн-заказа и 14-дневной гарантией возврата денег.

    И не забывайте, если вам понравилась эта статья, подпишитесь на нас в социальных сетях Facebook и Twitter.

    Как создать онлайн-форму заказа в WordPress (с шаблоном)

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

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

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

    Видеоурок

    Подписаться на WPBeginner

    Если вы предпочитаете письменные инструкции, просто продолжайте читать.

    Создание онлайн-формы заказа в WordPress

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

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

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

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

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

    WPForms — лучший плагин для создания форм WordPress на рынке. Более 3 миллионов веб-сайтов используют WPForms, чтобы легко создавать любые онлайн-формы и добавлять их на свои веб-сайты (навыки программирования не требуются).

    Сначала вам нужно установить и активировать плагин WPForms. Нужна помощь в установке плагина? См. Подробные инструкции в нашем руководстве по установке плагина WordPress.

    Плагины

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

    После активации плагина WPForms вы увидите новую вкладку WPForms на боковой панели администратора панели управления WordPress.

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

    Теперь вы готовы создать онлайн-форму заказа.

    Просто перейдите на страницу WPForms »Добавить новую страницу , чтобы создать свою первую форму.

    Теперь вы увидите экран создания формы. Введите имя для вашей формы и выберите шаблон. Мы рекомендуем шаблон «Биллинг / Форма заказа».

    Просто наведите курсор на описание шаблона и нажмите кнопку «Создать форму счета / заказа».

    Ваша форма будет создана автоматически, и вы попадете прямо в редактор форм WPForms.

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

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

    Щелкните поле «Доступные элементы», чтобы отредактировать его.

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

    Чтобы добавить дополнительные параметры, просто щелкните значок (+) в том месте, где вы хотите добавить дополнительные элементы.

    Примечание: Вы можете добавить столько элементов, сколько хотите.Однако клиенты смогут выбрать только один вариант в этом поле.

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

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

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

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

    Щелкните вкладку «Добавить поля», затем прокрутите вниз до «Поля платежей», где вы найдете поле «Элементы флажка». Перетащите его на место в форме.

    Теперь вы можете редактировать это поле, как и раньше, вводя названия и цены для ваших товаров. Покупатели могут проверить столько товаров, сколько захотят.

    Если вы хотите показывать изображения своих продуктов, это тоже очень просто. Просто нажмите на поле «Использовать выбор изображения»:

    Для каждого элемента нажмите кнопку «Загрузить изображение», чтобы добавить изображения либо со своего компьютера, либо из медиатеки WordPress.

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

    В идеале вам следует также оптимизировать свои изображения для Интернета.

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

    Просто щелкните поле и снимите флажок «Обязательно» справа, чтобы сделать это поле необязательным.

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

    Когда вы будете довольны дизайном формы, вы можете переходить к настройке ее параметров. Рекомендуется сначала сохранить форму, нажав кнопку «Сохранить» в верхней части экрана:

    Настройка уведомлений, отправляемых вашей формой заказа

    Сначала щелкните вкладку «Настройки» в левой части экрана.Это откроет настройки вашей формы.

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

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

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

    Здесь мы изменили тему писем на «Заказ от клиента», а затем имя клиента. Мы использовали «Показать смарт-теги», чтобы вставить поле имени в строку темы.

    Вы также можете изменить любые другие детали.

    Мы также настоятельно рекомендуем настроить уведомление по электронной почте для ваших клиентов.Это напомнит им о том, что они заказали, и даст им знать, что вы получили их заказ.

    Чтобы настроить новое уведомление по электронной почте, нажмите кнопку «Добавить новое уведомление».

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

    Вы хотите, чтобы адрес «Отправить на адрес электронной почты» был учетной записью электронной почты вашего клиента.Удалите {admin_email} из этого поля. Нажмите «Показать смарт-теги» и выберите поле «Электронная почта».

    Вы также можете ввести другие данные для электронного письма. Мы предлагаем использовать тему «Ваш заказ через» и название вашей компании.

    В поле «Сообщение» вы, вероятно, захотите добавить сообщение для своего клиента. Тег {all_fields} предоставит всю информацию, которую клиент ввел в форму.

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

    По завершении настройки уведомлений нажмите кнопку «Сохранить» в верхней части экрана.

    Совет: Чтобы вернуться к первому редактируемому уведомлению, просто прокрутите экран вниз.

    Настройка подтверждающего сообщения для ваших клиентов

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

    Это можно сделать на вкладке Настройки »Подтверждение .

    Подтверждение по умолчанию гласит: «Спасибо, что обратились к нам! Мы свяжемся с вами в ближайшее время ».

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

    Кроме того, вы можете перенаправить клиентов на страницу с благодарностью на своем веб-сайте или даже на другой веб-сайт в целом.

    После того, как вы настроите подтверждающее сообщение, нажмите «Сохранить» в верхней части экрана.

    Интеграция оплаты с формой заказа (необязательно)

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

    WPForms очень легко интегрируется с двумя популярными платежными системами, PayPal и Stripe. Клиенты могут платить либо через свою учетную запись PayPal, либо вводя данные своей кредитной карты.

    Мы собираемся использовать PayPal в этом руководстве, но для Stripe процесс аналогичен.

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

    Затем перейдите на страницу WPForms »Addons на панели инструментов WordPress.Прокрутите вниз до «Стандартного дополнения PayPal» и нажмите кнопку «Установить дополнение» под ним.

    После этого надстройка установится и активируется автоматически.

    Вернитесь к своей форме, которую вы можете найти в разделе WPForms »Все формы . Теперь перейдите на вкладку «Платежи».

    Щелкните «PayPal Standard», затем заполните данные формы. Во-первых, вам нужно установить флажок «Включить стандартные платежи PayPal» и ввести адрес электронной почты PayPal вашей компании.

    Оставьте в раскрывающемся списке «Режим» значение «Производство» и оставьте для параметра «Тип оплаты» значение «Продукты и услуги».

    Если вы указываете адрес доставки через форму заказа, вы можете изменить «Доставка» на «Не запрашивать адрес».

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

    По завершении нажмите кнопку «Сохранить».

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

    Добавление формы заказа на ваш веб-сайт

    Последний шаг — добавить форму заказа на ваш сайт.

    Просто выберите страницу, на которую хотите добавить форму, или создайте новую страницу в разделе Страницы »Добавить новый .

    Затем щелкните значок (+), чтобы добавить новый блок (где бы вы ни хотели создать форму), и найдите блок «WPForms».Он находится в разделе блоков «Виджеты», или вы можете просто ввести «WPForms» в строку поиска, чтобы найти его.

    Вы увидите блок WPForms. Щелкните раскрывающийся список «Выберите форму» и выберите свою форму.

    После этого вы увидите предварительный просмотр самой формы в редакторе WordPress.

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

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

    Даже если вы пропустите письмо или случайно удалите его, WPForms сохраняет данные формы в базе данных WordPress. Вы можете найти все свои заказы, перейдя в WPForm »Записи на панели инструментов WordPress.

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

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

    Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.

    Конструктор онлайн-заказов

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

    Битрикс24 — это бесплатный конструктор онлайн-форм, который позволяет легко создавать красивые, профессионально выглядящие онлайн-формы без каких-либо затрат.

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

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

    Создать онлайн-форму заказа бесплатно

    Используйте Битрикс24. Подобно тому, как художник может просто взять краску и кисти и сразу же нарисовать свое художественное видение на холсте, Битрикс24 дает вам инструменты, необходимые для создания вашего следующего шедевра онлайн-дизайна.

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

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

    Абсолютно без кода

    О, мы упоминали, что вам не нужно понимать язык программирования, чтобы создавать бесплатные онлайн-формы заказов в Битрикс24?
    Если мы этого не сделали, вот он: бесплатный конструктор форм Битрикс24 на 100% нагляден, поэтому вам не нужно знать HTML или PHP — код создается для вас.

    Это означает, что вы можете создать любую форму заказа без программирования: вы можете просто перетащить каждое поле, которое хотите, на пустую страницу.
    Проще говоря, Битрикс24 позволяет создавать адаптивные онлайн-формы заказов с помощью кода PHP или HTML, фактически не создавая код самостоятельно. Создав онлайн-формы заказов Битрикс24, вы можете использовать всю мощь разработчика, не зная компьютерного программирования.

    Таким образом, это дает свободу вашему творчеству — сосредоточьтесь на своем дизайне, не беспокоясь о кодировании.

    Бесплатный хостинг

    Еще нет веб-сайта? Без проблем. Битрикс24 абсолютно бесплатно разместит для вас бланки заказов.

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

    Онлайн-платежи без комиссии

    С Битрикс24 теперь вы можете связать свои формы заказа с именами, пользующимися наибольшим доверием в системе сбора онлайн-платежей.

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

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

    Ага, это просто! И нет, мы не взимаем с вас никаких процентов за онлайн-платежи, как это делают некоторые наши конкуренты. Нужны быстрые расценки и счета-фактуры? Получите его в бесплатном конструкторе форм онлайн-заказов Битрикс24 абсолютно бесплатно!

    Встроенный CRM

    Самое интересное: Битрикс24 — единственный в мире бесплатный генератор форм заказов, который поставляется с CRM.

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

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

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

    Больше, чем бланки заказа

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

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

    Формы Битрикс24 полностью настраиваемы, поэтому вы можете создать то, что вам нужно. Каждому свое.

    Собери свой дизайн

    Когда мы говорим, что онлайн-формы заказа Битрикс24 бесплатны, мы имеем в виду это. Мы знаем, что заявления об отказе от ответственности — это отстой, поэтому Битрикс24 позволяет вам удалить пометку «Работает на Битрикс24» во всех формах, которые вы создали с нами.

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

    Формы, оптимизированные для мобильных устройств

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

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

    Интегрирован с другими функциями

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

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

    Расширенная безопасность

    И, конечно же, безопасность вас и ваших клиентов всегда ставится на первое место. Битрикс24 защищает ваши формы заказов с помощью нескольких вариантов безопасности, включая 256-битный SSL, шифрование данных, соответствие PCI, защиту паролем и соответствие HIPAA.

    Добавьте настраиваемую форму онлайн-заказа на свой веб-сайт без кодирования

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

    Хорошая форма онлайн-заказа должна уметь:

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

    Создайте индивидуальную форму онлайн-заказа

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

    Начните сегодня →

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

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

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

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

    Вот как создать онлайн-форму заказа в Getsitecontrol

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

    Весь процесс займет у вас меньше нескольких минут.

    Шаг 1. Выберите шаблон

    Теперь перейдем к той части, где мы создаем настоящую онлайн-форму заказа. Самый быстрый способ начать — выбрать заранее разработанный шаблон из нашей галереи. Оказавшись в галерее, щелкните шаблон, который вы хотите увидеть в действии, и следуйте подсказкам справа, чтобы добавить его на панель инструментов Getsitecontrol для дальнейшей настройки.

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

    Шаг 2. Настройте поля формы заказа

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

    Например, вы можете спросить своих клиентов, какой способ оплаты будет им удобен. Вы можете добавить это поле на странице 2 👇

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

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

    Ниже мы покажем вам, как настроить форму онлайн-заказа, используя оставшиеся вкладки на панели инструментов Getsitecontrol.

    Как максимально эффективно использовать форму заказа на веб-сайте

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

    Разместить форму на выбранных страницах

    Используя вкладку Targeting , вы можете выбрать, на каких страницах отображать (или не отображать) форму заказа. Это может быть разумно, если на вашем веб-сайте несколько страниц и на некоторых из них, например «О нас», «Свяжитесь с нами», «Часто задаваемые вопросы». или даже дома — форма онлайн-заказа просто не имела бы особого смысла.

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

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

    Ссылка на онлайн-форму заказа из ваших учетных записей в социальных сетях

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

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

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

    Убедитесь, что форма хорошо выглядит на мобильном телефоне

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

    Минимизируйте количество полей

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

    По возможности мы рекомендуем вам использовать раскрывающиеся меню и флажки с предварительно заполненной информацией.

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

    Рассмотрите возможность отображения ETA после отправки формы.

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

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

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

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

    Наконец, вы должны знать, что Getsitecontrol интегрируется с Zapier, что, в свою очередь, позволяет устанавливать соединения с более чем 1000 облачных приложений. Таким образом, вы можете создавать интеграции с инструментами CRM по вашему выбору, платежным программным обеспечением или службой поддержки.

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

    Например, Invoiceberry, решение для онлайн-выставления счетов, подключается к Getsitecontrol через Zapier и позволяет автоматически создавать новые расходы или нового клиента всякий раз, когда вы получаете новую форму онлайн-заказа.

    Ознакомьтесь с другими интеграциями, доступными для Getsitecontrol в библиотеке Zapier, если вы хотите еще больше автоматизировать процесс.

    Создайте индивидуальную форму онлайн-заказа

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

    Начните сегодня →

    Вы читаете коллекцию сценариев использования Getsitecontrol, в которой мы рассказываем о передовых методах использования всплывающих окон веб-сайтов. Этот вариант использования является частью раздела Формы запросов.

    Получить версию для печати

    Загрузите PDF-версию нашего сценария использования, чтобы упростить чтение и обмен с коллегами в автономном режиме.

    Скачать PDF

    Как создать онлайн-форму заказа для вашего сайта WordPress

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

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

    Не волнуйтесь! Мы сделаем это очень простым, показав вам, как создать онлайн-форму заказа для WordPress всего за несколько простых шагов.

    Вот краткий обзор шагов, которые мы предпримем в этом руководстве:

    1. Выберите шаблон формы.
    2. Настройте уведомления формы.
    3. Настройте подтверждающие сообщения.
    4. Выберите настройки оплаты.
    5. Опубликуйте форму заказа.
    6. Аналитика формы отслеживания.

    Готовы начать? Давайте идти!

    Что такое бланк заказа?

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

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

    Бланки заказов обычно включают следующую информацию:

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

    Затем клиент отправляет онлайн-форму для обработки бизнесом или компанией.

    Теперь, когда вы понимаете назначение бланка заказа, как его сделать? Мы поговорим об этом позже.

    Как создать онлайн-форму заказа в WordPress

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

    Мы будем использовать WPForms, лучший конструктор онлайн-форм для WordPress. WPForms позволяет создавать практически любые онлайн-формы, включая:

    А с технологией умных форм WPForms и простой интеграцией платежей вы можете настроить и запустить онлайн-форму за считанные минуты.

    Почему бы не ознакомиться с подробным обзором WPForms для получения полной информации.

    Чтобы начать работу с WPForms, вам необходимо установить версию Pro, чтобы принимать платежи от ваших клиентов.Затем вам нужно будет установить и активировать плагин WPForms на своем сайте WordPress.

    Если вы не знаете, как установить плагин в WordPress, вам поможет это пошаговое руководство.

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

    1. Выберите шаблон формы заказа

    Первое, что нужно сделать при создании онлайн-формы заказа, — это перейти на панель управления WordPress и щелкнуть WPForms »Добавить новый .

    Это вызывает ряд готовых шаблонов на выбор.

    В этом руководстве мы будем использовать шаблон Billing / Order Form . Так что дайте вашей форме имя и нажмите эту опцию.

    Следующий экран, который вы увидите, будет редактором формы. Здесь вы можете настроить внешний вид, содержание и настройки формы заказа.

    Шаблон Биллинг / Форма заказа автоматически заполняет вашу форму настройками по умолчанию, необходимыми для простой формы заказа.

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

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

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

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

    2. Настройка уведомлений в форме онлайн-заказа

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

    Чтобы настроить их, перейдите в Настройки »Уведомления , и вы увидите доступные вам параметры.

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

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

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

    Вы можете использовать смарт-теги в WPForms, чтобы настроить это.

    Рядом с полем Отправить на адрес электронной почты вы увидите параметр Показать смарт-теги . Это показывает доступные теги для этого конкретного поля.

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

    Теперь отредактируйте остальную часть формы, включая следующие поля:

    • Тема сообщения электронной почты . Это одна из первых вещей, которую люди увидят в своем почтовом ящике. Вы можете описать назначение форм, написав, например, «Ваш заказ получен».
    • От имени . Откуда письмо? Ваш бренд или название компании — хороший выбор для этого поля, чтобы клиенты знали, что это не спам.
    • От электронной почты . Опять же, здесь должен быть адрес электронной почты вашей компании или отдела продаж, чтобы клиенты знали, откуда пришло электронное письмо и с кем они могут связаться.
    • Ответить . Предложите своим клиентам возможность связаться с вами, если у них возникнут проблемы, добавив сюда свой контактный адрес электронной почты.
    • Сообщение. Включите персонализированное сообщение, объясняющее, почему клиенты получают это электронное письмо, и дальнейшие шаги, которые им следует предпринять. Вы также можете добавить детали их заказа, вставив тег {all_fields} .

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

    Сохраните изменения и перейдем к разделу подтверждающих сообщений.

    3. Настройка сообщений подтверждения формы

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

    Вы можете выбрать 3 типа подтверждающих сообщений:

    1. Сообщение . Это тип подтверждения WPForm по умолчанию. Это отображает простое сообщение об успешном выполнении, сообщающее клиентам, что их форма была отправлена.
    2. Показать страницу. Параметр «Показать страницу» направляет посетителей на определенную страницу вашего веб-сайта после заполнения формы. Вы можете узнать, как перенаправить клиентов на страницу с благодарностью здесь.
    3. Перейти к URL (перенаправление). Этот тип подтверждения обычно используется для отправки клиентов на другой веб-сайт после отправки формы.

    Чтобы настроить эти параметры в редакторе форм, щелкните Настройки »Подтверждение . Затем выберите тип подтверждения из выпадающего списка и отредактируйте свое сообщение.

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

    4. Выберите настройки оплаты

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

    WPForms предлагает 2 популярных способа оплаты для приема онлайн-платежей. Это интеграции PayPal и Stripe. Вам нужно будет установить надстройки PayPal и Stripe, чтобы активировать эти параметры.

    Для этого перейдите на страницу WPForms »Addons . Затем щелкните предпочтительный платежный модуль, чтобы установить и активировать его.

    Если вы не уверены, какой из них использовать этот пост о Stripe или PayPal, это поможет вам решить.

    С установленным дополнением вернитесь в редактор формы онлайн-заказа, нажмите Настройки »Платежи и выберите желаемый вариант оплаты.

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

    Чтобы настроить параметры оплаты PayPal, сначала необходимо Включить стандартные платежи Paypal , установив флажок.

    Затем введите адрес электронной почты PayPal своей компании и установите Mode на Production , чтобы получать реальные платежи.

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

    Мы опубликуем вашу форму в следующий раз!

    5. Опубликуйте форму онлайн-заказа в WordPress

    Пришло время опубликовать онлайн-форму заказа, что довольно интересно, не так ли? Что еще более интересно, WPForms позволяет публиковать формы во множестве мест на вашем веб-сайте.

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

    Чтобы опубликовать форму на странице, сначала создайте новую страницу, выбрав « Страницы» »Добавьте новый из своей панели управления и дайте ему название

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

    Теперь введите WPForms в поле поиска, чтобы открыть блок содержимого WPForms.

    Затем щелкните блок, чтобы добавить его на свою страницу.

    Затем вам нужно будет выбрать форму онлайн-заказа в раскрывающемся списке.

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

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

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

    6.Отслеживание аналитики формы

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

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

    Фактически, средний коэффициент отказа составляет около 68% . Это означает, что целая куча людей заполняет вашу форму, а затем оставляет ее прямо перед тем, как нажать Отправить .

    Но есть способы решить проблему отказа от формы, и все начинается с правильного отслеживания аналитики формы заказа.

    Большинство владельцев сайтов используют Google Analytics. Но отслеживание отказа от формы в Google Analytics — это не обычная прогулка. Это довольно сбивает с толку! Вот почему наш любимый способ отслеживать этот тип данных — использовать MonsterInsights.

    С MonsterInsights вы можете быстро настроить Google Analytics для своего сайта WordPress за считанные минуты и начать анализировать собираемые данные.Это также отличный компаньон для WPForms.

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

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

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

    И вот оно!

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

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

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *