Форма обратной связи без плагина
Форма обратной связи без плагина

Форма обратной связи без плагина

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

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

В Сети существует великое множество вариантов форм обратной связи или, как ещё их называют - контактных форм, в том числе и для WordPress. Кроме того и самому изготовить её весьма несложно, если Вы обладаете хотя-бы минимальными знаниями основ HTML. Ну а если в число Ваших умений входит хотя-бы поверхностное владение языками JavaScript  и PHP, то вполне возможно, что созданная Вами форма обратной связи даже будет работать.

Данная статья устарела! Смотрите обновленную статью Улучшенная форма обратной связи. Содержание статьи удалено как не актуальное

 

Смотрите также

Критика блога Натальи Акуловой

Критика блога Натальи Акуловой

Впервые пишу критический обзор чужого блога. Всегда считал, что подобная критика - это как соринку …

С Новым годом!

С Новым годом!

Друзья! Поздравляю всех с Новым годом! Желаю крепкого здоровья, любви, семейного уюта и благополучия, новых …

23 комментария

  1. Доброго времени суток!
    БлагоДарю, за хороший пост, очень хорошо написано, и самое главное всё понятно.
    Но, к сожалению у меня не получилось сделать “Обратную связь” как у Вас. (http://www.rodoswet.ru/
    Всё делал пошагово, по инсткрукции, проблем никаких не возникло нигде, вроде всё понятно, но при нажатии в меню “Обратная связь” у меня была ошибка 403. В чём дело – так и не понял. Всё правильно сделал, проверял несколько раз. Но ни как (((
    Пришлось обратно поставить плагин.

    • Возьмусь предположить что были не правильно указаны урлы отсюда и ошибка 403, хотя должна бы быть 404

    • А что у Вас прописано в источнике iframe в строке src=“http://адрес_блога/forma-svyazi/index.php”?

      И еще… Ошибка 403 может возникать из-за недостаточных прав на папку… Какие права у Вас выставлены для папки forma-svyazi?

      У меня установлены 0755… Т.е.

      Владелец – чтение, запись, выполнение

      Групповые права – чтение, выполнение

      Публичные права – чтение, выполнение

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

      На всякий случай… для файла forma-svyazi/index.php права 0644:

      Владелец – чтение, запись

      Групповые права – чтение

      Публичные права – чтение

      Пожалуйста, проверьте эти моменты у себя… напишите получилось или нет… Заходил по Вашей ссылке – там просто форма на странице сейчас…

      Разберёмся, всё должно работать…

      • Да, проверял всё дотошно, каждую запятую ))
         “А что у Вас прописано в источнике iframe в строке src=«http://адрес_блога/forma-svyazi/index.php»?”
        Здесь вставил адрес своего сайта и путь на папку forma-svyazi/index.php» всё также как и у Вас.
        С правами папок у меня никогда не было проблем. Ставил себе уголок на сайт, также закачал папку и никаких прав не выставлял, всё работает.
        Посмотрю, выберу время, ещё по разбираюсь. БлагоДарю, Александр! Обязательно напишу – получилось или нет.

        • Самое простое – закачайте папку forma-svyazi в корень блога, как описано в статье и дайте мне знать. Я подставлю Ваш адрес в свой код и проверю. По итогу или выдам Вам код, или будет ясна причина.

          Пробовал проверить сейчас, но видимо Вы удалили из блога папку forma-svyazi

  2. Огромное спасибо!
    Всё написано просто и толково, а главное – доходчиво. Заработало сразу, без проблем!
    И смотрится очень даже хорошо. 

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

      Выйду из отпуска, попробую написать, как я это сделал, если к тому времени чего-то другого не придумаю…

  3. Спасибо огромное автору!
    Много вариантов перерыл в интернете. В основном плагины, которые по какой-то не понятной мне причине отказывались работать так как надо.

    Ваш вариант просто супер! 

    • Я рад, что Вам пригодилось. Надеюсь, что вы использовали код из обновленной статьи? Вот отсюда: https://obg.kz/uluchshennaya-forma-obratnoj-svyazi-bez-plagina.html

      • Доброе время, Александр!
        Нет, похоже я использовал старый вариант….

        У меня появлялась рамка фрейма. Ее я убрал, немного “ковырнув” стили. В новой версии, как я понимаю, это исправлено.

        Сайт под окном не пропадал.  А, кнопка закрытия с крестиком куда удобнее. Еле заметная кнопка “закрыть” под формой, единственное что меня смущало. 

        Главное, я прикрепил ссылку к кнопе “Заказать звонок”, чего у меня не получалось сделать с плагинами. Плагин вообще у меня не мог найти файл с формой, хотя делал все по инструкциям.

        Ну ничего страшного!  Переставлю на новую форму. Будут вопросы, обязательно обращусь.  

        • Да, конечно лучше ставить обновленный скрипт.

        • Александр

          Талгат: А можно вашу версию позырить и скачать)))))))))))

          • Да пожалуйста, Александр. Посмотреть можете, а скачивать…, я ничего глобального не менял. То же самое что скачал здесь.
            Сайт по адресу : blog.mastersp74.ru. Сайт пока в разработке, так что там ничего особого нет. Даже обновленную форму еще не успел поменять. 

  4. Александр

    нету цифр капчи куда лезть Help

    • Александр, тут картинка капчи создается динамически при поморщи графической библиотеки PHP GD library… Обратитесь в поддержку хостинга, чтобы подключили эту библиотеку.

      • Александр

        а почему с яндекса письма не приходят вернее приходят ну вот
         
        This message was created automatically by mail delivery software.

        A message that you sent could not be delivered to one or more of its
        recipients. This is a permanent error. The following address(es) failed:

        servis.murmansk@mail.ru
        SMTP error from remote mail server after end of data:
        host mxs.mail.ru [217.69.139.150]: 550 Message was not accepted — it contains invalid headers. More specially, ‘From:’ header must match user you are sending mail from. See http://help.mail.ru/mail-help/mailer/popsmtp for details.

        а лучше убрать mail а вместо него “ваш номер телефона” как прилипить а то с одного maila письма приходят а с другого ошибка

        • Александр, вот почему-то у меня такое ощущение, что корень проблемы в Вашем хостинге. Вот смотрите, GDI не подключена, письма уходят не на все адреса…

          Попробуйте, все-же, пообщаться с хостерами по поводу этих проблем…

  5. Александр

    и если можно как вариант как сделать без капчи чтоб форма работала
     

  6. Саша привет!

    мне пришли несколько сообщений об ошибке ссылок с твоих адресов в комментах на Виртуале. Ну, ссылки на старый адрес, понятно, так и на новый адрес не открывается твой сайт.

    Пошёл к тебе на сайт, хотел написать письмо, но и форма обратной связи почему-то не работает, не раскрывается окно формы.

    • Миша, привет. По поводу ссылок с моих адресов… Не иначе, как ты какой-то плагин поставил, либо код внедрил. И такие ссылки, думаю, не только с моих адресов у тебя будут. Вот посмотри различие кода элемента у тебя с моей ссылкой и у меня с твоей…

       

       

      Картинки увеличиваются по клику… Плагин такую фигню не вставляет, что-то явно в тултип примешивается стороннее…

      Про форму обратной связи знаю. Это сервис JotForm, скрипт с которого у меня стоит, решил подзаработать и приписал мне 1000 показов в месяц, лимит… Хотя конечно столько показов формы просто не могло быть. Типа переходи, дорогой товарищ, на платный вариант. тут либо ждать нового месяца – заработает, либо ставить другую форму. Я решил другую, на тестовом блоге нарисовал форму, а здесь забыл просто… Надо будет поменять, руки не доходят…

      • В плагине (J)ExR убрал галочку. Но ведь раньше всё нормально было. Хотя, недавно обновлял кучу плагинов и твои в том числе. Возможно два шифратора что-то между собой не поделили, законфликтовали. Отключил свой, оставил твой, всё заработало.

        • Миш, я не знаю такой плагин и даже не представляю для чего он нужен… Редирект? Куда? Зачем?

          • Этот плагин делает все ваши внешние ссылки внутренними. При этом есть так же возможность их кодировать, чтобы их не было видно.

            Саша,это цитата из описания плагина 

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

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

 Ясогласен с политикой конфиденциальности сайта и пользовательским соглашением