Настройка contact form 7 wordpress

Алан-э-Дейл       11.03.2024 г.

Оглавление

Совместимость с плагинами

  • Flamingo создан этим же автором. CF7 не сохраняет письма и данные пользователей, поэтому вы можете случайно удалить или потерять нужные сообщения. Flamingo же сохраняет их в базе данных;
  • Contact Form 7 Style – это аддон для придания пользовательского стиля. В базовой версии есть несколько готовых шаблонов оформления;
  • Akismet и reCAPTCHA помогут защититься от спама с помощью фильтров и умной капчи. А для запрета комментариев с определенными словами можно воспользоваться стандартным средством WP «Запрещенные ключевые слова». Для их создания перейдите в левом меню в пункт «Настройки» затем «Обсуждение»;
  • Bogo предназначен для воплощения многоязычности. Один из лучших в данной категории. Отлично переводит на различные языки административную панель, сайт в целом и отдельные страницы, а также форму связи.

Create your contact form page

You can follow the Contact Form 7 documentation and examples, but shortly:

  1. on Contact Form 7 panels create a new form with all required fields (see picture below)
  2. Add a special contact form field (this is the only required change on the contact form to integrate with Newsletter – see below how to configure the subscription process)
  3. Copy the shortcode which reference your contact form
  4. Create a contact page in your blog and add the Contact Form 7 shortcode
  5. Configure Newsletter to intercept the form (see next chapters).

If you already have your contact form in place the only required step is the step 3.

Create a contact form in the Contact Form 7 panelAdd a checkbox field to the contact form to collect subscriptionsCopy the contact form shortcode to be used in your contact pageCreate the contact page with your contact form shortcode

Отчет о расписании для надстройки Advanced CF7 DB Premium

ИНФОРМАЦИЯ И СКАЧАТЬПОСМОТРЕТЬ ДЕМО

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

Другие функции плагина включают тип файла экспорта (CSV, XLS или EXCEL), настройки электронной почты (куда, от и сообщение), расписание нескольких событий и совместимость с GDPR (просто установите расписание для удаления записей). Если вы используете базу данных Advanced Contact Form 7, вам необходимо наличие надстройки Schedule Report.

Why Do You Need a Contact Form?

Having a contact form on a website is beneficial, both for the owner and the users. Here are several advantages:

  • Effective communication ‒ a contact form makes it easy for users to reach you. The form is accessible all the time and customers only need to fill out the provided fields.
  • Source of information ‒  you can require users to enter information that might be valuable for future purposes, such as an email address, a social media username, etc. Having said that, some fields like age or gender should be optional, should you really need them.
  • Spam prevention ‒ if you have a contact form, you don’t need to expose your email address on the website. That way, spammers can’t locate it easily and you will receive a lot less junk.
  • Professionally looking site ‒ your website can look more professional and appealing by having a contact form inside. Readers know that you will listen to them and in turn, they will trust you more.

Sounds very promising, right? Without further ado, let’s learn how to add a contact form in WordPress!

Simple Basic Contact Form

Our Simple Basic Contact Form plugin offers a secure, clean, and flexible way to add contact forms on your WordPress site. Much of the value of the SBCF plugin is fastened in its simplicity.

It’s a powerful option if you’re looking for a no-frills solution and don’t need any fancy or complex bells and whistles. Plus, it’s completely free!

With this plugin, you can:

  • Display forms anywhere on your site using the shortcode or template tags
  • Send descriptive, well-formatted, and plain-text messages
  • Easily configure and customize the contact forms via the plugin settings

In addition to the ease of use that you can enjoy with this plugin, you will also be able to appreciate the peace of mind that comes with knowing the forms are safeguarded against malicious content. The Simple Basic Contact Form plugin includes a handful of security features that helps with tasks such as spam blocking.

#2: Sleeknote

Sleeknote takes a more traditional approach to contact page design with this vertical form aligned next to a trio of almost-CTA prompts: Book a demo, get inspired and become a partner.

Sleeknote makes it very clear which type of actions users can take via its contact page and this reduces the number of irrelevant messages coming in. Those who want to book a demo will click the link and be directed to the relevant field, for example.

People with more specific or general queries can fill out the contact form although it’s a safe bet these contacts won’t be treated as a priority over the clear conversion goal Sleeknote is aiming for: bookings.

Don’t be afraid to encourage specific actions on your contact pages and prioritise leads that bite.

SleekBot can take care of these and pass along the useful interactions to part of the company’s sales team.

This bot is powered by HubSpot, which offers a free chatbot builder for businesses using the company’s free CRM. That said, you’ll want to be a paying customer with its sales software to make the most of the contacts and data your bot generates.

Сознание новой формы

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

  1. Текстовое поле, адрес электронной почты (text, email);
  2. Ссылка (url);
  3. Номер телефона, диапазон чисел, дата (tel, number, date);
  4. Текстовое поле в несколько строк (textarea);
  5. Флажки, переключатели и выпадающее меню (checkbox, radio, select);
  6. Проверка капчей (captchac и captchar);
  7. Проверка контрольным вопросом (quiz);
  8. Флажок согласия (acceptance);
  9. Прикрепление файлов (file);
  10. Кнопка отправки (submit).

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

В качестве примера, можно добавить к готовому шаблону такие поля, как: никнейм, номер телефона, текстовый вопрос для защиты от спама. Это будет самая простая форма отправки сообщения администратору сайта. Для ее создания понадобятся теги (text, tel, quiz).

Сперва добавим новое поле для никнейма автора сообщения, с именем «Ваш никнейм», как написано в других готовых полях (можно просто скопировать). Теперь, в разделе «Шаблон формы» выбираем «text» и задаем нужные параметры. Например, можно сделать обязательное заполнение, поставив галочку на «Required field». В качестве альтернативы, можно сделать это поле обязательным для заполнения просто добавив звездочку (text*).

Имя поля можно оставить по умолчанию или задать любое другое, например, «your-nickname». Чтобы поле имело содержание по умолчанию, которое поможет пользователю сориенироваться быстрее, нужно добавить его в строчку «Значение по умолчанию». Если поставить галочку на «Use this text as the placeholder of the field», то это содержание будет исчезать при нажатии. Далее, можно задать атрибуты «ID» или «Class», чтобы использовать их для оформления поля через CSS стили. Теперь остается только нажать «Insert Tag», и сгенерированный тег появится в содержимом. Он должен выглядеть так:

Аналогичные действия нужно провести и при добавления остальных полей (tel, quiz). Только, в случае с вопросом для защиты от спама (quiz), нужно будет написать вопрос и ответ одной строкой, через разделитель «|». Это должно выглядеть примерно так (Сколько будет 2+3?|5)

Обратите внимание, что очередность тегов в содержании шаблона определяет расположение полей на сайте

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

#10: Yummygum

Dutch design studio Yummygum opts for a two-step process to its contact form, which pops up as soon as users click the Contact button located in the site’s header.

Notice how the copy is very friendly, quite literally inviting people to get in touch with its team. You might not be comfortable with such a casual tone for your own brand (birds and bees anyone?) but you can see the benefit of choosing welcoming language on your contact page.

Hitting the Meeting for a coffee option brings up a nice and short general enquiry form while the Your great project selection returns a more in-depth form.

We won’t tell you what the Birds and bees option comes up with.

Бесплатное расширение для динамического текста Contact Form 7

ИНФОРМАЦИЯ И СКАЧАТЬ

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

С помощью этого плагина вы можете добавлять поля автозаполнения для URL, информации о публикации (ID, заголовок или слаг), номера продукта, информации о пользователе и т. д.

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

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

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

Form created using HTML

Want to learn the and
? then read the definitive guide to contact forms.

You can copy and paste this directly into your HTML page, or use it as a basis for your contact us page.

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>contact form</title>
</head>

<body>

<link href="contact-form.css" rel="stylesheet">

<div class="fcf-body">

    <div id="fcf-form">
    <h3 class="fcf-h3">Contact us</h3>

    <form id="fcf-form-id" class="fcf-form-class" method="post" action="contact-form-process.php">
        
        <div class="fcf-form-group">
            <label for="Name" class="fcf-label">Your name</label>
            <div class="fcf-input-group">
                <input type="text" id="Name" name="Name" class="fcf-form-control" required>
            </div>
        </div>

        <div class="fcf-form-group">
            <label for="Email" class="fcf-label">Your email address</label>
            <div class="fcf-input-group">
                <input type="email" id="Email" name="Email" class="fcf-form-control" required>
            </div>
        </div>

        <div class="fcf-form-group">
            <label for="Message" class="fcf-label">Your message</label>
            <div class="fcf-input-group">
                <textarea id="Message" name="Message" class="fcf-form-control" rows="6" maxlength="3000" required></textarea>
            </div>
        </div>

        <div class="fcf-form-group">
            <button type="submit" id="fcf-button" class="fcf-btn fcf-btn-primary fcf-btn-lg fcf-btn-block">Send Message</button>
        </div>

        <div class="fcf-credit" id="fcf-credit">
        Simple HTML email form provided by <a href="https://www.majesticform.com" target="_blank">MajesticForm</a>
        </div>

    </form>
    </div>

</div>

</body>
</html>

Designing Elementor Contact Form with ElementsKit Layout

In this section, I’ll show you the process of adding a contact form to your post by using the ElementsKit layout. 

To ease the process even more, I’ll add a video tutorial too. Hope that it will help you. Now, let’s focus on the tutorial.

Step #1: Inserting the Form

At first, choose a contact form design from the ElementsKit layout library. Head to the ElementsKit icon > Section > Contact form. 

In this section, you will notice three different contact form design for your blog post. Simply choose your desired design, and add to your post by clicking the ‘Insert’ button. 

Inserting contact form from layout

Step #2: Customizing the Contact Form

Your desired contact form will become visible to your blog post. Now it’s time to customize the color, margin, padding, font, text box, etc of your contact form. 

Fortunately, the customization process is 100% similar to the previous one. Follow the previous procedure from step #3 and you’ll get it.

If you face any trouble to design a contact form for your WordPress website, check the video. It will get everything covered.

That’s it! I hope, you have successfully added an Elementor contact form on your webpage. Designing a form with Contact Form 7 and ElementsKit is the easiest process let alone taking the time. 

Get ElementsKit

Get ElementsKit Pro

Translations

  • Save form settings (click «Save» button) to refresh form element list.

  • Lists/fields from 3rd party services are cached by the plugin to decrease number of requests to these services and increase performance, new data will be loaded automatically when cached data are expired.
    You can also request new data manually, for this click by «↺» icon near drop-down and/or «Reload fields» button.

  • PRO version of the plugin supports integration with Zapier service. Zapier supports integration with 600+ services.

    You can also hire us and we will implement a custom solution for integration «Contact Form 7» or other WordPress plugin with the service of your choice.

How to Design a Form with Elementor Contact Form 7

Fortunately, adding a contact form on WordPress websites isn’t complicated. In fact, it becomes easier than ever with the Elementor page builder and Contact form 7. 

By the way, you have to set up the environment before designing a contact form for your WordPress website. Here are the recommended tools that you have to install to design an eye-catchy contact form.

  • A website with WordPress CMS
  • Contact form 7
  • Elementor
  • ElementsKit 

Get ElementsKit

Get ElementsKit Pro

Done with installing? It’s time to start designing an Elementor contact form. Let’s get rolling.

Step #1: Get into the canvas

Login into your website admin dashboard panel. Create a blank post and Name it. After the naming, click on the ‘Edit with Elementor’ button.

Creating the canvas

Step #2: Add a Contact Form on Your Post

Now, it’s time to add a contact form to your blog post. You can do it simply by drag and drop the “contact form 7” icon into your post. It will automatically show a contact form on your post.

However, you may get a 404 error message. Nothing to worry about that at all! It will happen if you don’t select any contact form from the drop-down menu. 

Adding a contact form 

Step #3: Typography Style

In this section, we will change different sections like font family, font size, weight, transformation, font style, decoration, line height, letter spacing, etc. 

Styling typography

Remember, changing these options won’t affect the responsiveness of your website. 

Step #4: Customizing Input Area

Besides customizing the text area, you can change the input box too. ElementsKit allows you to customize the padding, width, input box height, text height, and margin-bottom of the input box.

Customizing input box

Step #5: Customizing Input Area Background

By this time, we’ve completed designing our texts and customized texts of our Elementor contact form. Now we will change the background color, design, shadow, etc of our text area. 

Customizing input area

You can also colorize the input box with multiple colors and shadows. However, I cannot resist myself to mention one of my most favorite features in this part. And that is, you can add these shadows and colors both on the internal and external sections of your contact form.

Point to be noted: you can perform all of these actions both for hover and focus options. Awesome, isn’t it?

Step #6: Modifying Submit Button

Well, we are now in the last section of designing our contact form. Yes, you’ve got it! We will modify the Submit button here.

ElementsKit allows you to change the alignment, typography, border-radius, margin, padding, color, box-shadow, text-shadow, border type, etc. 

Customizing submit button

And, that’s it! We just completed designing our contact form. I hope, you have also completed the design without any problem.

How to configure

The quick way:

  1. Change your contact form adding a checkbox: (if not already done)
  2. On this extension administration panel, find all the CF7 contact forms and select the one you want to integrated
  3. Edit the form integration configuration and match the form fields with the subscriber fields
  4. Pay attention specially to the email field and the subscription indicator field

That latter field should be added to every form you want integrate with Newsletter. Since every form has its own layout, field order and so on, Newsletter does not change your original Contact Form 7 forms.

Anyway, adding a subscription check box to a Contact Form7 form is ultra-easy. Just insert this short code:

You can change the name (“newsletter”) and the label as you prefer. Once the form is adapted, the extension will find that new check box and you can set it as “marker” for the subscription. See the pictures below for a simple example (they may differ from the actual Contact Form 7 or extension panels).

More on Contact Form 7 check boxes can be found here.

Primary Sidebar

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Download Now

I need help with …
Starting a Blog
WordPress SEO
WordPress Performance
WordPress Errors
WordPress Security
Building an Online Store

Useful WordPress Guides

  • 24 Must Have WordPress Plugins for Business Websites
  • 7 Best Email Marketing Services for Small Business (2022)
  • 5 Best Drag and Drop WordPress Page Builders Compared
  • 30 “Proven” Ways to Make Money Online Blogging with WordPress
  • How Much Does It Really Cost to Build a WordPress Website?
  • Free Recording: WordPress Workshop for Beginners
  • How to Choose the Best WordPress Hosting for Your Website
  • How to Choose the Best Blogging Platform (Comparison)
  • How to Choose the Best Domain Registrar (Compared)
  • How to Register a Domain Name (+ tip to get it for FREE)
  • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
  • How to Install WordPress — Complete WordPress Installation Tutorial
  • 5 Best Contact Form Plugins for WordPress Compared
  • Which is the Best WordPress Popup Plugin? (Comparison)
  • 5 Best WordPress Membership Plugins (Compared)
  • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
  • 5 Best WordPress Ecommerce Plugins Compared
  • 12 Best Live Chat Software for Small Business Compared (2022)
  • Best WooCommerce Hosting in 2022 (Comparison)
  • The Truth About Shared WordPress Web Hosting
  • When Do You Really Need Managed WordPress Hosting?
  • HostGator Review — An Honest Look at Speed & Uptime (2022)
  • SiteGround Reviews from 4464 Users & Our Experts (2022)
  • Bluehost Review from Real Users + Performance Stats (2022)
  • How to Properly Move Your Blog from WordPress.com to WordPress.org
  • How to Properly Move WordPress to a New Domain Without Losing SEO
  • How to Switch from Blogger to WordPress without Losing Rankings
  • How to Properly Switch From Wix to WordPress (Step by Step)
  • How to Properly Move from Squarespace to WordPress
  • How to Move WordPress to a New Host or Server With No Downtime
  • 6 Best Business Phone Services for Small Business (2022)
  • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
  • 64 Best Free WordPress Blog Themes for 2022
  • How to Install Google Analytics in WordPress for Beginners
  • 14 Best WordPress SEO Plugins and Tools That You Should Use
  • How to Choose the Best Website Builder in 2022 (Compared)
  • Why You Should Start Building an Email List Right Away
  • Why is WordPress Free? What are the Costs? What is the Catch?
  • What’s the Difference Between Domain Name and Web Hosting (Explained)
  • WordPress.com vs WordPress.org – Which is Better? (Comparison Chart)
  • How to Properly Move WordPress from HTTP to HTTPS (Beginner’s Guide)
  • How to Code a Website (Complete Beginner’s Guide)

Deals & Coupons (view all)

How to Create Site Wide Form Styles

Let’s start by making some general edits that will apply themselves to the whole form. We can do this by using the class selector .wpcf7 and then adding styles beneath it.

(I’d also like to highly suggest that you place the commented out heading I’ve written below within your style sheet to denote where your Contact Form 7 styles begin.)

/* Contact Form 7 Styles
---------------------------------*/

.wpcf7 {

background-color: #F0F0F0;

border: 5px solid #666666;

}

After adding the above code to your style sheet, every form you create with Contact Form 7 will have the background and border styles you’ve just defined. Below is an example.

As you can see, there are some spacing issues. To fix this you’ll want to adjust the margins between the border and the inner form elements. You can do this with the code below.

.wpcf7-form {

margin-left: 25px;

margin-right: 25px;

margin-top: 25px;

On my test site, this resulted in the following:

Note: these styles may affect your forms in slightly different ways due to the fact that we’re most likely working with different themes. That doesn’t mean that this code won’t work for you, only that you may have to tweak the numbers a bit to get things just right for your site.

Top Seven Contact Form 7 Extensions

We figure that seven is a good number to stick to because, well, it’s Contact Form 7. And that makes sense. With all the power that’s built into the free base plugin, you can go a long, long way with just a few plugins. Let’s get to it, then.

1. Conditional Fields for Contact Form 7

Of all the Contact Form 7 extensions out there, this might be the most important. One of the features that the base plugin doesn’t have is conditional logic. This plugin fixes that by extending CF7’s functionality. Instead of, let’s say, showing the same form to everyone regardless of device, you can give them a particular form suited better to their platform. And you don’t have to use CF7 just for contacts — you can make any kind of form you want. So if you need to have feedback forms appear after certain criteria are met, you can do that with this plugin.

Price: FREE | More Information

2. PayPal & Stripe Add-on

Maybe you don’t need a full ecommerce solution. Perhaps running WooCommerce or something else is just too much for the one or two things you sell. This plugin may be your best bet. You can keep a form made for each particular item you sell (each with unique SKU or ID), and your users will be redirected to either PayPal or Square upon submitting the form. You won’t be hosting or processing their payment information, just getting the benefit of selling your stuff with a few clicks.

Price: FREE | More Information

3. Really Simple CAPTCHA

We all hate CAPTCHA. Still, they’re an effective first defense against spam and security threats. Really Simple CAPTCHA is written by the same developer as Contact Form 7, so you know that of all extensions that provide this function, this one is the one to trust.

Price: FREE | More Information

4. Contact Form 7 Skins

CF7 is incredibly easy to customize. Sure, you can add CSS IDs to each form and style them that way, but why would you when Contact Form 7 Skins exists? This plugin uses a drag-and-drop editor so that if you’re not a design whiz and can whip out CSS at the drop of a hat, you can do this instead. One of the hallmarks of a professional website is a fully integrated design, forms included, and this can help you do that on your own without the help of a design professional.

If you really want to use Contact Forms 7 on your site to its fullest, you will want a variety of options for how you style it. CF7 Skins offers a number of premium bundles and add-ons so that you can get not only more templates and skins for your site, but also logic and the ability to break forms into multiple pages, and even more advanced styling than is available in the free version.

Price: FREE, with Premium Upgrades | More information

Price: $18 | More Information

Price: $19 | More Information

7. CF7 Drop Uploader (Premium)

Searching through file-structures and directories to find a file to upload is so 2002. The CF7 Drop Uploader brings everyone’s favorite plugin this modern touch and then some. Dragging any file onto the form will start the upload, and your users won’t have any wasted time as they search and click and click and click and click. Many times, users contact you for help with a problem, and if your forms don’t allow at least a screenshot upload, then you have friction between the user and the solution to their problem. Combine this with other Contact Form 7 extensions, like one that saves to your database, and you have really started squeezing the power out of the little plugin that could. Drop Uploader costs $17, but it’s absolutely worth it for the ease it brings your users.

Price: $17 | More Information

Внутренние настройки формы Contact Form 7.

В каждой форме доступны такие настройки:

  • Настройка шаблона формы;
  • Письмо;
  • Уведомления при отправки формы.

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

Произведя все внутренние настройки Contact Form 7 вы получите отредактированный код для вставки, который будет внедрен вами в нужную область на сайте.

Как указать или изменить тему сообщения?

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

Как установить автоответчик к форме Contact Form 7?

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

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

Можно ли размещать контактную форму вне поста?

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

Причин для такого сообщения обычно может быть несколько:

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

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

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

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

Контактная форма перенаправляет на страницу ошибки 404 после отправки.

Эта проблема вызвана сочетанием двух ошибок конфигурации. Во-первых, AJAX JavaScript не работает на вашей контактной форме. Из-за этой проблемы, ваша контактная форма вынуждена перенаправлять после отправки. Во-вторых, ваша контактная форма использует недоступные слова в названиях полей ввода. Этот вопрос смущает WordPress, в результате чего появляются 404 («Not Found») ошибки.

Контактная форма ведет себя странно в некоторых браузерах.

Это может быть вызвано из-за неверного HTML, CSS, Javascript. Пожалуйста, проверьте Вашу страницу формы с валидаторов или инструментов отладки.

Полезные инструменты:

  • Firebug — расширение Firefox. Хорошо для отладки JavaScript.
  • W3C Markup Validation Service — служба проверки HTML.
  • W3C CSS Validation Service — служба проверки CSS.

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

Contact Form 7 была переведена на многие языки. Смотрите, если имеется файл конфигурации языка для вашего сайта тогда и плагин Contact Form 7 будет использовать этот язык.

Contact Form 7 устанавливает параметр языка WordPress. После того, как вы измените языковые настройки WordPress, Contact Form 7 также изменяется.

CAPTCHA не работает, изображение не появляется.

Чтобы использовать CAPTCHA, нужно что бы GD и FreeType библиотеки были установлены на вашем сервере. Кроме того, убедитесь, что временная папка для CAPTCHA установлена с правами для записи.

Это хорошо известная проблема вызванная злоупотреблением тега <label>. Убедитесь, что вы правильно его используете. Правильное использование:

Это не будет работать правильно:

Скачайте предложенный js файл к себе на сайт в КАКУЮ ХОТИТЕ директорию. В шаблоне сайте подключите по принципу:

Гость форума
От: admin

Эта тема закрыта для публикации ответов.