Создайте форму клиента для вашего агентства WordPress - используя Elementor и плагин контактной формы

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

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

Ваша общая контактная форма по сравнению с вашей специальной контактной формой

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

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

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

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

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

• Клиенту нужно было записаться на прием с помощью приложения Calendly.
• Клиенту необходимо было заполнить вышеуказанную клиентскую форму.

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

Шаг 1. Установите плагины

Отличный (и бесплатный) плагин для контактной формы, который я бы порекомендовал, - это WPForms. Вы можете установить и активировать плагин, перейдя в Личный кабинет > Плагин > Добавить новый .

Затем установите и активируйте бесплатный конструктор страниц Elementor тем же методом.

Получив все необходимые инструменты, мы сразу приступим к работе!

Шаг 2. Создайте страницу для своей клиентской формы в Elementor

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

Примечание . Контактная форма будет заполнена позже на шаге 3.

Создать холст-страницу

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

Поэтому первое, что нам нужно сделать, это создать страницу в Elementor и убедиться, что тип страницы - Canvas .

Создайте заголовок для страницы

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

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

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

Создайте заголовок для контактной формы клиента

Следующим шагом будет заголовок клиентской формы. Здесь при редактировании я использовал шрифт Lato размером 60 пикселей.

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

Создать нижний колонтитул для страницы

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

Шаг 3. Создайте контактную форму с помощью плагина WPForms

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

Там просто нужно перетащить поля контактной формы.

К счастью, вам не нужно создавать контактную форму самостоятельно - вы можете импортировать файл JSON, который я загрузил по ссылке ниже, и импортировать его, перейдя в WPForms > Инструменты > Импорт и заполнив свои формы.

Вот ссылка на файл JSON .

Чтобы импортировать его, просто загрузите его сюда:

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

Затем просто скопируйте / вставьте этот шорткод на свою страницу.

Шаг 4. Создайте цитату в правом столбце и поместите в нее свое изображение.

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

Создать цитату

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

Вы заметите, что я сделал цитату красным и большим. Вы можете установить в разделе « Редактировать цитату» значение « Цитата » и установить красный цвет и размер 1.

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

Создать фото и подпись

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

Я использовал онлайн-генератор подписи DocSketch, чтобы сделать эту подпись.

И это последний шаг в создании клиентской формы. Не забудьте сохранить и опубликовать вашу клиентскую форму.

Вывод

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

Надеюсь, эта форма для клиентов работает на вас и поможет вам позиционировать себя как бесспорного эксперта перед встречей! Удачи!

Автор биографии

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