Привет! Хочу поделиться с вами прикладной полезностью. Шаблоном странички с видео и кнопкой под партнерский обзор. По желанию, его можно применить и для видеообзора (видеопродажника) своего продукта.

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

А дальше отправляю по базе письмо с анонсом этого обзора:

В случае с обзором партнерского продукта поступаю аналогично – делаю цепляющий заголовок, в видео рассказываю о выгодах продукта, показываю его изнутри, часто усиливаю своим результатом от применения + даю бонус от себя. Что можно дать бонусом от себя, читайте здесь.

И это хорошо работает, хоть страничка и простенькая, зато на ней ничего не отвлекает человека.

Сам шаблон выглядит вот так:

Он упакован в архив, внутри папка с необходимыми файлами – файл index.html для редактирования и папка assets с картинками, стилями, скриптами и др. элементами для корректного отображения странички на всех устройствах.

В этом шаблоне вам нужно будет редактировать файлик index.html. В нем вы можете заметить название страницы, заголовок, видео, надпись и ссылку в кнопке, ссылки в подвале сайта, а также поставить Яндекс.Метрику для отслеживания статистики.

Смотрите видеоурок по редактированию шаблона ниже:

Что вам понадобится сделать:

1) Скачать архив с шаблоном на компьютер и распаковать. Клик по архиву правой кнопкой мыши – Извлечь в текущую папку.

2) Сделать копию распакованной папки. Зачем? Чтобы шаблон у вас остался для будущих страниц с обзорами. А копию вы будете использовать для текущей страницы.

Чтобы сделать копию папки, кликните по ней правой кнопкой мыши, выберите «Копировать».

Затем щелкните по рабочему столу правой кнопкой мыши и выберите «Вставить».

3) Открыть в папке файл index.html для редактирования в блокноте Notepad++. Этот блокнот бесплатный, его можно скачать в интернете.

После установки блокнота кликните по файлу index.html правой кнопкой мыши и выберите «Открыть в блокноте».

4) Приступаем к редактированию:

Можно изменить название страницы, аккуратно заменив текстовое содержимое между тегами <title>. Выделите текст, удалите его и впишите свой. Это название отображается в строке браузера.

Спускаемся чуть ниже к заголовку и подзаголовку над видео – они редактируются аналогично. Выделяете текст, удаляете клавишей delete и вписываете свой.

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

Идентификатор – это символы в ссылке на видео после v=

Или после косой черты:

Скопируйте идентификатор вашего видео и замените, как я показала на скриншоте:

Далее редактируем кнопку – вы можете поменять надпись на кнопке, указав свою между кавычками. И ссылку – ее добавляем вместо значка # между кавычками, аккуратно, без лишних пробелов и символов.

Теперь переходим к редактированию подвала (нижней части сайта). Здесь вместо текста «Ваше Имя Отчество» вписываете свое имя.

А чуть выше можно поменять ссылки и текст ссылок в подвале. Всего их три:

Обратная связь – здесь вместо значка # ставите ссылку на вашу службу поддержки или на ваш блог, на страницу с контактами и т.п. Можете также заменить текст ссылки, к примеру, на «Мой блог».

Политика конфиденциальности – здесь вместо значка # ставите ссылку на вашу политику конфиденциальности. Как ее можно сделать поясняю чуть ниже. Это необязательный элемент для такой страницы, так что, по желанию. Можете указать там другой текст и другую ссылку, например, на ваш аккаунт в соцсети или на какой-то бесплатный подарок…

Ваша страница Вконтакте – здесь вместо значка # укажите ссылку на ваш профиль или группу Вконтакте и напишите свой текст для ссылки. Например: «Я Вконтакте» или «Моя группа Вконтакте».

Где взять страницу с политикой конфиденциальности? Вы можете сгенерировать ее для своего сайта здесь. Затем сохранить полученный текст в документ Ворд – пересохранить документ в PDF с названием «politika» (или конвертировать онлайн на сервисе smallpdf.com/ru/word-to-pdf).

А дальше загрузить этот файл на хостинг в корневую папку вашего сайта. Страница будет открываться по адресу: ваш домен/politika.pdf. Скопируйте ссылку на вашу страницу политики конфиденциальности и добавьте в подвале сайта вместо значка #.

Если вы хотите поставить свою Яндекс.Метрику на страницу с обзором, скопируйте код созданного счетчика и разместите его, сделав пробел, перед тегом </head>, как на скриншоте.

В финале редактирования шаблона не забываем сохранить изменения, кликнув на иконку дискеты.

5) Следующий шаг – подготовка папки с шаблоном к загрузке на хостинг:

Переименуйте папку с файлами шаблона так, как вы хотите, чтобы называлась эта страничка. В моем случае obzorexpessv. Название должно быть латиницей без пробелов, можно использовать буквы, цифры, дефис. Клик по папке правой кнопкой мыши – Переименовать.

Затем запакуйте папку в архив. Клик по ней правой кнопкой мыши – добавить в архив zip.

6) Остается загрузить страницу с обзором, запакованную в архив, на хостинг. Для примера проделаем процесс на хостинге Таймвеб. Заходим в аккаунт, дальше в «Файловый менеджер».

Здесь выбираем корневую папку сайта, на который хотим загрузить эту страницу. Чтобы определить корневую папку сайта и не ошибиться, зайдите в раздел «Сайты» и посмотрите, к какой директории привязан домен вашего сайта. Название директории – это название корневой папки.

Возвращаемся в «Файловый менеджер» и заходим в корневую папку двойным кликом мыши.

Внутри также двойным кликом мыши открываем папку public_html. Именно сюда загружаем наш архив.

Нажимаем вверху «Файл» – «Загрузить на сервер».

Далее «Прикрепить файл».

Выбираем архив с шаблоном на компьютере. Нажимаем «Загрузить».

Распаковываем архив на хостинге. Выделяем его мышкой, нажимаем вверху «Архиватор» – «Разархивировать».

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

Архив за ненадобностью можем удалить. Выделяем мышкой. Жмем «Файл» – «Удалить».

Двойным кликом мыши заходим внутрь папки с шаблоном и копируем ссылку на эту страницу, как я показала на скрине:

Вставляем в строку браузера, удаляем часть /public_html с одной косой чертой. Должно остаться так: ваш домен/название папки. По этому адресу и будет открываться страничка с обзором. В моем случае адрес такой: likens.ru/obzorexpessv

Здесь важный нюанс: если корневая папка у вас называется не так как домен, а, например, wordpress, то скопировать ссылку не получится. Вам нужно ее вручную прописать – повторюсь, что она будет иметь вид: ваш домен/название папки с шаблоном.

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

А также буду рада вашим вопросам и комментариям.:)

P.S. Кстати, если вы хотите научиться создавать подобные страницы с обзорами, подписные и продающие страницы при помощи простого, современного, бесплатного инструмента, приходите на мастер-класс.

С уважением, Виктория Карпова