Ajax форма обратной связи в модальном окне

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

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

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

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

Ajax форма обратной связи

Сегодня начнем не с jQuery, а с верстки кнопки и формы. Все скрипты подключим в конце страницы.

Кнопка, по нажатию на которую будет открываться модальное окно:

<a class="mainButton" href="#modal">Оставить заявку</a>

Класс можете задать любой, а вот в href напишите #modal - это будет id у контейнера с затенением и контактной формой.

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


<div class="remodal" data-remodal-id="modal" role="dialog" aria-labelledby="modal1Title" aria-describedby="modal1Desc">

<div class="remodalBorder">

<img src="img/sendico.png">

  <button data-remodal-action="close" class="remodal-close" aria-label="Close"></button>

<form id="form">

<h2 id="modal1Title">Оставьте ваши контактные данные и наш консультант свяжется
с вами</h2>

        <input type="text" class="putName" name="name" placeholder="Ваше ваше имя" required>
        <input name="phone" type="tel" class="putPhone" placeholder="Введите номер телефона" required>
        <input type="submit" name="submit" class="btn" value="ОТПРАВИТЬ">
        <input type="hidden" name="formData" value="Заявка с сайта">

<a style="font-size:12px; text-align:center; color:rgba(255, 255, 255, .3);" href="#">Хочу такую форму на свой сайт</a>

    </form>

</div>

</div>

Добавив стили, выглядеть это стало так:

простая форма обратной связи на ajax
Для создания модального окна, использовалась библиотека Remodal. Это набор из css и js файлов, как раз для создания анимированных модальных окон. Можете скачать по ссылке или уже с моими правками в конце статьи.

Между тегами head подключаем стили:

 <link rel="stylesheet" href="css/remodal.css">
 <link rel="stylesheet" href="css/remodal-default-theme.css">

А перед закрывающимся тегом body - добавляем скрипты:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="dist/remodal.min.js"></script>
<script src="js/script.js"></script>

Script.js - это скрипт для обработки формы. Тот самый Ajax, который позволяет нам осуществить всю процедуру без перезагрузки страницы:

$(document).ready(function () {
 $("form").submit(function () {
 // Получение ID формы
 var formID = $(this).attr('id');
 // Добавление решётки к имени ID
 var formNm = $('#' + formID);
 $.ajax({
 type: "POST",
 url: 'mail.php',
 data: formNm.serialize(),
 success: function (data) {
 // Вывод текста результата отправки
 $(formNm).html(data);
 },
 error: function (jqXHR, text, error) {
 // Вывод текста ошибки отправки
 $(formNm).html(error);
 }
 });
 return false;
 });
});

Не буду приводить исходный код css и js из файлов, отвечающих за модальное окно и форму, так как они достаточно объемы. Если что, смотрите в исходнике. А вот php обработчик во многом стандартный (если можно так сказать):

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    if (isset($_POST['name'])) {$name = $_POST['name'];}
    if (isset($_POST['phone'])) {$phone = $_POST['phone'];}
    // if (isset($_POST['email'])) {$email = $_POST['email'];}
    if (isset($_POST['formData'])) {$formData = $_POST['formData'];}

    $to = "site@sitename.com"; /*Укажите адрес, га который должно приходить письмо*/
    $sendfrom   = "support@sitename.ru"; /*Укажите адрес, с которого будет приходить письмо, можно не настоящий, нужно для формирования заголовка письма*/
    $headers  = "From: " . strip_tags($sendfrom) . "\r\n";
    $headers .= "Reply-To: ". strip_tags($sendfrom) . "\r\n";
    $headers .= "MIME-Version: 1.0\r\n";
    $headers .= "Content-Type: text/html;charset=utf-8 \r\n";
    $subject = "$formData";
    $message = "$formData
 <b>Имя пославшего:</b> $name
<b>Телефон:</b> $phone";
    $send = mail ($to, $subject, $message, $headers);
    if ($send == 'true')
    {
    echo '<center>

Спасибо за отправку вашего сообщения!

</center>';
    }
    else
    {
    echo '<center>

<b>Ошибка. Сообщение не отправлено!</b>

</center>';
    }
} else {
    http_response_code(403);
    echo "Попробуйте еще раз";
}?>

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

Вот такая ajax форма получилась. Извините, что не пытался объяснить подробно, как делался каждый элемент. Просто хотелось дать готовый результат, а описывать все анимации, появления - нет никакого смысла. Качайте исходник и внедряйте на свой сайт. А на сегодня - все. Всем удачи!

Скачать исходник

Ребята, настоятельно прошу тестировать форму на реальном или виртуальном сервере (хостинге). Убедитесь пожалуйста, что ваш сервер поддерживает php, у вас платный тариф и не тестовый период.  В противном случае, в 90% случаев форма работать не будет.

 

Не ждите письма у себя в почтовом ящике, если вы просто открыли индексный файл в браузере и нажали кнопку "Отправить". Php - это серверный язык!

Если вам лень разбираться и самостоятельно делать форму, то рекомендую обратить внимание на конструктор форм обратной связи.

Обновленная версия статьи находится тут

Понравилась статья? Не хотите пропустить следующие материалы о самостоятельном создании и раскрутке landing page?

Подпиcывайтесь на обновления!

Комментарии: 114

  1. Влад

    Здравствуйте, Дмитрий.
    Очень понравилась ваша форма и решил адаптировать ее под свои нужды. Мне необходимо привязать эту форму к любой странице, а не как сейчас фома выводится на определенной html странице. К примеру я подключил вашу форму к CMS. Стили подключил в хедер до тега , скрипты в футер. Вывод кнопки сделал в статье CMS. Сама форма работает, но при нажатии на кнопку вызывающей форму меня перекидывает на главную страницу сайта, так как в коде для этой кнопки указан путь (href) — #modal. Не могли бы вы подсказать как исправить вашу форму так, чтобы при ее появлении меня не кидало на главную, то есть чтобы я оставался на текущей странице.
    И еще хотел узнать если мне нужно выводить две формы на одной странице. То мне необходимо добавить в код саму форму html(другую), обработчик mail.php для нее и добавить код в script.js?
    Спасибо.

    • dimadv7

      Здравствуйте, если на странице есть id=»modal», то при клике на ссылку с #modal, переход должен осуществляться туда. Что-то не так делаете. А насчет двух форм, то можете сделать и так, главное в айдишниках не запутаться.

    • Роман

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

      <a href="#" rel="nofollow">more</a>

      ( к ней хочу подключить форму),
      так же есть файл script.js (Ваш нужно дописать в дефолтный?) и index.html (здесь вообще мало понятно, как это все совместить), и внедрить Вашу замечательную форму?
      Я немного новичек, пытаюсь сам разобраться.
      Буду признателен за подсказку.

    • dimadv7

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

    • ITшник

      Здравствуйте.
      Ставить ссылку на кнопку или на любое другое активное действие на сайте — плохое решение с точки зрения СЕО. Прошу опубликовать вариант со скриптом…

  2. Евгений

    Все отлично, но как обычно есть одно маленькое но, после удачной отправки , сообщение о удачной отправки почты в неправильной кодировке? Кодировку файла mail.php менял но все тоже самое!

    • dimadv7

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

  3. Шухер

    1. Не получается сделать две формы на одной странице. Вторая форма после нажатия сабмит выводит окно первого.
    2. Чтобы вы наглядно посмотрели, как вам отправить переделанные ваши исходники?

    • dimadv7

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

  4. Шухер

    Как это сделать?

  5. Шухер

    И нужно ли редактировать для второй формы файлы яваскрипт?
    Для второй формы скопировал файлы яваскрипт в новую папку и в файле скрипт изменил mail.php на mail2.php. Что нужно еще в скрипте менять?

    • Катя

      Ну вам же сказали, id менять в форме и в скрипте. Если формы одинаковые, то создавать второй обработчик — не имеет смысла. То есть mail2.php — не нужен. Все, что нужно поменять id, если не редактировать сам скрипт, то да, создавать 2 скрипта.

  6. Шухер

    Вторая форма после нажатия сабмит выводит окно первого.
    Ну так как же правильно поменять id в форме и в скрипте?

    • dimadv7

      у первой формы id=form, а у второй формы делаем id=form1, при подключении скриптов, просто меняем все form, на form1, если формы одинаковые, обработчик можно не менять

  7. Шухер

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

  8. Шухер

    Во второй форме поменял id на form2, в скрипте script.js тоже, все по одному, Нашел только две! Вы говорите меняем все form, а сколько их?

  9. Шухер

    Пожалуйста сделайте пост на два Ajax форма обратной связи в модальном окне с разными формами на одной странице! Многим бы пригодилось. Спасибо!!!

  10. Шухер

    Вместо второй формы установил модуль Обратного звонока от http://www.ext-joom.com/. После нажатия отправить — выводит надпись успешной отправки вашей формы. Не пойму почему срабатывает ваш скрипт. Как отвязать ваш скрипт?

  11. Шухер

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

    • dimadv7

      Здравствуй, давай на «ТЫ», не понимаю, что вызвало у тебя столько сложностей… На почту отправил файл с 2 формами.

  12. Шухер

    Здравствуй, не получается. Ну вот никак. Что-то со скриптом он срабатывает на все формы, где не надо, а именно mail.php.

    • dimadv7

      id=»form» — нигде больше не используется? У сторонних сервисов тоже?

  13. Шухер

    Нет не используется (срабатывает оба отравщика — «твой» и другого разработчика, твой отпращик присылает пустые сообщения с полями имени и телефона и тд, родной отправляет все одекватно, также твой скрипт после успешной отравки выводит свое сообщение поверх родного)! Отправил обратно тебе переделанные формы, где id form и form1, там же mail.php и mail1.php (срабатывает всегда только mail.php), посмотри пожалуйста братец наглядно, может у тебя получится.

  14. Шухер

    Мне кажется ваш скрипт срабатывает на все методы post

    • dimadv7

      Ты почту проверял? Там 2 формы и работают корректно. Одна не мешает другой.

  15. Шухер

    Мешают друг другу там два отправщика. Срабатывает один. Ты мне прислал две одинаковые формы под один отправщик, такое подходит. Я уже забил на двойную форму. Оставил только одну и установил совсем другую форму от другого разработчика с другими id, php, js с модальным окном или обычной формой, но скрипты от твоей формы срабатывает на другие формы. Полный пипец. Я тут одно и тоже пишу по разному, не знаю как еще объяснить, не ужели недоходчиво объясняю.

  16. Шухер

    Ты мне прислал две одинаковые формы под один отправщик, такое не* подходит.

  17. Шухер

    На почту тебе отправил, попробуй его, наглядно увидишь проблему.

  18. Шухер

    Вот что обнаружил:
    В форме id указал
    В script.js id оставил таким же — $(«form»)
    Итог форма обратной связи в модальном окне все равно работает. В форме , все равно будет все работать также отлично оставив без изменений .
    А если в script.js поменять $(«form») на $(«morf») и также указать в форме или на что нибудь другое то ничего не пашет.
    Люди шарящие помогите!!!!!!!!!!

    • dimadv7

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

  19. Шухер

    В форме id указал morf
    В script.js id оставил таким же — $(«form»)
    Итог форма обратной связи в модальном окне все равно работает.
    А если в script.js поменять $(«form») на $(«morf») и также указать в форме id morf или на что нибудь другое то ничего не пашет.
    Люди шарящие помогите!!!!!!!!!!

    • dimadv7

      сейчас выслал, работают 2 формы с разными обработчиками

    • dimadv7

      Просто раньше мы брали не id=»form», а тег form (в скрипте).

    • dimadv7

      Вот смотри, в скрипте мы говорим, возьми тег form

      $("form").submit(function () {

      именно тег, не id. А ты сделай так:

      $("#form").submit(function () {

      Ну и не удивительно, что когда ты менял тут form на morf, то формы переставали работать, так как таких тегов нет. А id в твоем случае ни на что не влиял.

  20. Игорь

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

    • Анна

      +1 к вопросу. Если нашли решение, подскажите

  21. Шухер

    Спасибо большое! Дело было не в бобине#!

  22. Шухер

    Может для следующих мучеников стоит поправить(#) исходник. Еще раз большое спасибо!!!

  23. Нина

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

  24. Роман

    Добрый день!
    Хочу прикрутить к opencart 2.0.
    Подключил все исходники. После всех описанных выше действий #modal кидает на главную.

    • dimadv7

      Я не работал с opencart. Не в курсе как там все устроено, но перекидовать на главную — не должно.

  25. Илья

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

  26. Дмитрий

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

    • Евгений

      1. — Зачем?
      2. Можно. Как? Поменять прозрачность на нужную у класса

      .remodal-overlay
  27. Римма

    Здравствуйте! Форма просто замечательная! Но у меня тоже возник вопрос, когда я сделала две одинаковые. Как из различать? Например, у меня это заявка в один кружок, а , я прописала им разное value в строчке , но в заголовке всегда value первой.

    • Евгений

      Если не хотите модифицировать javascript код, то придется подключить его 2 раза, при это нужно изменить:

      $("#айдиформы").submit(function () {

      То есть указывать свой id формы

    • Римма

      Спасибо! Это я тоже сделала. Пробовала прописать 2 id через запятую и пробовала продублировать её, заменив id, оба вариант почему-то присылают заголовок от первой формы.

    • dimadv7

      Отправил вам на почту архив с 2 работающими формами)

    • Римма

      Спасибо! Я сглупила и не меняла там, где modal и то, что с ним связано, поэтому отправляло с первым заголовком чтобы я не делала, с Вашими всё отлично работает 🙂

  28. Иван

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

    • dimadv7

      А как вы уже пробовали? Какие ошибки выскакивают?

  29. Евгений

    Отличный скрипт, спасибо.
    Но есть одна досадная вещь. — «явное указание пути к php-файлу». Вот здесь http://site-on.net/create/php/6-callback-and-feedback-for-site-joomla
    Приводится пример формы, которая маскирует путь к php -файлу (метод post, в Аяксе url). Сутки копаюсь, но не могу подойти к решению (маскировка php-файла) . Есть ли возможность в ЭТОМ скрипте не указывать явно (для пользователя) путь к php-файлу ?

  30. Сергей Смирнов

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

    вот эти стили ставлю перед хэдом

    • dimadv7

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

  31. Дмитрий

    От чего может быть при отправке вот так
    name=pp&phone=oi&submit=ОТПРАВИТЬ&formData=Обратная+связь#modal

    в адресной строке это появляется ну и форма конечно не отправляется

    • dimadv7

      От того, что GET запрос посылается, а не POST, наверное.

    • Дмитрий

      Но я просто скопировал и вставил себе на сайт…
      Не отсылается, просто обновляется страница и передаются данные в строку.

    • dimadv7

      А php вообще работает?

  32. Vektor

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

    • Евгений

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

  33. Максим

    Здравствуйте . Спасибо за форма ! ) все хорошо встало , письма приходят . Но есть одна загвоздка . когда появляется сообщение от успешной отправки ,мы закрываем окно . Потом нажимаем на кнопку что бы опять вызвать форму . а вместо формы — остается сообщение об успешной отправки . Подскажите как это можно исправить ? Спасибо

    • Катя

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

  34. Карл

    добрый день, письма приходят, но нет текста, просто пишет телефон: имя: а самого текста нет, как исправить?

    • dimadv7

      Привет. Изменения делал какие-нибудь в атрибутах name?

  35. Карл

    привет, нет, никаких изменений кроме мейла не делал

    • dimadv7

      А другие формы есть на странице? Хотя — это и не важно, должно работать, если ничего не менял. Но все таки, поставь вот тут id своей формы:

      $("#айдиФормы").submit(function () {
  36. Артём

    Добрый день. Ничего не происходит при нажатии кнопки оставить заявку. По инструкции и коментам прошелся уже раза 2. Единственная разница в том что у меня привязан jquery 1.9.1 вместо 1.11.2. В чем может быть проблема?

    • dimadv7

      Тестируете на сервере? он не бесплатный? Не тестовый период? Ошибок в консоли нет? PHP вообще отрабатывает?

  37. Артём

    оплаченый, php работает. тут мне кажется в js проблема, либо в прокладке между креслом и монитором

  38. Артём

    И причем тут php? Сама форма не появляется.

  39. Артём

    Жму на кнопу «заказать». В адресной строке добавляется #modal и ничего не происходит

  40. Артём

    Дело было в прокладке XD. А файл лежал в папке js.
    Поправил на js/remodal.min.js Заработало. Вот бы теперь узнать как модифицировать эту форму чтобы можно было делать вложение в письмо

  41. Сергей

    Добрый вечер, Дмитрий. Подскажи, пожалуйста, как сделать чтобы после нажатия кнопки «Отправить» посетителю открывалась новая страница «Спасибо» с расширением .html или .php? В данном варианте сообщение «Спасибо» появляется в том же модальном окне.

  42. Руслан

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

  43. Анатолий

    Подскажите как исправить зависания формы ? Все работает, отправляется и т.д, только при нажатии на кнопку заказать, открывается ококшо, и когда после заполнения данных жмешь на отправить, форма подвисает на 2-5 секунд, а потом аж появляется окно с Спасибо
    Подскажите как сделать, чтоб форма не подвисала

    • Евгения

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

    • Анатолий

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

    • dimadv7

      Ясно, здорово, что удалось исправить, так в чем ошибка то была, если не секрет?)

    • Анатолий

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

      И да, поправь путь к скрипту , вместо dist, должно быть js

    • Анатолий

      style=»font-size:12px; text-align:center; color:rgba(255, 255, 255, .3);» href=»#»>Хочу такую форму на свой сайт

  44. Денис

    А почему игнорируется вопрос о сбросе формы после отправки? это так тяжело? скрипт крутой, но во если доработать сбросом благодарности что бы открылась чистая форма — будет прелесть!

    • Анатолий

      Денис, прочитай комментарии выше, уже давали ответ, почему не идет сброс

  45. Денис

    Я извиняюсь, но не могу найти, подскажете где прочитать?

    • dimadv7

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

  46. Денис

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

    • Анатолий

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

  47. Денис

    Ну это понятно, спасибо, а как сделать эстетично и красиво? как я описал выше, ведь костыли они и в африке костыли

  48. Edward

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

    • dimadv7

      Посмотреть в инспекторе какой класс влияет и переопределить его

  49. Edward

    Извините за глупый вопрос, я только учусь, а как переопределить класс?

    • dimadv7

      Значить найти тот, который мешает (тот, который встречается 2 раза) и одному из них задать другое имя.

  50. Дмитрий

    Когда нажимаю на «Отправить» перекидывает на папку со всеми документами сайта. Оставить заявку Что здесь нужно вместо #moda написать,не понимаю.

    • dimadv7

      Не понимаю о чем вы…

Добавить комментарий