Как максимально эффективно использовать контактную форму 7

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

Подпишитесь на наш канал Youtube

Контактная форма 7: краткий обзор

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

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

Например, шаблон контактной формы по умолчанию имеет 4 поля:

• Имя
• Эл. адрес
• Тема
• Сообщение

Но допустим, вам нужен еще и чей-то телефонный номер. Если вы нажмете кнопку tel , вы можете вставить это поле в форму.

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

1. Имя: Это поле предназначено только для вас. Вы используете его как для идентификации формы в ваших организационных списках, так и в шорткоде, чтобы сообщить контактной форме 7, какое поле телефонного ввода вы хотите отобразить.
2. Значение по умолчанию: это значение будет тем, что указано в поле по умолчанию. Например, если вы хотите показать им, как вы хотите отформатировать число.
3. Атрибут ID: если вы хотите стилизовать это конкретное поле с помощью CSS, укажите здесь ID.
4. Атрибут класса: класс CSS для всех полей вашего телефона или, возможно, полей в целом. Однако вы делаете свои соглашения об именах классов на ваше усмотрение.
5. Шорткод: контактная форма 7 заполняет все значения по мере вашего продвижения , поэтому вы можете просто скопировать код или нажать « Вставить тег», чтобы закончить. Если вам нужно отредактировать его позже в форме, вы можете это сделать, потому что вся информация находится прямо здесь, и вам не нужно ничего повторять. Последний код будет выглядеть так [[tel contact-phone-1 id: phone-1 class: phone placeholder «1 (931) 762-0897»]]

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

Другие вкладки: почта и сообщения

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

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

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

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

Семь лучших расширений контактной формы 7

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

1. Условные поля для контактной формы 7

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

Цена: БЕСПЛАТНО | Больше информации

2. Надстройка PayPal и Stripe

Возможно, вам не нужно полноценное решение для электронной коммерции. Возможно, использование WooCommerce или чего-то еще - это слишком много для одной или двух вещей, которые вы продаете. Этот плагин может быть вашим лучшим выбором. Вы можете сохранить форму, созданную для каждого конкретного предмета, который вы продаете (каждый с уникальным SKU или идентификатором), и ваши пользователи будут перенаправлены на PayPal или Square после отправки формы. Вы не будете размещать или обрабатывать их платежную информацию, а просто сможете продавать свои вещи за несколько кликов.

Цена: БЕСПЛАТНО | Больше информации

3. Действительно простая CAPTCHA

Мы все ненавидим CAPTCHA. Тем не менее, они являются эффективной первой защитой от спама и угроз безопасности. Really Simple CAPTCHA написана тем же разработчиком, что и Contact Form 7, поэтому вы знаете, что из всех расширений, которые предоставляют эту функцию, этому можно доверять.

Цена: БЕСПЛАТНО | Больше информации

4. Контактная форма 7 скинов

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

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

Цена: БЕСПЛАТНО, с Премиум-обновлениями | Больше информации

5. Автоответчик CF7 (Премиум)

Если у вас есть список адресов электронной почты (а мы почти уверены, что вы это делаете), вам стоит взглянуть на это премиальное расширение Contact Form 7. Многие сервисы автоответчика электронной почты имеют менее чем звездную интерфейсную интеграцию с веб-сайтами. Их виджеты и API иногда могут сбивать с толку. Таким образом, CF7 Autoresponder позволяет вам использовать мощный плагин, который вы уже разработали идеально, чтобы соответствовать вашему сайту, и по-прежнему генерировать и хранить всех потенциальных клиентов, которые вы хотите, с помощью предпочитаемой вами почтовой службы. Всего за 18 долларов на CodeCanyon это настоящая кража. Тем более, что он работает и с установленными формами. Не нужно ничего перестраивать. Просто убедитесь, что этот знает, что они существуют, и что вы в деле. Буквально.

Цена: 18 долларов | Больше информации

6. Contact Form 7 Storage (Премиум)

Если вы действительно хотите получить максимальную отдачу от Contact Form 7, вам нужно воспользоваться тем, что все это установлено на WordPress. CF7 Storage позволяет сохранять все отправленные вами формы в базу данных WP. Часто электронные письма теряются. Или, может быть, сервер электронной почты дает сбой, и вы упускаете важное преимущество. Или, что еще хуже, ваша электронная почта начинает отмечать материалы с вашего веб-сайта как спам / нежелательную почту (по опыту… это худшее). Этот плагин исправляет это, предоставляя вам серверный почтовый ящик для каждой отправки из любой из ваших форм. При цене 19 долларов это меньше, чем у Google One за год. Мы думаем, вы согласитесь, что это небольшая цена за такую ​​полезность (и, если честно, безопасность).

Цена: 19 долларов | Больше информации

7. CF7 Drop Uploader (Премиум)

Поиск по файловым структурам и каталогам в поисках файла для загрузки - это 2002 год. CF7 Drop Uploader привносит в любимый всеми плагин этот современный штрих, а затем и некоторые другие. Перетаскивание любого файла в форму запустит загрузку, и ваши пользователи не будут тратить зря время, когда они ищут и щелкают, щелкают, щелкают и щелкают. Часто пользователи обращаются к вам за помощью в решении проблемы, и если ваши формы не позволяют загружать хотя бы снимок экрана, у вас возникают трения между пользователем и решением его проблемы. Объедините это с другими расширениями Contact Form 7, например с тем, которое сохраняет в вашу базу данных, и вы действительно начали выжимать из этого маленького плагина все возможности. Drop Uploader стоит 17 долларов, но он того стоит из-за простоты, которую он приносит вашим пользователям.

Цена: 17 долларов | Больше информации

Заключение

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

Какие ваши любимые расширения Contact Form 7?

Статья от Vitya_M / shutterstock.com