24 сентября 2019      239    

Плагин кредитов

Основная суть плагина — это вывод шорт кодом в любой статье и в любом ее месте кредитных предложений двумя видами дизайна. Плагин можно использовать для любых видов офферов, а не только для кредитной тематики.

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

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

Если хотите получить этот плагин для своих сайтов, напишите на vs-bumerang@mail.ru,

Первая таблица — карточки товаров

Описание полей и вкладок таблиц карточек предложений
Поля и вкладки Характеристика
Категории предложений В эти поля вписываются названия категорий предложений. Поля можно добавлять, удалять, сохранять информацию в них и редактировать. Новые поля для других карточек товаров (офферов) можно создать сразу или добавлять в процессе наполнения таблиц.
Заголовок В поле пишется заголовок товара, если он большой, то чтобы автоматически выводится в 2,3 … строчки.
Картинка Загружается в это поле. Если нужно удалить, выделяем ее в поле и удаляем кнопкой Delete и загружаем новую.
Условия Информация в это поле добавляется в столбик. По умолчанию 6 строк в столбик. Текст пишется так (пример): Макс. кредит 300 000 руб. И все эти тексты выводятся в карточке товаров ровно друг под другом (на скриншоте ниже есть 2 вида дизайна как выводится информация из таблиц).
Кнопка и Подробнее В эти поля вставляются 2 ссылки.
Прикрепить У каждой строчки таблицы в этом столбце есть возможность прикрепить карточку к определенной категории предложений (вверху над таблицей).

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

Добавить блок При нажатии на эту кнопку, появляется новый блок (поля Карточки товаров и баннеры, кроме Категории предложений) для продолжения создания и наполнения таблицы и т.д.
Баннеры Заголовок баннера – доступна возможность прикрепить 3 баннера (между карточками товаров), для каждого из которых можно написать заголовок, рекламный текст, указать ссылку на кнопке Подробнее и текстовой ссылке Оформить кредитную карту.

Загрузить изображение, которое будет размещено на баннере справа.

Фон баннера. Если оставить без фона, то по умолчанию он будет белым, картинка должна находиться поверх фона.

Можно загрузить в каждый из трех баннеров картинку. В этом случае кнопка и текстовая ссылка под кнопкой будут находиться поверх изображения (расположение всех элементов баннера на скриншоте ниже).

Если загружено более 1 баннера, то они сменяют друг друга (сверху вниз) 5 секунд (можно изменить это значение).

Включить выбор отображения баннера. Нет – выключен, то есть не показывается, да — включен и показывается.

Таким образом можно в разных местах Карточек анонсов предложений на сайте, начать показывать (включить 1 или 2 или 3 баннера) или не показывать их.

Добавить блок После нажатия на кнопку, ниже появляется еще такой же блок с полями (кроме Категорий предложений). Таким образом можно добавлять любое количество блоков, наполняя их информацией. формируя единую таблицу.
Закрыть ссылки Поставив галочки в чек боксах, вы закроете ссылки на сторонние сайты от индексации для Яндекса и Google.
Сохранить таблицу После нажатия на кнопку заполненная таблица сохраняется со всей информацией в полях и появляется шорт код справа от этой кнопки.

Таблица первого дизайна карточек товаров

ВАЖНАЯ ИНФОРМАЦИЯ

  • Информация таблицы не удалится каким-то образом сама собой. Это может сделать только владелец сайта (выделяя ее в каждом поле и удаляя).
  • Нажав на кнопку Добавить таблицу, под созданной и сохраненной таблицей, появляется новая таблица (все что на скриншоте выше, поля которой так же заполняются, добавляются новые блоки, все сохраняется и получается новый шорт код.

Дополнение

  • Если информация в каком-то поле карточек и баннеров не указана, то она не отображается на сайте.
  • Подписанные поля (технические) не выводятся, они только для удобства заполнения таблицы.

Отображение заполненной карточек с товарами первого дизайна из заполненной выше таблицы на странице сайта

Вид карточек на мобильных устройствах из первой таблицы

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

Пояснение по выводимым карточкам на сайте

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

Что еще:

  1. Чтобы при наведении курсора на карточки они подсвечиваются.
  2. При наведении курсора на карточку, картинка плавно и немного увеличивается, подаваясь вперед.
  3. А при наведении на кнопку и текст под ней, они меняют цвет.
  4. При наведении на заголовок карточки, он так же меняет цвет.
  5. Вы сможете менять названия на кнопке и текста под ней.

Стили, которые сможете менять:

  1. Цвет заголовков и текстов в карточках кредитных карт (в спокойном состоянии и при наведении на них курсора).
  2. Стиль и размер шрифта всех текстов в карточке (заголовок и текст на кнопке и под ней отдельно, тексты Условий отдельно и все вместе.
  3. Менять цвет кнопки Подробнее и ее название и текст под ней.

 

Рекламные баннеры

В любое место карточек вы сможете вставить один или несколько рекламных блоков. Они будут выводиться в виде слайдера от 1 до 3 штук.

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

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

Категории предложений

Это названия категорий расположенные над таблицами.

  • Чтобы я мог добавлять новые категории к каждой таблице.
  • Если название категории длинное, оно будет в строчку, а на сайте блоки категорий равномерно распределятся в несколько строк (то есть распределяться в строчки.
  • Если текста в какой-то категории нет, значит она не выводится на сайте. Выводятся только заполненные блоки категорий. А если названия нет ни в одной категории, то они и не выводятся на сайте вообще и список информации из таблицы выводится в статьях в едином списке.

Вы сможете изменить:

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

Вторая таблица — карточки товаров

Отображение заполненной карточки с товарами второго дизайна из заполненной выше таблицы на странице сайта

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

Вид карточек на мобильных устройствах из второй таблицы

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

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

ВАЖНАЯ ИНФОРМАЦИЯ

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

Есть возможность показать на любом блоке карточки в левом нижнем углу, флажок Рекомендуем.

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

Наши услуги

© 2019 Шаблоны Zennoposter · Копирование материалов сайта без разрешения запрещено