Настройка Contact Form 7 часть первая и вторая

Прокачка себя

Друзья самый лучший плагин для отправки писем с сайта не всегда мы используем на все 100%

В этом видео я рассказываю:

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

  1. Как настроить и изменить стандартные уведомления
  2. Создадим форму со своими полями
  3. Научимся загружать файлы через Contact Form7
  4. Создадим письмо со своим текстом
  5. Поменяем стили формы
  6. Оформим контакт форм при помощи плагинов
  7. Создадим страницу спасибо

Я разбил этот урок на 2 части.

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

А вторая часть полностью посвещана внешнему оформлению форм.

Текст который я использовал

Код для страницы спасибо

(Друзья, код может выводиться с неправильными кавычками по этому если копировать будете то лучше отсюда https://e-integrate. ru/nastrojka-contact-form/)

Код для формы с кастомными стилями

Ваше имя (обязательно)
[text* your-name]

Ваш e-mail (обязательно)
[email* your-email]

Тема
[text your-subject]

Сообщение
[textarea your-message]

Код которым я оформлял всю форму
#wpcf7-f172-p34-o1 <
margin: 5px;
padding: 10px;
background: #B3AFAF;
font-family: Georgia, «Times New Roman», Times, serif;
color: #000;
>
========================
А этот код я вставлял в кастомайзер
.name-cf <
float:left;
padding: 2px;
>
.name-cf input <
width: 270px;
>
.thems-cf input <
width: 100%;
>
.clear-cf <
clear: both;
>
.text-cf textarea <
width: 100%;
>

Спасибо что посмотрели это видео, следить за обновлением можно подписавшись на канал по ссылке http://www. youtube. com/channel/UCOvS3wi2Tr9Q15xVnWpgBtQ? sub_confirmation=1

Мой второй канал с различными лайфхаками для жизни тут http://www. youtube. com/user/mosgy? sub_confirmation=1

Ну и подписчикам моего канала анонсом могу рассказать про сайт, который подходит к завершению и там вас ждет приятный сюрприз http://e-integrate. ru

Если нужна личная консультация всегда пожалуйста, пишите на yarg@bitrix24.ru договоримся.

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

Технологии
Добавить комментарий