Ваш email:
книга Умный дом
Умный дом
Книга в подарок
Как создать книгу в формате EXE
Ваш email:
email рассылки Конфиденциальность гарантирована
обратная связь
Обратная связь


Появились вопросы?>
Напишите мне

Как сделать подписную страницу в программе Sharepoint Designer

Подписная страница помогает или призывает посетителей подписаться на наш блог или информационный продукт.

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

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

Какой должна быть страница подписки?

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

предлагаемого информационного продукта.

Для этого используют крупный броский шрифт по размеру и цветовом оформлении и располагают на верху страницы.

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

Ниже можно разместить еще один подзаголовок на ваше усмотрение.

2.Выгоды вашего предложения, которые предлагаются посетителю при приобретении продукта.

Выгоды, которые получит посетитель должны быть оформлены в виде маркированного текста не более 5-7 пунктов. Этого достаточно, указав основные.

3.Показать картинку товара, который рекламируете.

Обязательно использовать картинки, графики и видео для лучшего восприятия информации об информационном продукте.

Картинка продукта как правило располагается между заголовком и маркированным списком выгод.

Если это видео, то продолжительность показа продукта не более 10 минут, а лучше 5-6 минут.

4. Форма подписки не должна портить общий дизайн страницы подписки.

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

5. Убедительный призыв к действию это один из атрибутов страницы захвата.

Обычно таким призывом к действию является форма подписки Введите Имя и    E-mail.  «Хочу подписаться. Хочу получить»
Особенно важно чтобы подписчик получил рассылку на которую подписался.

6. Стрелки указатели.

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

Стрелки обычно устанавливают над формой подписки. Анимационная стрелка призывно действует на подписчика.

7.Вся информация на странице подписки должна располагаться до линии перегиба без прокручивания страницы.

Если у вас установлен визуальный редактор html SharePoint Designer 2007, то начнем создавать подписную страницу.Вначале создаем папку «мои сайты» или подписные страницы у себя на компьютере.

Открываем программу SharePoint Designer 2007 там уже будет файл без названия далее жмем в меню программы файл далее сохранить как

окно html и в появившемся окошке пишем index.html затем жмем «Файл» и в контекстном меню «Сохранить» в папку «мои сайты» и в папке появится

файл index.html будущей подписной страницы. И так создаем index.html  подписную страницу для этого запускаем программу находим на компьютере только что созданный файл index.html

Вверху в меню пункт «Таблица» и выпадающем меню жмем «Вставить таблицу» с количеством строк 4 первая строка-заголовок с подзаголовком, вторая-3 столбца: текст, картинка продукта, форма подписки. Третья строка- маркированный текст с предложениями выгод. Четвертая строка-контакты, свое фото. Столбцов-3

Вставка таблицы

В первой строке-ячейке вставляете или прописываете текст вашего заголовка.Потом жмем по окошку Абзац и в выпадающем меню выбираем Заголовок 1. Для подзаголовков по вашему усмотрению Заголовок 2- Заголовок 4. Выбираете шрифт, цвет и выравниваете текст.

разбить ячейки

Вторую строку-ячейку делим на 3 части жмем по «Таблица — Изменить — Разбить ячейки».Подзаголовков по вашему усмотрению Заголовок 2- Заголовок 4. Выбираете шрифт, цвет и выравниваете текст.

В первую ячейку ставим текст-форматируем, а во вторую ячейку изображение вашего продукта: книга, коробка. Их можно создать в программе Quick 3D Cover 2.0.1 Rus Portable. Подготовленную картинку нужно разместить в папке images вашей подписной страницы ( index.html).

Далее выбираем в меню программы «Вставка — Рисунок — Из файла» или жмем по иконке «Вставить рисунок из файла» нажимаете ОК и картинка появляется.

Рисунок из файла

В третью строку таблицы вставляем маркированный текст то есть впереди каждой строки ставите картинку в виде галочки или стрелки на усмотрение вашей фантазии. Картинки ищем в Интернете и размещаете в папке images.

Маркированный текст – это выгоды, которые получит подписчик.
В последней строке ставим контактные данные по центру, фото свое слева и какую-нибудь картинку справа.

Если посмотреть нашу подписную страницу в браузере мы увидим, что она расширяется на все окно браузера. Происходит это потому, если мы зайдем в пункт меню «Таблица-Свойства таблицы», то увидите, ширина таблицы задана в процентах от ширины экрана – стоит 100%. Задаете ширину в пикселях-950.

Размер файла

Таблица займет постоянную ширину и сместится влево.Заходим снова в Свойства таблицы и устанавливаем по центру.

Теперь делаем границы для таблицы заходим в свойства ставим размер границы 5, цвет светло-серый, чтобы не бросалась в глаза.

Границы

Смотрим свою подписную страницу в браузере для этого открываем файл index.html

В браузере лучше, все видно.  Вы увидите, что текст и картинки располагаются слишком близко к границам таблицы. Чтобы эти элементы от границ отодвинуть, в программе SharePoint Designer заходите в свойства таблицы, и изменяете либо Поля ячеек (расстояние между границами ячеек и их содержимым), либо Интервал ячеек (расстояние между ячейками). Изменяя величины этих полей добиваемся нужного результата.

Поля ячеек

Осталось вставить в пустую правую ячейку подписной страницы форму подписки на рассылку. Если Ваша рассылка сделана на сервисе SendPulse, то заходите на этот сервис, выбираете пункт меню Формы, выбираете дизайн формы, копируете ее код и ставите в программе SharePoint Designer в ячейку. Чтобы поставить код, ставите сначала в место где будет форма подписки на рассылку курсор, затем выбираете пункт меню

Вставка — Веб-компонент — Дополнительные элементы управления — HTML, и нажимаете кнопку «Готово».  Вставляете код в окошко, которое появится. Форма подписки в программе SharePoint Designer видна не будет. Если, посмотрите свою подписную страницу в браузере, то увидите форму подписки.


 

Комментарии закрыты.

Архивы