Домой / Разное / Без рубрики / Форма обратной связи без плагина
Форма обратной связи без плагина
Форма обратной связи без плагина

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

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

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

 

 

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

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

 

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

libster-blog-400

Награда Liebster Blog Award

Честно говоря, я довольно скептически отношусь к подобного рода наградам. И не считаю, что мой …

картина

Талант — это труд

Почему-то так получилось, что жизнь постоянно сводит меня с интересными, умными и талантливыми людьми. Одного …

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 убрал галочку. Но ведь раньше всё нормально было. Хотя, недавно обновлял кучу плагинов и твои в том числе. Возможно два шифратора что-то между собой не поделили, законфликтовали. Отключил свой, оставил твой, всё заработало.

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

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

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

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

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