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

Внешний вид виджета
Я уже писала о формах обратной связи, которые можно сгенерировать на сторонних сервисах, и уже после этого добавить на свой блог blogspot. Сегодня я расскажу о гаджете обратной связи от blogger, а также о том, как вынести этот гаджет на отдельную страницу блога.
Так выглядит этот виджет в сайдбаре блога:
Как добавить виджет на blogspot.
Перейдите во вкладку “Дизайн”, нажмите на ссылку “Добавить гаджет” и вы увидите перечень гаджетов.
Нам нужен дополнительный список, именно здесь вы найдете виджет обратной связи:
Добавляйте новый гаджет, редактируйте его название, выбирайте расположение и сохраняйте изменения.
Теперь письма от ваших читателей будут приходить на ваш основной e-mail (этот адрес почты используется вами для входа в аккаунт). Если у вас gmail, то письма будут приходить во вкладку Соц.сети:
Однако, существенный недостаток данного гаджета в том, что он располагается в сайдбаре блога, а это не всегда удобно.
Вам будет интересно узнать о Jotform – лучшем конструкторе форм обратной связи и о том, как создать форму контакты с помощью форм google.
Как перенести форму обратной связи на отдельную страницу блога или в сообщение
- Создайте форму связи, как описано выше, выбрав специальный гаджет blogger.
- Создайте новую страницу
- Вставьте код, предложенный ниже
<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:
- Теперь идем во вкладку “Шаблон”, выбираем из перечня виджетов ContactForm1:
- Раскрываем код виджета, кликнув на небольшой треугольник возле кода, как показано на скрине:
- Снова раскрываем код, кликая по другому треугольнику, который откроется перед нами возле кода, как на скриншоте:
- Теперь перед нами открылся полностью код виджета, из него нужно удалить часть, выделенную синим:
Она начинается на <b:if cond=”data:title != "e;quot;”> и заканчивается перед кодом <b:include name=”quckedit”/>. Эту строчку (<b:include name=”quckedit”/>) я рекомендую тоже удалить, это код быстрого редактирования виджета, он дает лишнюю ссылку с вашего блога. - Сохраните изменения. У вас должен пропасть виджет обратной связи из сайдбара, но остаться работоспособной форма контактов на созданной вами странице. Проверьте ее, отправив себе письмо.
Спасибо огромное за подробные объяснения!!! Это было то, что мне нужно сейчас.
Спасибо за полезную информацию)
Я пробовал но смс не отправляет,что делать памогите кто нибуть.
Андрей, смс и не будет отправлять 😉
Это виджет обратной связи, который присылает письма на e-mail.
Если все сделали правильно, то виджет будет корректно работать. Неоднократно проверяла на разных блогах.
Спасибо большое
Добрый день. Я его установила, но письма не отправляет... Пишет "идет отправка" и висит.... долго висит...и ничего не происходит... В чем может быть проблема? Наталия
Наталья, предположу, что вы не создали гаджет Обратной связи через виджет.
Опишу действия кратко:
1. Создать виджет Обратной связи на боковой панели блога во вкладке Дизайн,
2. Создать пустую страницу с кодом, указанным в сообщении.
3. Удаляем часть кода во вкладке Шаблон (в части кода виджета ContactForm1).
Если вы так и делали, то возможны ошибки по невнимательности или это опять чудо-глюки от blogger.
В любом случае отпишитесь. Если не получится, то попробую разобраться в вашем случае подробнее.
cпасибо, Вам! все отлично работает!
Спасибо! Все получилось 🙂
С помощью вашего совета смог убрать форму обратной связи с главной страницы и перенести на отдельную. Зацените:
ExcelGuide: Как сделать это в Excel