Към основното съдържание

Банер на началната страница

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

Всеки банер заема собствен блок на страницата — банерна линия. За всяка банерна линия трябва да определите нейното местоположение на страницата и типа банер, който ще бъде конфигуриран за нея.

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

За да поставите банер на началната страница, трябва да:

  1. Определите кои банери искате да показвате на началната страница.

  2. При необходимост създадете нови линии или промените съществуващите.

  3. Подготвите изображения с правилния размер за всеки банер.

  4. Качите изображенията, персонализирате и активирате банерите в админ панела.

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

Следните инструкции важат както за стария, така и за новия интерфейс.

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

Трябва да определите броя на банерите, които искате да поставите на началната страница, както и техния тип и размер.

Пример за банерни линии на началната страница

Example of banner lines on the main page — Cartum

Пример за показване на банери в шаблона от Shaniya галерията с шаблони за дизайн:

  1. Банерна линия 1: wideblock, размер L;

  2. Банерна линия 2: 3x, размер M, отстъп: S, заобляне: S;

  3. Банерна линия 3: 2x, размер: M, отстъп: S; заобляне: S;

  4. Банерна линия 4: block, размер: L.

Можете да видите и други комбинации от банери в нашата галерия с шаблони за дизайн.

Създаване или промяна на банерни линии

За да създадете нови банерни линии, да промените параметрите на банерите в съществуващите линии или да промените местоположението им, отидете в секцията Уебсайт Дизайн Редактор на дизайна в админ панела и разгънете елемента Homepage. Щракнете Add banner или разгънете съществуваща банерна линия и задайте необходимите параметри на банера. Прегледът в редактора на дизайна ви позволява веднага да оцените направените промени.

Важно: Преди да променяте банерните линии, препоръчваме да запазите изображенията, които сте използвали преди. След прилагане на промените предишните ви изображения може да бъдат изтрити.

Подготовка на изображения за банери

За да се показват банерите коректно, изображенията трябва да отговарят на следните изисквания:

  1. Размерът на изображението трябва напълно да съответства на избрания тип и размер банер.

  2. Изображението трябва да бъде във формат JPEG или PNG.

  3. Ако изберете банер от тип cover, трябва да оставите отстъпи от 500px от левия и десния край и да разположите важната информация в центъра.

  4. Ако изберете настройката padded, при подготовката на изображението трябва да предвидите 10-15px от края да бъдат покрити от отстъпа.

  5. Изображенията трябва да са с високо качество.

Настройване и активиране на банери на вашия уебсайт

След като са създадени необходимите банерни линии, качете изображенията в админ панела и активирайте банерите.

Нов интерфейс

  1. Отидете в секцията Уебсайт → Банери и щракнете + New banner в съответната линия.

  2. Попълнете полето Title — опитайте се да дадете на банера ясно име, за да го намирате по-лесно по-късно.

  3. Качете изображението на банера, като щракнете върху полето или плъзнете и пуснете файл в него.

  4. Посочете линка или страницата, към която потребителят ще бъде пренасочен при клик върху банера.

  5. При необходимост задайте цвят на рамката, алтернативен текст и title за изображението.

  6. Изберете желаната настройка за превключвателя Open link in new tab.

  7. Уверете се, че превключвателят Show on storefront е включен и щракнете Save.

Uploading the homepage banner — Cartum

Можете също да качвате банери директно в редактора на дизайна.

  1. Отидете в Уебсайт → ДизайнРедактор на дизайнаHomepage и разгънете желания ред с банери.

  2. Задръжте курсора върху полето за качване на изображение и натиснете + в реда с миниатюри, който се появява (за първия банер в реда просто щракнете върху полето).

  3. Конфигурирайте банера по същия начин, както в секцията Уебсайт → Банери.

Стар интерфейс

  1. Отидете в Уебсайт → Банери и щракнете Добавяне.

  2. В полето Страница изберете Начална страница.

  3. В полето Разположение изберете желаната линия.

  4. Уверете се, че полето Шаблон е зададено на Изображение.

  5. Качете файла на банера в полето Изображение , задайте URL и допълнителни настройки при нужда.

  6. Изберете отметката Активно и щракнете Запази.

Линкове

В полето Линк (URL в стария интерфейс)можете да зададете адреса, към който да се пренасочва при клик върху банера — страница от уебсайта или линк към ресурс на трета страна.

  • Страница (Име на страница в сайта в стария интерфейс) — изберете подходящата страница от падащия списък.

  • Потребителски линк (Собствен линк в стария интерфейс) — посочете линк към която и да е страница (както във вашия сайт, така и в други източници).

Ако клиентът трябва да бъде пренасочен към страница с конкретен продукт или към резултатите от филтриране при клик върху банер, трябва да изберете потребителски линк и да въведете относителен линк (без домейн) във втората част на полето.

Ако клиентът трябва да бъде пренасочен към страница на друг уебсайт при клик върху банер, линкът трябва да е абсолютен (например, https://cartum.io/functions/)

Банери за различни езикови версии

За всяка езикова версия на сайта можете да качите различни изображения, да зададете различни линкове и да напишете съответните meta тагове alt и title.

Нов интерфейс

Banners for different language versions — Cartum

Стар интерфейс

Banners for different language versions — Cartum

Моля, обърнете внимание:

  • Ако не е качен банер за допълнителна езикова версия, ще се показва банерът, зададен за основната езикова версия на сайта.

  • Ако за основния език на сайта не е настроен банер, банерите от другите езикови версии няма да се показват. Ако такъв банер е активиран, на сайта ще се показва празно място.

Създаване на слайдер (смяна на изображенията)

За банери от тип block, wideblock, cover, blockplus (само големи банери) можете да настроите слайдер — изображения, които автоматично се сменят през определен интервал.

Banner slider — Cartum

За да настроите слайдера, трябва да създадете няколко банера в една банерна линия.

Ред на показване на банерите в линия

Редът, по който се показват банерите в слайдер и в линия с няколко банера, се определя от позициите им в списъка на секцията УебсайтБанери.

Можете да промените последователността на показване, като плъзгате банерите за маркерите в лявата колона.

Нов интерфейс

Changing the order of displaying banners — Cartum

Стар интерфейс

Changing the order of displaying banners — Cartum

Това отговори ли на въпроса ви?