книга Умный дом
Книга в подарок
Как создать электронную книгу в формате EXE
Советы фотошоп
Советы фотошоп

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

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

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

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

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

Цепляющий, захватывающий заголовок. Информирующий вас об уникальности

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

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

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

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

Выгоды вашего предложения. Которые получит посетитель при приобретении продукта.

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

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

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

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

Видео, по продолжительности показа продукта должно быть не более 10 минут.

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

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

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

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

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

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

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

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

Подготовка к созданию подписной страницы 

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

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

окно html И в появившемся окошке пишем сохранить как index.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.

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

Настройка подписной страницы

При просмотре подписной страницы в браузере мы увидим, что она расширяется на все окно браузера.  Ширина таблицы задана в процентах. Нужно задать ширину в пикселях-950.

Размер файла

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

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

Границы

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

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

Поля ячеек

Форма подписки.

Осталось вставить в пустую правую ячейку подписной страницы форму подписки на рассылку.

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

Ставите сначала в место где будет форма подписки на рассылку курсор, затем выбираете пункт меню Вставка — Веб-компонент — Дополнительные элементы управления — HTML, и нажимаете кнопку Готово.  Вставляете код в окошко, которое появится.

Форма подписки в программе SharePoint Designer видна не будет. Только при просмотре подписной страницы в браузере, вы увидите форму подписки.

Вместе с этим смотрите еще.


 

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

Идеальный вес, онлайн калькулятор
Курмангалий Мухамеджанов
Архивы