2013-11-09

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

виджет обратной связи
Я уже писала о формах обратной связи, которые можно сгенерировать на сторонних сервисах, и уже после этого добавить на свой блог 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. Сохраните изменения. У вас должен пропасть виджет обратной связи из сайдбара, но остаться работоспособной форма контактов на созданной вами странице. Проверьте ее, отправив себе письмо.

10 комментариев :

Светлана Горячева комментирует...

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

Дина Клещунова комментирует...

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

Андрей Мухачев комментирует...

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

Mycrib комментирует...

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

Arman Avalyan комментирует...

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

Анонимный комментирует...

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

Иванова Наталья комментирует...

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

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

inna kos комментирует...

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

Виктория Александровна Свиридова комментирует...

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

Василий Попов комментирует...

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

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML