Прямо под аватаркой есть активная строчка – Редактировать страницу. Нажимаем ее и переходим в режим заполнения анкеты. Никаких сложностей и неожиданностей на этом этапе у вас не должно возникнуть. Все понятно и прозрачно.

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

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

Настройка  странички – это немного сложнее, чем заполнение анкеты, но и намного интереснее. Ищем в меню (справа) пункт Мои настройки, кликаем по нему и переходим в режим настройки страницы.

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

Первая важная закладка – Общее – позволяет настроить внешний вид вашей странички. Здесь можно настроить:

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

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

Вот что получается, если мы установим Дореволюционный язык:

А вот как будет выглядеть ваша страничка, если установить вместо русского языка В Союзе:

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

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

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

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

Как создать контактную форму в HTML

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

Подсказка в контактных формах.

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

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

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

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

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

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

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

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

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

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

Форма обратной связи — это самый эффективный канал как для посетителей, так и для бизнеса.

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

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

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

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

Для чего нужна форма «Свяжитесь с нами»?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

‍

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

Итак, под элементом

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

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

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

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

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

Рассмотрим эти семь лучших советов по созданию формы для связи с нами:

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

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

Я знаю, что кажется естественным запросить номер телефона в форме связи, но обязательное поле номера телефона снижает конверсию формы на 5%. Но не стоит так быстро счищать это поле. Другое исследование показывает, что когда вы фактически указываете и помечаете это поле как необязательное, оно может УДВОИТЬ коэффициент конверсии. Думаю, некоторые уловки с разумом работают.

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

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

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

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

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

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

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

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

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

Логические правила

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

Обоснование поля

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

Переведенные контактные формы‍

Даже если ваш бизнес не является глобальным, ваша аудитория может быть международной. Имейте в виду, что 65% покупателей предпочитают контент на своем языке. Формы для связи с нами от MightyForms легко интегрируются с Weglot для автоматического перевода встроенных форм.

Сообщения об успехе

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

Уведомления

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

Отслеживание форм

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

Встраивание форм

Контактные формы MightyForms легко создавать, их еще проще использовать и подключать к другим платформам. Вы можете без проблем встроить форму обратной связи на свой веб-сайт WordPress или Webflow.Если вы ведете электронную коммерцию, дополните страницу своего интернет-магазина на Shopify или BigCommerce формой для связи с нами.

Интеграции

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

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

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

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

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

Этот шаблон — идеальный пример формы обратной связи, который охватывает все потребности бизнеса.Он достаточно короткий, чтобы избежать отказа от формы, но в нем есть все необходимое. Просто, по существу, но не так просто: в этом расширенном шаблоне формы «Связаться с нами» есть удобный виджет местоположения, поэтому посетители будут уверены в вашем адресе. Настройте этот шаблон прямо сейчас!

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

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

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

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

‍

Как создать контактную форму в WordPress (шаг за шагом)

Вы хотите добавить контактную форму на свой сайт WordPress?

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

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

Зачем вам нужна контактная форма?

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

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

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

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

• Защита от спама — Спам-боты регулярно очищают веб-сайты на предмет тега адреса mailto: email. Когда вы разместите свой адрес электронной почты на веб-сайте, вы начнете получать много спама. С другой стороны, используя контактную форму, вы можете избавиться почти от всех спам-писем.
• Согласованная информация — При электронном письме люди не всегда отправляют вам всю необходимую информацию. С помощью контактной формы вы можете сообщить пользователю, какую именно информацию вы ищете (например, номер телефона, бюджет и т. Д.).
• экономит время — Контактные формы помогают сэкономить время гораздо больше, чем вы можете себе представить. Помимо согласованной информации, о которой мы упоминали выше, вы также можете использовать подтверждения формы, чтобы сообщить пользователю, каковы следующие шаги.Например, посмотрите видео или подождите до 24 часов, чтобы получить ответ, чтобы они не отправляли вам несколько запросов.

Ниже приведен пример контактной формы WordPress, которую мы создадим в этом руководстве.

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

Звучит хорошо? Итак, приступим.

Видеоурок

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

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

Шаг 1. Выбор лучшего подключаемого модуля для контактной формы

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

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

Ниже приведены три причины, по которым мы считаем WPForms лучшим:

1. Это самый удобный плагин для контактной формы для новичков. Вы можете использовать конструктор перетаскивания, чтобы легко создать контактную форму всего за несколько щелчков мышью.
2. WPForms Lite на 100% бесплатен, и вы можете использовать его для создания простой контактной формы (его используют более 3 миллионов сайтов).
3. Когда вы будете готовы к более мощным функциям, вы можете перейти на WPForms Pro.

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

Шаг 2. Установите плагин контактной формы в WordPress

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

Вы можете установить этот плагин на свой сайт, войдя в свою панель управления WordPress и выбрав Plugins »Add New .

В поле поиска введите WPForms и нажмите кнопку Установить сейчас .

После установки плагина обязательно активируйте его.

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

Шаг 3. Создайте контактную форму в WordPress

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

На панели управления WordPress щелкните меню WPForms и перейдите к Добавить новый.

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

WPForms Lite поставляется только с предварительно созданными шаблонами форм, такими как Blank, Simple Contact Form и т. Д.Вы можете использовать их для создания практически любого типа контактной формы, который вам нравится.

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

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

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

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

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

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

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

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

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

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

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

Уведомления по умолчанию отправляются на адрес электронной почты администратора, который вы настроили на своем сайте.

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

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

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

Шаг 5. Добавление контактной формы WordPress на страницу

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

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

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

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

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

Вот как будет выглядеть форма на примере страницы WordPress:

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

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

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

Шаг 6. Добавление контактной формы WordPress на боковой панели

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

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

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

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

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

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

Эта страница теперь доступна на других языках.

английский Español Français Português Deutsch

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

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

Перед тем, как начать

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

• Убедитесь, что вы знакомы с принципом работы Mailchimp Inbox.Чтобы узнать больше, прочтите «О вашем почтовом ящике Mailchimp».
• У вас может быть одна контактная форма для каждой аудитории.

Как это работает

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

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

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

Создайте свою контактную форму

Сначала вы войдете в свой почтовый ящик Mailchimp и добавите контактную форму в качестве нового источника сообщений.

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

1. Щелкните значок Аудитория .
   
2. Щелкните Входящие .
   
3. Если у вас несколько аудиторий, щелкните раскрывающийся список аудиторий и выберите ту, с которой хотите работать.
   
4. В меню Входящие щелкните Управление .
   
5. Найдите плитку Contact Form и щелкните Add contact form .
   
6. Щелкните Настроить форму .
   

Отлично! Это приведет вас к построителю контактной формы, где вы можете настроить контент, дизайн и URL-адрес.

Настройте контактную форму

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

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

1. Чтобы вставить изображение, наведите указатель мыши на заголовок формы и щелкните Установить изображение .
   
2. Выберите изображение из студии контента и нажмите Вставить .
   
3. Щелкните заголовок, чтобы изменить текст и стили.
   
4. Щелкните значок (+) плюс , чтобы просмотреть доступные поля аудитории и выбрать то, которое вы хотите добавить.
   
5. Щелкните поле, чтобы открыть меню его настроек.
   
   Здесь вы можете щелкнуть раскрывающееся поле Audience field , чтобы изменить тип поля, отредактировать Label , который вы хотите отобразить, включить опцию Required , чтобы сделать ее обязательной для заполнения, или включите Описание возможность добавления вспомогательного текста.
6. Наведите указатель мыши на поле и щелкните стрелку вверх или вниз, чтобы переместить его.
   
7. Нажмите кнопку «Отправить», чтобы получить доступ к параметрам стиля.
   
   Здесь вы можете щелкнуть значок выравнивания кнопки , чтобы изменить его положение или отредактировать фон кнопки, наведение и цвета шрифта.
8. Чтобы изменить цвет контактной формы, щелкните Цвет фона и выберите нужный вариант в палитре цветов.
   
9. Когда вы закончите, нажмите «Далее», чтобы перейти к шагу страницы подтверждения.
   

Настройте страницу подтверждения

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

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

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

Отметить контакты

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

Чтобы отредактировать эти теги, перейдите к шагу Тег контактов . Щелкните раскрывающийся список, чтобы выбрать существующий тег, или введите новый.

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

Просмотрите и опубликуйте вашу контактную форму

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

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

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

Отменить публикацию контактной формы

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

1. Щелкните значок Аудитория .
   
2. Щелкните Входящие .
   
3. В меню Входящие щелкните Управление .
   
4. На плитке Contact Form щелкните Edit .
   
5. Щелкните Отменить публикацию формы .
   

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

Как добавить контактную форму в WordPress (7 шагов)

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

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

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

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

Давайте начнем…

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

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

• Защита от спама в электронной почте — Спам — это вредитель.Вы быстро заметите это, если у вас есть веб-сайт WordPress, который использует комментарии в блогах. Одна вещь, которую делают спамеры, — это автоматически сканирует веб-сайты на наличие незащищенных адресов электронной почты, чтобы добавить их в свои списки рассылки. Контактные формы предотвращают это, давая посетителям возможность связаться, не публикуя свой адрес в Интернете.
• Спрашивайте нужную информацию — Люди, которые связываются с вами, не всегда отправляют всю необходимую информацию. С помощью контактной формы вы можете заранее попросить об этом.Это также дает вам возможность фильтровать запросы, например, по типу. Это облегчает вашу жизнь и сокращает количество движений вперед и назад.
• Сообщите своим клиентам — И наоборот, контактные формы также могут выступать в качестве первого источника информации. Вы можете включить информацию для звонящих, чтобы сообщить им об ожидаемом времени ответа и шагах, которые они могут предпринять заранее, чтобы ответить на их запрос. Это снижает вероятность получения нескольких писем от одного и того же нетерпеливого человека.

Вы уверены, что контактные формы полезны? Тогда перейдем к практической части этого урока.

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

Плагины доступны бесплатно в каталоге WordPress и неизменно являются одними из самых популярных плагинов всех времен (фактически, на момент написания этой статьи, в первую очередь, Contact Form 7). Кроме того, они просты в использовании, имеют хороший список функций и разумные дополнения.

Начнем с контактной формы 7.

Шаг 1. Установите плагин Contact Form 7

Установить Contact Form 7 так же просто, как и любой другой плагин WordPress. Просто войдите на свой сайт, выберите «Плагины > Добавить новый » и введите его имя в поле поиска.

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

Шаг 2. Создайте новую контактную форму

После установки вы найдете новый пункт меню с именем Contact на боковой панели WordPress.Нажав на нее, вы попадете на этот экран.

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

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

Шаг 3. Настройте форму

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

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

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

Щелкните раскрывающееся меню на панели инструментов вверху. Вы попадете в это меню:

Вот как заполнить разные поля:

• Тип поля — Выберите, требуется ли это поле для отправки контактной формы.
• Имя — это означает имя, используемое в теге. Он не будет отображаться для посетителей, но поможет вам запомнить назначение тега, а также настроить электронную почту, отправляемую в вашу учетную запись позже.
• Параметры — введите параметры, доступные для посетителей, с помощью раскрывающегося меню.Поместите по одному в каждую строку. У вас также есть возможность разрешить множественный выбор и использовать пустой элемент по умолчанию.
• Атрибут Id / Class — здесь вы можете присвоить полю класс или идентификатор CSS. Это очень полезно для индивидуального стиля. Об этом поговорим позже.

Вот как мы его заполнили:

Когда вас устраивает, нажмите Вставить тег , чтобы вставить его в форму.

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

Шаг 4. Измените настройки электронной почты

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

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

Вот что означает каждое поле:

• Кому — адрес электронной почты, на который будут отправляться сообщения. Обычно вы можете оставить это как есть.
• От — отправитель электронного письма. По умолчанию это имя человека, использующего вашу контактную форму.
• Дополнительные заголовки — Место для дополнительных полей заголовка сообщения. Стандартные настройки отправляют ваш ответ на адрес электронной почты человека, с которым вы связываетесь, а не на адрес электронной почты, с которого он пришел (т.е. ваш сайт), когда вы нажмете Ответить . Также можно указать адресатов CC или BCC.
• Тело сообщения — тело письма, которое вы получите.
• Исключить строки с пустыми почтовыми тегами из вывода — Когда вы отметите это, если какой-либо из используемых тегов пуст, плагин исключит их из сообщения.
• Использовать тип содержимого HTML — по умолчанию сообщение отправляется в виде обычного текста. Установите этот флажок, чтобы вместо этого использовать HTML.
• Прикрепленные файлы — Если ваша форма разрешает загрузку файлов, сюда относятся теги для этих файлов. Вы также можете использовать его для прикрепления файлов, размещенных на вашем сервере.
• Mail (2) — дополнительный почтовый шаблон, часто используемый в качестве автоответчика. Отметьте, чтобы активировать.

Стандартные варианты неплохие. Единственное, что нам нужно изменить в нашем примере, — это тема письма.

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

Шаг 5. Добавьте сообщения формы

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

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

Шаг 6. Настройка дополнительных параметров

Наконец, вы перешли к дополнительным настройкам.

По умолчанию они пусты.

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

Шаг 7. Добавьте форму на свой веб-сайт

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

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

После сохранения формы на экране появится короткий код:

Вы будете использовать его, чтобы разместить форму в любом месте.

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

Теперь, когда вы публикуете страницу и переходите во внешний интерфейс:

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

Просто, правда? Кроме того, вы можете использовать тот же метод для размещения формы в любом другом месте.

Как добавить контактную форму с помощью WPForms

Теперь, когда мы рассмотрели, как создать форму с помощью Contact 7, пора перейти к WPForms.

Шаг 1. Установка подключаемого модуля WPForms

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

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

Шаг 2. Создайте новую контактную форму

После завершения установки и активации плагина у вас должен появиться новый пункт меню «WPForms» на боковой панели, а также увидеть экран ниже:

Самый простой способ Чтобы начать создание новой контактной формы, нажмите оранжевую кнопку «Create Your First Form» .Затем вы будете перенаправлены на страницу настройки, где вам нужно будет ввести имя вашей формы и выбрать шаблон.

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

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

Шаг 3. Отредактируйте форму

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

В нашем примере экран редактирования выглядит так:

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

Бесплатная версия WPForms позволяет использовать только параметр Стандартные поля. Чтобы получить доступ к Fancy Fields, вам нужно обновить плагин.

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

Измените имя «Label» и сделайте то же самое с «Choices». По завершении нажмите «Сохранить» .

Та же логика применима и к другим вариантам выбора.

Шаг 4. Проверьте настройки

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

Общие настройки

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

Уведомления

Хотели бы вы автоматически отправлять электронные письма после отправки формы?

Если да, то вкладка «Уведомления» станет для вас следующей остановкой.

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

Подтверждения

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

Шаг 5. Добавьте форму на свой веб-сайт

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

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

Обратите внимание на короткий код и скопируйте его.

Перейти к страницам -> Добавить новый . Создайте новую страницу и назовите ее, например, «Контакт»:

Затем скопируйте шорткод в редактор WordPress и сохраните страницу.

Если все прошло правильно, вы должны увидеть контактную форму во внешнем интерфейсе WordPress, которая выглядит примерно так:

И все! Вы только что освоили основы добавления контактной формы в WordPress.

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

Дальнейшие действия по созданию контактной формы

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

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

В идеале нет необходимости изменять стиль вашей контактной формы.

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

Контактная форма 7

Формы контактной формы 7 имеют стандартную разметку HTML. Вы можете просто изменить связанный CSS и, следовательно, внешний вид форм. Просто имейте в виду, что это также имеет последствия для других полей ввода на вашем сайте, которые используют ту же разметку.

Итак, чтобы стилизовать вашу контактную форму, вам нужно немного изучить CSS. Однако в этом нет ничего сложного, к тому же в Contact Form 7 есть руководство о том, как это сделать.

WPForms

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

И снова ничего сложного. Просто нужно немного практики.

Внедрение защиты от спама

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

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

Контактная форма 7

К счастью, Контактная форма 7 предлагает простые способы предотвратить это.

Викторина

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

reCAPTCHA

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

Вы можете использовать тег reCAPTCHA, чтобы добавить его в форму. Создатель Contact Form 7 также имеет плагин Captcha под названием Really Simple CAPTCHA, который вы можете использовать для той же цели.

Плагины

У вас также есть возможность использовать сторонние плагины для защиты от спама.Самым известным из них, конечно же, является Akismet и Contact Form 7, которые предлагают подробные инструкции по их совместному использованию.

Есть и другие, например Contact Form 7 Honeypot или WPBruiser. Для последнего вам понадобится платное расширение для работы с контактной формой 7. Есть также другие варианты, которые вы можете легко найти.

WPForms

WPForms поставляется с собственной опцией защиты от спама, которую вы можете сразу включить. Для этого перейдите в Настройки -> Общие . Затем прокрутите вниз и отметьте поле «Включить защиту от спама» .

И готово!

Для дополнительной защиты вы также можете добавить в свои формы reCAPTCHA и hCaptcha.

Сделайте его совместимым с GDPR

Возможно, вы знаете, что в европейские законы о конфиденциальности в Интернете были внесены некоторые изменения. 25 мая 2018 года вступил в силу Общий регламент по защите данных (GDPR).

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

Почему это важно? Контактные формы собирают личные данные. По этой причине, если вы подпадаете под юрисдикцию правил (а сейчас это делает большинство людей), вам нужно обратить внимание на некоторые вещи.

1. Не собирайте ненужные данные — Контактные формы позволяют выбрать, какие поля включать. Если есть какие-то данные, которые вам действительно не нужны, прекратите их сбор. Таким образом, если есть нарушение, вы не сможете его потерять.
2. Отключить отслеживание — Если вы используете контактную форму, которая отслеживает файлы cookie, пользовательские агенты и / или IP-адреса пользователей, вам необходимо отключить это, чтобы соответствовать требованиям GDPR.
3. Получите абсолютное согласие — Добавьте в свою форму способ, позволяющий людям давать согласие на сбор их данных. Например, Контактная форма 7 предлагает поле принятия. ( Важно: не устанавливает этот флажок, чтобы он был включен по умолчанию. Пользователи должны делать это сами. Кроме того, включите сообщение, в котором говорится, что вы собираете и для каких целей, а также ссылку на вашу политику конфиденциальности).
4. Наличие политики конфиденциальности — Согласно GDPR на каждом профессиональном веб-сайте должна отображаться политика конфиденциальности, в которой объясняется, какие данные они собирают и как их используют.Вам также необходимо предоставить посетителям возможность запрашивать их личные данные и удалять их.
5. Внедрить HTTPS — Использование SSL / HTTPS шифрует обмен данными между браузером и сервером. Это важно для контактных форм для обеспечения безопасности личных данных. Сейчас это тоже считается обычной практикой.

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

Подводя итоги: как создать контактную форму в WordPress

И готово!

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

Начав создавать контактную форму, не забудьте добавить защиту от спама и сделать ее совместимой с GDPR.

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

21 Советы, приемы и примеры для раскачивания Свяжитесь с нами Страница

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

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

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

Для начала рассмотрим…

Некоторые очевидные страницы обратной связи Рекомендации:

• Следите за своими P и Q: Даже небольшие грамматические ошибки могут кричать на посетителей. Вы захотите пролистать свою страницу контактов с помощью зубчатой ​​расчески.

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

• Дайте людям то, что они хотят: Я ненавижу контактные формы — почему-то у меня возникает ощущение, что, когда я заполню их, я никогда не услышу от них ответа. Также мне кажется, что я не заслуживаю доверия и не заслуживаю настоящего адреса электронной почты. Конечно, предоставление настоящего адреса электронной почты открывает вам доступ к потенциальным спамерам, так что это действительно небольшая проблема. Независимо от того, как вы решите настроить страницу контактов, убедитесь, что людям очень легко с вами связаться.Если вы используете контактную форму, запрашивайте только самое необходимое (имя, адрес электронной почты и их сообщение). Я видел контактные формы, в которых требовались обязательные почтовые адреса и номера телефонов. Подобные поля формы — серьезное препятствие.

• Выглядите великолепно: Когда пользователи посещают вашу страницу контактов, они начинают с вами отношения. Они хотят узнать о вас больше, и дизайн и стиль вашей страницы контактов будут частью их первоначального впечатления. Запомни! Выглядите сексуально, сделайте так, чтобы эти читатели были так рады связаться с вами!

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

БОЛЬШЕ: Попробуйте БЕСПЛАТНО WordStream Landing Page Grader

Примеры страниц для связи с нами: великие и не очень хорошие

Давайте посмотрим на несколько реальных примеров. Мы оцениваем эти примеры страниц контактов по шкале от 1 до 10. 10 — это идеальная страница для связи, 5 — в порядке, а 1 — «сжечь дотла».«Дайте мне знать, если вы согласны с моей оценкой!

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

Конечно, что действительно отличает это от других, так это стиль и очаровательное очарование. Это очень весело!

Оценка: 8. Выглядит фантастически, имеет множество вариантов контактов и демонстрирует индивидуальность.

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

Оценка: 6. Просто, стильно и соответствует теме.

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

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

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

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

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

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

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

Оценка: 2. Уродливое, скучное и неподходящее для Mashable.

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

Оценка: 7. Mostly Serious удалось воплотить в жизнь ультра-минималистичный дизайн, не упуская из виду элемент веселья.

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

Оценка: 8. Дружелюбный, удобный и лаконичный Code Quest делает все правильно.

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

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

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

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

Оценка: 6. Здесь много информации, которая может потребоваться посетителям Harpoon Brewery при посещении.

Для компании, которая занимается элегантным, ультрасовременным дизайном и стилем, страница Apple «Контакты» неожиданно проста.Нет ничего, что указывало бы на то, что мы имеем дело с одной из самых известных компаний в мире! Давай, Apple, мы знаем, что у тебя все получится. Что дает?

Оценка: 3. Не тот дизайн, который мы ожидали от создателей iPhone.

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

Гигантский, непривлекательный, нелепо выглядящий баннер — это еще один способ, которым Ticketmaster не делает вам одолжений.

Оценка: 2. Как ни странно непривлекательный, этот требует некоторой доработки.

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

Оценка: 8. Обнадеживающая и дружелюбная, эта страница «Контакты» заслуживает того, чтобы ее отложить.

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

Оценка: 7.Симпатичная и быстрая, эта страница с небольшой улыбкой доставит вам то, что вам нужно.

Coca-Cola делает кое-что довольно оригинальное со своей страницей контактов — они помещают окно виртуального чата справа впереди и по центру.

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

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

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

Оценка: 8. Благодаря такому творческому подходу Coca-Cola показывает, что знает свою аудиторию.

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

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

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

Оценка: 2. Эта информационная иерархия на этом не работает.

Многие страницы для связи с нами скучны и скучны, но The Band Agency показывает, что это не так. Эта страница контактов — моя любимая из всех представленных здесь. Жизненно важная информация легко доступна, она грамотно размещена на карте их физического местоположения. Парад силуэтов животных добавляет красивых и привлекательных качеств , которые выделяют это место среди остальных!

Оценка: 10. Очаровательная, очаровательная и функциональная, на этой странице контактов есть все!

У вас есть любимые страницы контактов, которыми вы хотите похвастаться? Делитесь своими выборами в комментариях!

Контактная форма | Справочный центр Showit

Основы контактной формы

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

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

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

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

Ввод формы: Установка этого флажка превратит стандартное текстовое поле в поле, в которое можно вводить текст.

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

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

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

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

Текстовые уведомления:

С помощью Showit вы можете отправить вам любую контактную форму, отправленную на вашем сайте, в виде текстового сообщения (в дополнение к электронной почте). Чтобы настроить это, посетите Showit Account и:

1. Щелкните опцию Manage Notifications .

2. Введите свой 7-значный номер мобильного телефона и нажмите «Добавить»

⚠️ Предупреждение: Никогда не используйте контактные формы для сбора конфиденциальной информации, такой как кредитные карты. Контактные формы Showit не считаются безопасной формой.

Возникли проблемы с заполнением контактной формы?

Вот несколько распространенных проблем, возникающих при использовании контактных форм.

Ничего не происходит, когда вы нажимаете кнопку «отправить»:

Как правило, неработающая кнопка отправки вызвана проблемой с настройками действия щелчка.Если ваша контактная форма настроена с использованием двух стандартных видов холста (как показано выше), нажмите кнопку «Отправить» внутри Showit и убедитесь, что:

1. Ссылка установлена ​​для перехода на холст

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

3. Здесь выбирается холст, в котором находится ваше сообщение «Спасибо»

4. Поле «Отправить контактную форму» отмечено

Я не получаю никаких сообщений из моей формы:

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

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

2. Монстр спама: Некоторые поставщики услуг электронной почты случайно считают сообщения нашей контактной формы спамом, поскольку они приходят с адреса [email protected]. Чтобы исправить эту проблему, добавьте noreply @ showit.co в адресную книгу в Интернете в дополнение к адресной книге на компьютере, чтобы избежать фильтрации этих сообщений в ящик для спама.

3. Поле «Отправить контактную форму» не отмечено: Нажмите кнопку «Отправить» внутри Showit и убедитесь, что на правой панели свойств в разделе «Действия при нажатии» установлен флажок «Отправить контактную форму». .

Дополнительная помощь по контактной форме:

Вкладки контактной формы
Устранение неполадок контактной формы
Отсутствуют сообщения контактной формы

————————- ————————————————— —————————————————

Больше видеоресурсов от нашего невероятного сообщества дизайнеров и пользователей Showit.

The Palm Shop от Дэйви и Кристы

Как создать контактную страницу на WordPress: все, что вам нужно

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

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

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

Зачем нужна контактная страница

HubSpot предлагает различные каналы для связи.

В некоторых случаях потребность в странице контактов на вашем сайте WordPress довольно очевидна…

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

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

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

Ключевые элементы эффективного контакта страница

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

• Различные контактные данные, такие как адрес электронной почты, номер телефона и физический адрес. Чем больше каналов вы предоставите, тем выше вероятность того, что вы будете требовать общения. Тем не менее, для 100% цифровых блогов вы, вероятно, можете обойтись без физического адреса.
• Форма обратной связи. И вам, и вашим посетителям проще включить специальную контактную форму, чтобы они могли отправить вам сообщение, не покидая сайт.
• Ссылки на социальные сети. Многие люди теперь предпочитают социальные сети более традиционным формам общения. Фактически, 59% опрошенных американцев, имеющих учетные записи в социальных сетях, «согласны с тем, что обслуживание клиентов через социальные сети упростило получение ответов на вопросы и решение проблем».
• Карта и / или направления. Если у вашей компании есть физическое местонахождение, карта или подробные инструкции более удобны и полезны, чем простой адрес.

Чтобы увидеть эти элементы в действии, посетите страницу контактов Moz:

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

И, что более важно, вот наша собственная контактная страница:

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

Как создать контактную страницу для вашего сайта WordPress (за 2 шага)

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

Шаг 1. Решите, какие элементы включить.

PayPal предлагает список ответов на общие вопросы на своей странице контактов, а также ссылки для поддержки.

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

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

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

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

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

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

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

Это сложно сделать? Неа! Например, с WPForms практически все, что вам нужно сделать, это установить и активировать плагин. Затем вставьте шорткод на страницу:

У нас также есть более подробная статья о том, как добавить контактную форму в WordPress, если вам нужна дополнительная помощь.