Привет! Сегодня покажу, как сделать страницу для сайта — блога вордпресс, в частности буду показывать на примере страницы “Рекомендую”, которая будет служить для партнерских рекомендаций.
По моим наблюдениям из Яндекс метрики, страница “Рекомендую” пользуется довольно хорошей популярностью. Частенько люди, приходящие на сайт, заходят на нее и изучают бесплатные партнерские рекомендации, которые представлены от разных моих коллег и партнеров.
Если у вас еще не установлена метрика на сайте, можете узнать, как это сделать из этой инструкции с видео уроком >>>
На моем основном домене такая страница уже есть, поэтому буду показывать на тестовом поддомене, как его создать можете узнать из этой статьи.
Чтобы упростить весь процесс, создавать страницу буду в Классическом редакторе.
Далее будет текстовая инструкция. Если вам удобнее смотртеть видеоформат, то вот ролик по данной теме:
Инструкция — Как сделать страницу “Рекомендую”
Заходим в админку своего сайта — вот инструкция с видео
В консоли, в левой колонке навожу курсор мыши на раздел “Страницы”, высвечивается дополнительная вкладка, жму “Добавить новую”
Пишу заголовок “Рекомендую” и жму на плюс справа и выбираю пункт “Посмотреть все”, чтобы найти и добавить блок классического редактора
Слева открывается колонка со всеми блоками, здесь нахожу блок “Классический” и кликаю на него
Редактор появился, теперь нужно написать какой-нибудь приветственный текст, и дать понять гостю сайта, что будет располагаться на этой странице. Я возьму уже готовый текст из страницы на своем основном блоге и немного подредактирую, вы же пишите свой. Пример моей страницы можно посмотреть здесь>>>
Сделаю две рекомендации от разных авторов. У меня это будут партнерки Евгения Вергуса и Ильнура Юсупова.
Перехожу в партнерку Евгения, во вкладке “Рекламные предложения” подбираю продукт, это будет автовебинар “Как зарабатывать в интернете на партнерской автоворонке”
Выделяю ссылку напротив названия продукта и копирую ее.
В браузере в левом верхнем углу жму на три точки и открываю новое окно в режиме инкогнито, чтобы мой переход по партнерской ссылке не засчитался мне
Теперь изучаю страницу с предложением, что взять здесь для рекомендации. Сделаю скриншот самой верхней части страницы прямо с кнопкой
Возьму часть описания, что будет на вебинаре и добавлю в запись, но лучше написать это своими словами, чтобы больше нигде не повторялось, например вот это:
Перехожу в редактор и добавляю заголовок к этой записи и делаю его по центру
Далее вставляю описание, взятое с лендинга
Делаю отступ клавишей “Enter” и убираю маркированный список
Теперь нужно вставить скриншот, сделанный с лендинга. Для этого в редакторе нахожу кнопку “Добавить медиафайл”
Открывается окно, где нужно выбрать скрин со своего компа или из библиотеки уже загруженных ранее файлов. Я добавляю с компьютера. Жму “Выберите файлы” и выбираю двойным кликом свой скрин
Жму “Вставить в страницу”
Скриншот вставился, но по умолчанию отображается он не так, как мне нужно. Чтобы исправить ситуацию, нужно отредактировать отображение файла. Левой кнопкой мыши жму на картинку, чтобы выделить ее и сверху кликаю на карандашик, для редакции
Здесь жму “По центру” и выбираю размер произвольный
В произвольном размере указываю ширину 900 (у меня все картинки выставлены с таким размером), вторая величина подгоняется автоматически и нажимаю “Обновить”
Картинка вставилась, но в редакторе все надписи выглядят размазано. Ничего страшного, так отображает сам редактор. И чтобы убедиться, что все смотрится хорошо, вверху жмем кнопку “Просмотреть” и “Предпросмотр в новой вкладке”.
Перебрасывает на страницу в режиме просмотра, где вижу, что все ОК
Все, да не все… Заголовок как-то не выделяется особо из всего текста
Пойду в редактор и немного поколдую ) Выделяю заголовок и выставлю для него значение 3, а также изменю цвет заголовка на темно-красный
Смотрю в режиме просмотра, что получилось, меня это вполне устраивает
В скриншот теперь вставлю партнерскую ссылку на сам автовебинар. Нажатием ЛКМ выделяю картинку и в редакторе жму на значок добавления ссылки и вставляю ссылку в специальное поле, которое появилось
В этом же поле жму на значок шестеренки и выставлю галочку “Открывать в новом окне” жму “Обновить”
В режиме просмотра навожу курсор на картинку и вижу, что моя партнерская ссылка вставилась, она отображается слева, в самом низу
Теперь добавим горизонтальную черту, чтобы получилось отделение от второго продукта. В редакторе ставлю курсор после картинки и делаю отступ, нахожу значок с горизонтальной линией и жму на него
Захожу в партнерский кабинет Ильнура Юсупова и выбираю продукт, копирую ссылку напротив названия и вставляю в режиме инкогнито, чтобы изучить информацию на странице подписки
Делаю все так же, как и в предыдущем варианте. Партнерка Ильнура находится на том же сервисе, что и партнерка Евгения Вергуса — Геткурс
Копирую название и вставляю в редактор, делаю заголовок 3 и выставляю по центру
Выделю заголовок красным цветом
Делаю отступ клавишей “Enter” и добавлю описание с лендинга, немного отредактировав его
Здесь не буду сильно расписывать продукт, но с лендинга сделаю скриншот кнопки и вставлю в запись страницы, в нее-то и вошью ссылку партнерки
Делаю отступ после записей и вставляю скрин кнопки с помощью кнопки “Добавить медиафайл”
Кнопка вышла нормального размера, нужно только разместить ее по центру. Выделю скрин кнопки левой кнопкой мыши и сверху появляются значки быстрого редактирования, жму “По центру”
И теперь нужно вставить ссылку в кнопку. Опять же выделю ее и в редакторе нажму на значок цепочки (ссылки), вставлю ссылку и галочку “Открывать в новой вкладке”
В режиме просмотра смотрю, как эта запись выглядит и проверяю, вставилась ли ссылка
Все отлично, все получилось. И так можно добавлять разные партнерские продукты в страницу рекомендаций для своего сайта-блога Вордпресс.
После добавления и проверки всех рекомендуемых продуктов на вашей странице не забудьте нажать кнопку “Опубликовать”, чтобы страница начала работать и приводить людей на ваши рекомендации
Я показал на примере двух продуктов, у меня на основном блоге пока выставлено три, со временем можно добавлять и больше, главное, чтобы все курсы и тренинги сходились с тематикой вашего блога и приносили пользу вашим гостям.
В комментариях пишите, помогла ли вам инструкция — Как сделать страницу партнерских рекомендаций для сайта-блога вордпресс? И все ли у вас получилось.
Благодарю за внимание, Александр Егоров