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

obratnaya_svyaz-237x3001Сегодня будем устанавливать форму обратной связи на сайт WordPress простым кодом html. Выгода установки кода более, чем ощутима. Увеличивается скорость загрузки блога, так как сам код абсолютно нисколько не весит в смысле гигабайтов и на один плагин становится меньше на громоздком

движке.Установка более, чем проста даже для начинающих сайтостроителей. Важно: перед вставкой кода на блог удалите плагин  Contact Form 7 или возможно у вас стоит другой плагин для обратной связи.

Создаём форму обратной связи кодом html
Предлагаю вам самый простенький вариант установки. Заходим на сайт http://main-ip.ru/ который я нашла у Александра Новикова http://aleksnovikov.ru/ Находим справа рубрику под названием Форма обратной связи и переходим по ней. Появляется сама форма обратной связи. Размер по

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

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

новой перенастройте свои настройки, обновите код чисел - там всё просто и интересно. Поиграйтесь самостоятельно в настройках генератора и подгоните всё под дизайн своего ресурса. Генерируем код html, заходим в админпанель своего блога, создаем страницу, назовем её Обратная связь или

Контакты, вставляем обращение к посетителям - можете скопировать у меня на странице http://uspehmoney.ru/kontakty и полученный код. Если вдруг при генерации кода не обнаружилось слова центр <center>текст кода</center> вписываем самостоятельно, иначе форма уедет влево, сохраняем, проверяем, публикуем.

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

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

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

<center>
<div style="width: 400px; text-align: left; border: 1px solid #9E9E9E; color: #003300; font: 15px tahoma, verdana; background: #ffffff;">
<div style="text-align: center; background: #0033ff; border: 1px solid #ffffff; color: #ffffff; padding: 5px 5px 5px 5px;">ОБРАТНАЯ СВЯЗЬ</div>
<div style="border-top: solid 1px #9E9E9E; padding: 8px 20px 0px 20px;">Ваше имя</div>
<div style="padding: 1px 20px 0px 20px;"><input style="width: 358px; height: 20px; background: #F5F5F5; border: 1px solid #9E9E9E; color: #000066;" type="text" maxlength="50" name="name" /></div>
<div style="padding: 8px 20px 0px 20px;">Обратный e-mail</div>
<div style="padding: 1px 20px 0px 20px;"><input style="width: 358px; height: 20px; background: #F5F5F5; border: 1px solid #9E9E9E; color: #000066;" type="text" maxlength="50" name="e_mail" /></div>
<div style="padding: 8px 20px 0px 20px;">Сообщение</div>
<div style="padding: 1px 20px 0px 20px;"><textarea style="width: 358px; height: 200px; background: #F5F5F5; border: 1px solid #9E9E9E; color: #000066;" name="text"> </textarea></div>
<div style="overflow: auto; width: 100%;">
<div style="float: left; padding: 10px 0px 10px 20px;">Число на картинке
<input style="width: 220px; height: 20px; background: #F5F5F5; border: 1px solid #9E9E9E; color: #000066;" type="text" maxlength="12" name="captcha" /></div>
<div style="float: right; padding: 10px 20px 10px 0px;"><a href="http://main-ip.ru/"><img alt="Форма обратной связи без плагинов" src="http://main-ip.ru/captcha.php" border="0" /></a></div>
</div>
<div style="padding: 5px 20px 15px 20px; text-align: center;"><input style="cursor: pointer; width: 200px; height: 35px; font: 15px tahoma;" type="submit" value="Отправить" /></div>
</div>
<!-- 00:30, 09.08.2013 -->

Просмотрите видеоурок, повторите все действия за мной и у вас появится красивая форма для связи с посетителями.

Новость блога
Закончился август месяц и я объявляю победителей бессрочного Конкурса комментаторов  на своём блоге.

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

1 место 150 рублей получает Наталья Жаворонкова

2 место 100 рублей получает Евгения Куварина

3 место никто не завоевал, поэтому приз 50 рублей делится между Натальей и Евгенией. Девочки, от всей души поздравляю с победой! Спасибо вам за поддержку моего блога и интерес к нему. Присылайте номера своих кошельков и отпишитесь о получении призов в комментариях.

Заранее благодарна всем за лайки поста.

Мой скайп gvozdika571

С  уважением Надежда и Интернет для начинающих

 

Читайте также  Способы составления семантического ядра

Возможно Вас другие статьи заинтересуют:

● Smartresponder закрывается куда перейти
Smartresponder наш закрывается 1 ноября. Реальные причины Макс Хигер рассказал в видео https://www.youtube.com/watch?v=gqY8RpEY-co Я зарегистрировалась на двух сервисах, рассылку буду отправлять ...
● ARK Related Posts — от Настоящего Полковника
Каждому блогеру всегда присуще желание, чтобы его записи, статьи блога читали, возвращались неоднократно и снова на блог. Для того, чтобы ...
● Как снять свой фильм на YouTube. Сценарий
Под любительским фильмом на YouTube можно подразумевать любой информационный или развлекательный ролик, обзор товаров или услуг, распаковку посылок и так ...
● Реклама Google AdSense: возможность заработать
Понятие рекламы от Гугл, возможность на ней заработать. Google AdSense – это программа, предназначенная для владельцев сайтов, стремящихся монетизировать, а попросту ...
● Способы составления семантического ядра
Рассмотрим более подробно способы составления семантического ядра. Первый способ – мозговой штурм. Для примера возьмем виртуальный интернет-магазин телефонов. Представим, что ...

Комментарии 64

  • Связаться с нами можно ТОЛЬКО по тем данным, которые указаны на нашем сайте!!! Интересный у Вас сайт — зачитаешься. Пишите почаще! И приходите к нам в гости, рады будем видеть.

    • рада Вас видеть, Спасибо за комментарий, ссылку сохранила — подумаю. Удачи!

  • Предлагаем посетить БЕСПЛАТНЫЙ форум для рекламы.

    • Рамзан, была на Вашем форуме немного, попозже рассмотрю Ваше предложение, потом спишемся. Мне непонятно кое — что. Спасибо за предложение. Удачи Вам!

  • Здравствуйте, предлагаем Вам услуги комплексного продвижения вашего сайта, подробнее с нашими услугами Вы можете ознакомиться по ссылке. Извините за беспокойство.

    • Ирина Викторовна, доброго времени суток! была на Вашем сайте, подумаю о предложении. Удачи!

  • Здравствуйте, мы предлагаем Вам услуги комплексного продвижения вашего сайта, подробнее с нашими услугами Вы можете ознакомиться на нашем сайте Извините за беспокойство.

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

    • Это несложно. Почитай статью и посмотри видео. Я тоже не могла понять, потом в один момент меня как будто озарило. Зоя, дети уедут, я тебе напишу, как и что. ОК?

  • Ах, хитрецы! Обработчик формы идёт на их сайт. То есть не Вам напрямую, а через их сайт форма будет обрабатываться. Естественно, что и Ваши данные для них не секрет))

    • Ну да, все хотят трафик и чтобы о них узнало хорошее количество народа. Можно и самому написать код формы обратной связи. Я одно время взялась за HTML, но cлучились некоторые сбои у меня. Одно время тоже было суперски с интернетом. Вот уж оценила я, что такое инет. Сейчас снова начну штудировать язык HTML поглубже, хотя бы 2 — 3 часа уделять этой теме. Это так захватывающе и интересно.

      • Надежда, форму написать легко. Но проблема в том, что форму должен обрабатывать ещё один файл, называемом обработчиком формы. без обработчика сама по себе форма бесполезна. Имя файла-обработчика пишется в самой форме после слова action . У Вас выше есть код формы, но нет обработчика. На сайте, ссылку на который Вы привели и который даёт форму, обработчик указан.

        • Забыл добавить, что обработчик пишется не на HTML, а на PHP.
          Форма на HTML, обработчик на PHP.

        • Я немножко вникала Март в эту тему, но вникла не до конца. Спасибо Вам за подсказку!

          • Надежда, всё просто! Если есть форма для заполнения, значит, есть обработчик. Форма видна, обработчик нет.

          • Буду грызть гранит науки. Это ведь интересно. А по своей природе я люблю учиться и изучать.

  • Вы просто пользуетесь готовым конструктором. На php это делается в 5-7 строк.

    • Попробую сделать на PHP попозже, сейчас другие дела. Поважнее.

    • Форма на HTML, не на PHP. В форме более 5 строк будет, посмотрите на приведённый код выше.

      • Я уже посмотрела ночью, а точнее утром :)

        • Надежда, это я Сергею отвечал, на его коммент выше. Не Вам. Он про 5 строк написал.

          • Да я в курсе Март, кому Вы отвечали. В комментариях в админке идет отметка: кто кому отвечает. Ну и я впряглась. Ещё раз все это указывает на то, что я всегда поддерживаю беседу. Никого не обижая. Люблю общение.

  • Хорошее обучающее видео о полезных фишках для сайта. Спасибо большое.

    • Спасибо Наталья за комментарий! Стараюсь облегчить сайтостроение для начинающих. Сама когда — то не знала, что и где искать.

  • Здравствуйте! Ваш сайт мне очень понравился. У меня есть к Вам пару вопросов. Если возможно, добавьтесь ко мне в скайп — пообщаемся. Я так же со школы «Твой Старт».
    С уважением,
    Александр Кузнецов
    Skype: sheriff389

    • Александр, я добавила Вас в скайп. Выберем время, пообщаемся. Всего доброго.
      С уважением Надежда

  • *ROSE* *IN LOVE* *ROSE* *IN LOVE* *ROSE* *IN LOVE* *ROSE*
    Надежда! С Днём Рождения!! Любви, Благополучия, Здоровья, Тепла, Успехов, Вдохновения и много-много другого радостного и счастливого Вам желаю!!
    Пусть ВСЁ в Вашей Жизни складывается самым удачным образом! Пусть звёзды сияют, солнышко светит, птички поют, цветы распускаются! Браво!!
    *BRAVO* *BRAVO* *BRAVO* *DRINK* *DRINK* *YAHOO* *YAHOO*

    • ЛАДА! *ROSE* ОГРОМНОЕ СПАСИБО ВАМ МОЯ ДОРОГАЯ! *ROSE* Cчастья Вам и всего самого светлого, чудесного и замечательно прекрасного в этом мире! *DRINK*

  • Скачивал Ваш ролик я DownloadHelper’ом. Он у меня в последнее время стал как то непонятно работать. Раньше можно было выбрать формат записи файла. А теперь он записывает у меня крайне медленно, неоднократно и в формате .webm .
    А этот формат воспроизводится у меня только KMPlayer’ом, да и то с глюками. Для преобразования форматов использую FormatFabrika. И сегодня впервые его использовал для преобразования .webm в .avi потому, что громкость могу менять только в .avi формате. Да я уж об этом писал. Не понятым оказался. Остаюсь верен пожеланиям предыдущего своего комментария.

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

      • Попробовал шестерёнку. Все 4 качества слышно одинаково тихо. а авто тоже. Громкость и разборчивость речи можно определить, включив титры, наблюдать как там появляются обрывки слов. :-!

  • Спасибо, Надежда, за полезную информацию.

  • Ну, понятно. Они ожидают проверки. Виноват-с!

    • Молодой, справитесь. Все ровно, учимся дальше. Мы же все здесь учимся. Вот из таких моментов и складывается жизнь *ROSE*

      • Да! Молодой. Мне всего только 76. В Интернете с 1996 года. Свой блог с декабря 2011. 230 записей, почти все с видеороликами. Сообщение о проверке комментариев выпустил из вида из за старческого склероза. Здоровья Вам и Успехов. Тогда будет и Счастье.

        • Ну Дед, Вы вообще супер! Нельзя такие программы ставить на себя: старческий склероз))) Запрещаю. Если уж Вы такой сайт развили, о каком склерозе может быть речь? Мы пенсионеры еще такого фору можем задать молодым. И огород — сад наверное есть? И работаете вовсю там? Да? Как я — все успеваю.

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

          • Сергей, это замечательно, что у Вас такая жена — ЭТО СЧАСТЬЕ. А компьютер можно самому отрегулировать при желании или попросить. У меня когда накрылся 1й ноутбук, мне сказали, что не подлежит восстановлению и предложили продать его сначала за 500 руб, потом 1000, 1500, 2000, 2500 и дальше, дошли до 5000 руб)))

            Мне показалось это странным: не подлежит восстановлению, но хотят купить. На запчасти, как пояснили. Отбой. И вот нашла человека, который мне сказал, что он подлежит ремонту и восстановлению. Надежда, у Вас Сименс — это качество. Самое главное — жесткий диск целый, а мне сказали — сдох. Вот так бывает. Мир не без добрых людей.

          • Компьютерами я начал заниматься еще тогда, когда их еще и не было. Поэтому приглашать кого то чинить компьютер не хочу. Да и самому наладить скорее, чем кого то просить. Да просить то некого.

          • Тем более. Найдете время и сделаете, благо, что есть Инет и можно найти ответ на любой вопрос. Здоровья Вам Сергей, счастья и всего самого светлого и радостного в жизни! *ROSE*

          • Поддерживаю! Не записываю себя пока, держу фасон! Чего и всем желаю! Ну и что, что уже за…. главное сердцем не стареть и головой думать, пока наш мозг работает, пока мы и молоды. А где-то читала, что после 50 активность мозга повышается! Вот как!

          • Всё идет классно! У нас увлечение, мы молоды душой и телом.
            Как мыслим, так и живем и строим самые удачные программы для себя.
            Я тоже где — то читала, что после 50 повышается активность мозга,
            а с нашими блогами мы вообще повышаем и тонус, и активность.

            С работой блоггера вообще не заскучаешь — идеи прут, только успевай.
            А самое главное — это ведь каждодневная радость, радость души и сердца.
            Каждый день определенный шаг к победе, пусть они маленькие эти шаги,
            но всегда ведут к определенной победе. Читаю иногда на блогах статьи:

            Как победить лень, а у меня одно желание: выспаться минут по 600 на каждый глаз.

          • Вот так Дед! В инете с 96 года, а свой сайт появился только через 15. И в компах хорошо понимает.

          • Да, и такие таланты бывают.

  • Скачал Ваш видео урок “Форма обратной связи без плагинов” с целью увеличить громкость. Скачалось видео в формате webm.
    Чтобы увеличить громкость, преобразовал видео из формата .webm в формат .avi. При этом объем файла с 20.21 МБ увеличился до 207.937 МБ, т.е. более, чем в 10 раз. А преобразование 10 минутного файла длилось 4 часа. Потом программой VirtualDub громкость увеличил раз в 10. Но в отдельные моменты речь вообще была не слышна. Качество видео после преобразования стало намного хуже.
    Несколько часов назад написал здесь первый комментарий, сразу же его увидел видел. Вижу и сейчас.
    Однако, перед ним красуется надпись:
    «Нет комментариев на “Форма обратной связи без плагинов”
    :-D
    Какой то непорядок.

    • Сергей, бывает Мазилла глючит, но Хром никогда. Зайдите на сайт в Хроме. А зачем было увеличивать звук? Основное понятно, остальное потренируйтесь на сайте — там легко.
      Зайдите по ссылке, почитайте и не придется столько долго преобразовывать. http://uspehmoney.ru/poleznye-programmy/skachat-lyuboe-video-s-interneta.html
      Комментарий свой Вы видите, потому что все комменты я модерирую. Одобрила и тогда появляется одобренный комментарий, пока не одобрю — будет висеть а нете.
      Втанковых войсках всегда порядок ;)

      • Понятно тому, кто записывает ролик. А тому, кто слушает, понятно может быть только тогда, когда он чётко слышит все слова. Для этого я и увеличивал громкость. Но даже при увеличенной громкости несколько фраз услышать не смог из за того, по видимому, что они произносились далеко от микрофона. При создании видеороликов надо стараться почувствовать себя в роли зрителей этих роликов. Увеличивал я громкость не для того, чтобы услышать урок, а для того, чтобы сделать ролик отчетливо слышимым и понятным другими. Увы! Копию улучшить не удалось.

        • Я поняла Сергей все. Приношу свои извинения за некачество. Молодая — исправлюсь. ;) Писала с перерывами, это конечно не оправдание, через пару дней перезапишу. Наверное все таки у меня на компе что — то затухла громкость. Попробую покопаться в настройках и ноута и более досконально буду учить Камтазию.

    • Не может такого быть, чтобы при конвертации из .webm в формат .avi файл увеличивался в 10 раз. Это Вы где-то что не так сделали.

    • Вам нужно было контейнер изменить, т.е. перепаковать. Вы ещё и кодек изменили. Отсюда и вес файла. Или кодек не тот выбрали.

  • Хорошая статья, как — то интересовался выводом формы обратной связи без плагина, а потом решил пользоваться support deskom. Потихоньку осваиваю :)

    Надежда, Вы выиграли у меня на блоге;), прошу за призами))).

    • Александр, рада видеть Вас у себя в гостях! Я избавляюсь от одних плагинов, зато нахожу новые ;) Cпасибо за приз, *ROSE* обязательно приду.

  • Приз получила, благодарю, Надежда. Форму обратной связи тоже сделала этим же способом, все просто и удобно и не нужно лишний плагин ставить

    • Замечательно Женя! Вот так потихоньку и избавимся от лишних плагинов. Всегда рада видеть Вас у себя в гостях! *ROSE*

    • Евгения, в этом случае как раз проще плагин поставить, который и отработает быстрее, чем через сторонний сервис.

  • Надюша, денежки получила, БОЛЬШОЕ спасибо! =)
    Теперь поняла почему пришло побольше , еще раз спасибо вам и вашему блогу!
    Желаю процветания и успеха!

    • За активность и тебе и Женечке я разделила. *ROSE* И впредь так буду делать. Закон вложения инвестиций: никогда не нужно экономить. 300 руб положено в рост бизнеса — не нужно хитрить. Я сама до сих пор подрабатываю на комментариях и это не дунул, плюнул и всё в шляпе. Благодарность должна быть на первом месте.

      • Молодец вы Надюша!
        Вот и воздается вам за вашу честность и справедливость =)

        • Наверное поздно переделывать себя по другому. Да и смогу ли? И сразу вопрос: А зачем? Я ведь такая, какая есть, мне удобно, многим, общаясь со мной, тоже комфортно. Чем больше раздаем, тем больше получаем назад.

  • Извините за замечание, но звук Вашего обучающего ролика почти совсем не слышен.

    • Да нормально все, это не замечание Сергей, это поправка. Спасибо. 12 раз переписывала ролик и так до сих пор и не поняла: или звук в ноуте — вроде все настроено или делать ролик с шумом и помехами — тоже не дело. Но основное слышно.

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

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