Виджет обратной связи в Blogspot

Виджет обратной связи в Blogspot

Внешний вид виджета

Я уже писала о формах обратной связи, которые можно сгенерировать на сторонних сервисах, и уже после этого добавить на свой блог blogspot. Сегодня я расскажу о гаджете обратной связи от blogger, а также о том, как вынести этот гаджет на отдельную страницу блога.
Так выглядит этот виджет в сайдбаре блога:
форма_для_связи гаджет

Как добавить виджет на blogspot.

Перейдите во вкладку “Дизайн”, нажмите на ссылку “Добавить гаджет” и вы увидите перечень гаджетов.
Нам нужен дополнительный список, именно здесь вы найдете виджет обратной связи:
гаджет обратной связи blogger
Добавляйте новый гаджет, редактируйте его название, выбирайте расположение и сохраняйте изменения.
Теперь письма от ваших читателей будут приходить на ваш основной e-mail (этот адрес почты используется вами для входа в аккаунт). Если у вас gmail, то письма будут приходить во вкладку Соц.сети:
письмо обратной связи
Однако, существенный недостаток данного гаджета в том, что он располагается в сайдбаре блога, а это не всегда удобно.

Вам будет интересно узнать о Jotform – лучшем конструкторе форм обратной связи и о том, как создать форму контакты с помощью форм google.

Как перенести форму обратной связи на отдельную страницу блога или в сообщение

  1. Создайте форму связи, как описано выше, выбрав специальный гаджет blogger.
  2. Создайте новую страницу
    добавить обратную связь на отдельную страницу
  3. Вставьте код, предложенный ниже

    <form name='contact-form'>
    <p></p>
    Имя
    <br/>
    <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
    <p></p>
    Электронная почта
    <span style='font-weight: bolder;'>*</span>
    <br/>
    <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
    <p></p>
    Сообщение
    <span style='font-weight: bolder;'>*</span>
    <br/>
    <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
    <p></p>
    <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Отправить'/>
    <p></p>
    <div style='text-align: center; max-width: 222px; width: 100%'>
    <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
    <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
    </div>
    </form>

    в режиме html:
    изменяем код обратной связи blogger

  4. Теперь идем во вкладку “Шаблон”, выбираем из перечня виджетов ContactForm1:
    2013-11-10_00-21-32
  5. Раскрываем код виджета, кликнув на небольшой треугольник возле кода, как показано на скрине:
    изменяем код обратной связи blogger
  6. Снова раскрываем код, кликая по другому треугольнику, который откроется перед нами возле кода, как на скриншоте:
    изменяем код обратной связи blogger
  7. Теперь перед нами открылся полностью код виджета, из него нужно удалить часть, выделенную синим:
    изменяем код сраницы крнтакты blogger
    Она начинается на <b:if cond=”data:title != &quote;quot;”> и заканчивается перед кодом <b:include name=”quckedit”/>. Эту строчку (<b:include name=”quckedit”/>) я рекомендую тоже удалить, это код быстрого редактирования виджета, он дает лишнюю ссылку с вашего блога.
  8. Сохраните изменения. У вас должен пропасть виджет обратной связи из сайдбара, но остаться работоспособной форма контактов на созданной вами странице. Проверьте ее, отправив себе письмо.

Оцените статью
Добавить комментарий

  1. Светлана Горячева

    Спасибо огромное за подробные объяснения!!! Это было то, что мне нужно сейчас.

    Ответить
  2. Дина Клещунова

    Спасибо за полезную информацию)

    Ответить
  3. Андрей Мухачев

    Я пробовал но смс не отправляет,что делать памогите кто нибуть.

    Ответить
    1. Mycrib

      Андрей, смс и не будет отправлять 😉
      Это виджет обратной связи, который присылает письма на e-mail.
      Если все сделали правильно, то виджет будет корректно работать. Неоднократно проверяла на разных блогах.

      Ответить
  4. Arman Avalyan

    Спасибо большое

    Ответить
  5. Анонимный

    Добрый день. Я его установила, но письма не отправляет... Пишет "идет отправка" и висит.... долго висит...и ничего не происходит... В чем может быть проблема? Наталия

    Ответить
  6. Иванова Наталья

    Наталья, предположу, что вы не создали гаджет Обратной связи через виджет.
    Опишу действия кратко:
    1. Создать виджет Обратной связи на боковой панели блога во вкладке Дизайн,
    2. Создать пустую страницу с кодом, указанным в сообщении.
    3. Удаляем часть кода во вкладке Шаблон (в части кода виджета ContactForm1).

    Если вы так и делали, то возможны ошибки по невнимательности или это опять чудо-глюки от blogger.
    В любом случае отпишитесь. Если не получится, то попробую разобраться в вашем случае подробнее.

    Ответить
  7. inna kos

    cпасибо, Вам! все отлично работает!

    Ответить
  8. Виктория Александровна Свиридова

    Спасибо! Все получилось 🙂

    Ответить
  9. Василий Попов

    С помощью вашего совета смог убрать форму обратной связи с главной страницы и перенести на отдельную. Зацените:
    ExcelGuide: Как сделать это в Excel

    Ответить