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