Форма контактов для Blogger на отдельной странице : Обратная связь для Blogger на отдельной странице

Как создать форму на отдельной странице

В инструментах Blogger появился виджет "Форма для связи". Однако, есть один нюанс. По умолчанию эта форма устанавливается на боковую панель блога. В этой статье пошагово разберемся как создать отдельную страницу с формой  для связи с читателями!

Для того чтобы не создавать новую отдельную страницу для  формы контактов, я использовал уже имеющуюся  — КОНТАКТЫ, куда собственно и поместил уже готовый код.

Если хотите создать отдельную страницу для обратной связи с читателем, то сделать можно это так:*

• Зайдите в свой Blogger панель управления блогом и нажмите «+Создать страницу», назовите эту страницу, например «Контакты».
• Нажмите на значок ✎ в режиме редактора  формата HTML  и  вставьте  код, опубликуйте страницу.

 Существует вариантны добавления формы контактов на blogger.com:

•  сторонние инструменты создания любых видов форм;
•  установка гаджета Форма обратной связи на боковой панели;
• вставка кода формы на отдельной странице. 

Подробная инструкция для создания формы

1. Создайте новую страницу и откройте ее в режиме html редактора*;
2. Скопируйте приведенный ниже код  <form name='contact-form'>...</form>  и вставьте его;
3.  Найдите следующий HTML-код в шаблоне вашего блога ]]></b:skin> и именно перед ним добавьте div#ContactForm1{display: none !important;}, чтобы скрыть  уже имеющийся гаджет "Форма обратной связи" в боковой колонке.

<form name='contact-form'><div>Ваше имя: </div><input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/><br />
<br />
<div>Email: <em>(обязательно)</em></div><input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/><br />
<br />
<div>Сообщение: <em>(обязательно)</em></div><textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea><br />
<br />
<p></p><input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Отправить'/><br />
<br />
<div style='text-align: center; max-width: 450px; 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>

Теперь заполните все поля и попробуйте себе отправить письмо! На вашу почту прийдет такое сообщение:[PSWS] Получено новое сообщение.

Входящие

Форма для связи Blogger

пн, 28 авг., 00:10

Привет! С уважением, aleks | email@gmail.com Примечание. Это письмо отправлено с помощью гаджета "Форма для связи" из блога https://secretwsemswet.blogspot.com  

★ Если не пришло письмо на почту, проверьте папку спам. 

Статья из Рубрики Настройка-blogger
Показать все сообщения из рубрики Настройка-blogger

Автор статьи: Aviator - понедельник, 9 сентября 2024 г.