Как сделать страницу партнерских рекомендаций для сайта-блога вордпресс

Привет! Сегодня покажу, как сделать страницу для сайта — блога вордпресс, в частности буду показывать на примере страницы “Рекомендую”, которая будет служить для партнерских рекомендаций.

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

Если у вас еще не установлена метрика на сайте, можете узнать, как это сделать из этой инструкции с видео уроком >>>

На моем основном домене такая страница уже есть, поэтому буду показывать на тестовом поддомене, как его создать можете узнать из этой статьи.

Чтобы упростить весь процесс, создавать страницу буду в Классическом редакторе.

Далее будет текстовая инструкция. Если вам удобнее смотртеть видеоформат, то вот ролик по данной теме:

Инструкция — Как сделать страницу “Рекомендую”

Заходим в админку своего сайта — вот инструкция с видео

В консоли, в левой колонке навожу курсор мыши на раздел “Страницы”, высвечивается дополнительная вкладка, жму “Добавить новую

как сделать страницу для сайта вордпресс

Пишу заголовок “Рекомендую” и жму на плюс справа и выбираю пункт “Посмотреть все”, чтобы найти и добавить блок классического редактора

как сделать страницу партнерских рекомендаций для блога вордпресс

Слева открывается колонка со всеми блоками, здесь нахожу блок “Классический” и кликаю на него

как сделать страницу партнерских рекомендаций для блога вордпресс

Редактор появился, теперь нужно написать какой-нибудь приветственный текст, и дать понять гостю сайта, что будет располагаться на этой странице. Я возьму уже готовый текст из страницы на своем основном блоге и немного подредактирую, вы же пишите свой. Пример моей страницы можно посмотреть здесь>>>

как сделать страницу партнерских рекомендаций для блога вордпресс

Сделаю две рекомендации от разных авторов. У меня это будут партнерки Евгения Вергуса и Ильнура Юсупова.

Перехожу в партнерку Евгения, во вкладке “Рекламные предложения” подбираю продукт, это будет автовебинар “Как зарабатывать в интернете на партнерской автоворонке”

как сделать страницу партнерских рекомендаций для блога вордпресс

Выделяю ссылку напротив названия продукта и  копирую ее.

как сделать страницу партнерских рекомендаций для блога вордпресс

 

В браузере в левом верхнем углу жму на три точки и открываю новое окно в режиме инкогнито, чтобы мой переход по партнерской ссылке не засчитался мне

как сделать страницу для сайта вордпресс

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

как сделать страницу для сайта вордпресс

Возьму часть описания, что будет на вебинаре и добавлю в запись, но лучше написать это своими словами, чтобы больше нигде не повторялось, например вот это:

как сделать страницу для сайта вордпресс

Перехожу в редактор и добавляю заголовок к этой записи и делаю его по центру

как сделать страницу для сайта вордпресс

Далее вставляю описание, взятое с лендинга

как сделать страницу для сайта вордпресс

Делаю отступ клавишей “Enter” и убираю маркированный список

как сделать страницу для сайта вордпресс

 

Теперь нужно вставить скриншот, сделанный с лендинга. Для этого в редакторе нахожу кнопку “Добавить медиафайл

как сделать страницу для сайта вордпресс

Открывается окно, где нужно выбрать скрин со своего компа или из библиотеки уже загруженных ранее файлов. Я добавляю с компьютера. Жму “Выберите файлы” и выбираю двойным кликом свой скрин

как сделать страницу партнерских рекомендаций для блога вордпресс

как сделать страницу партнерских рекомендаций для блога вордпресс

Жму “Вставить в страницу

как сделать страницу партнерских рекомендаций для блога вордпресс

Скриншот вставился, но по умолчанию отображается он не так, как мне нужно. Чтобы исправить ситуацию, нужно отредактировать отображение файла. Левой кнопкой мыши жму на картинку, чтобы выделить ее и сверху кликаю на карандашик, для редакции

как сделать страницу партнерских рекомендаций для блога вордпресс

Здесь жму “По центру” и выбираю размер произвольный

как сделать страницу партнерских рекомендаций для блога вордпресс

В произвольном размере указываю ширину 900 (у меня все картинки выставлены с таким размером), вторая величина подгоняется автоматически и нажимаю “Обновить

как сделать страницу партнерских рекомендаций для блога вордпресс

Картинка вставилась, но в редакторе все надписи выглядят размазано. Ничего страшного, так отображает сам редактор. И чтобы убедиться, что все смотрится хорошо, вверху жмем кнопку “Просмотреть” и “Предпросмотр в новой вкладке”. 

как сделать страницу для сайта вордпресс

Перебрасывает на страницу в режиме просмотра, где вижу, что все ОК

как сделать страницу для сайта вордпресс

Все, да не все… Заголовок как-то не выделяется особо из всего текста

как сделать страницу для сайта вордпресс

Пойду в редактор и немного поколдую ) Выделяю заголовок и выставлю для него значение 3, а также изменю цвет заголовка на темно-красный

как сделать страницу для сайта вордпресс

как сделать страницу для сайта вордпресс

Смотрю в режиме просмотра, что получилось, меня это вполне устраивает

как сделать страницу для сайта вордпресс

В скриншот теперь вставлю партнерскую ссылку на сам автовебинар. Нажатием ЛКМ выделяю картинку и в редакторе жму на значок добавления ссылки и вставляю ссылку в специальное поле, которое появилось

как сделать страницу для сайта вордпресс

В этом же поле жму на значок шестеренки и выставлю галочку “Открывать в новом окне” жму “Обновить

как сделать страницу для сайта вордпресс

 

как сделать страницу для сайта вордпресс

В режиме просмотра навожу курсор на картинку и вижу, что моя партнерская ссылка вставилась, она отображается слева, в самом низу

как сделать страницу партнерских рекомендаций для блога вордпресс

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

как сделать страницу партнерских рекомендаций для блога вордпресс

 

Захожу в партнерский кабинет Ильнура Юсупова и выбираю продукт, копирую ссылку напротив названия и вставляю в режиме инкогнито, чтобы изучить информацию на странице подписки

как сделать страницу партнерских рекомендаций для блога вордпресс

Делаю все так же, как и в предыдущем варианте. Партнерка Ильнура находится на том же сервисе, что и партнерка Евгения Вергуса — Геткурс

Копирую название и вставляю в редактор, делаю заголовок 3 и выставляю по центру

как сделать страницу партнерских рекомендаций для блога вордпресс

Выделю заголовок красным цветом

как сделать страницу партнерских рекомендаций для блога вордпресс

Делаю отступ клавишей “Enter” и добавлю описание с лендинга, немного отредактировав его

как сделать страницу партнерских рекомендаций для блога вордпресс

Здесь не буду сильно расписывать продукт, но с лендинга сделаю скриншот кнопки и вставлю в запись страницы, в нее-то и вошью ссылку партнерки

как сделать страницу партнерских рекомендаций для блога вордпресс

Делаю отступ после записей и вставляю скрин кнопки с помощью кнопки “Добавить медиафайл

как сделать страницу партнерских рекомендаций для блога вордпресс

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

как сделать страницу партнерских рекомендаций для блога вордпресс

И теперь нужно вставить ссылку в кнопку. Опять же выделю ее и в редакторе нажму на значок цепочки (ссылки), вставлю ссылку и галочку “Открывать в новой вкладке

как сделать страницу партнерских рекомендаций для блога вордпресс

как сделать страницу партнерских рекомендаций для блога вордпресс

В режиме просмотра смотрю, как эта запись выглядит и проверяю, вставилась ли ссылка

как сделать страницу партнерских рекомендаций для блога вордпресс

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

После добавления и проверки всех рекомендуемых продуктов на вашей странице не забудьте нажать кнопку “Опубликовать”, чтобы страница начала работать и приводить людей на ваши рекомендации

как сделать страницу партнерских рекомендаций для блога вордпресс

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

В комментариях пишите, помогла ли вам инструкция — Как сделать страницу партнерских рекомендаций для сайта-блога вордпресс?  И все ли у вас получилось.

Благодарю за внимание, Александр Егоров

Добавить комментарий

Ваш адрес email не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.