Пропустить

Как добавить контактную форму с WordPress Контактная форма 7

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 701.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

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

контакт-форма-7

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

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

Как установить плагин Contact Form 7

Контакты Форма 7 доступен на WordPress.org, а это значит, что вы можете установить его прямо из панели управления WordPress, введя условия " Контакты Форма 7«, Правильным будет вхождение с таким же названием. Однако, если вы хотите иметь это плагин, Вы можете скачать его напрямую как файл .ZIP.

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

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

Небольшое знание языка HTML будет плюсом для понимания этого плагинЧтобы создать новую форму, перейдите в следующее место: « Контакты >> создать форму . На этом сайте вы увидите разделы 6:

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

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

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

Легко создайте свой сайт с Elementor

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

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

В разделе «Форма»текстовое поле слева уже предлагает некоторые поля по умолчанию. Каждое поле начинается с открывающего тега <p>», и заканчивается закрывающим тегом .

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

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

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

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

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

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

[отправить «Отправить»]

 это кнопка отправки.

Мое новое поле заключается в следующем:

[tel tel-711 заполнитель "Ваш номер телефона"]

Я обернул это биркой " " (как упомянуто выше)с указательным текстом иметь окончательный код, идентичный этому:

Твой номер телефона : [tel tel-711 заполнитель "Ваш номер телефона"]

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

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

как копирование шорткод-оф-A-Form

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

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

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

Это все для этого руководства, я надеюсь, что он поможет вам создать свою страницу контактов с помощью бесплатного плагина WordPress Contact Form 7. Не стесняйтесь оставлять комментарии.

Эта статья содержит комментарии 10

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

    спасибо,

    Bien Cordialement

  2. Привет,
    Я интегрировал указанный выше код в контактную форму (доступ через кнопку «связаться с нами» в заголовке домашней страницы). Все отображается на странице "сообщения". Я заполняю все поля, но полученное мной электронное письмо содержит только имя, тему и адрес электронной почты, а не номер телефона 🙁
    Где я неправ ??? Заранее спасибо, если вы можете мне помочь

    1. Привет,
      введите [ваш-телефон] в> Электронная почта> тело сообщения
      или электронная почта> тело сообщения

  3. когда я скачиваю этот файл, нет .ZIP, поэтому нет "Установить"… ..
    бедный неофит, что я, спасибо за ваше понимание

Оставить комментарий

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

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх