Видео мастер-класс Создаем простой баннер для вашего магазина

Создание информативного баннера

Здравствуйте, дорогие мастерицы и мастера, а также покупатели и все, кто интересуется обработкой фотографий в редакторе PHOTOSHOP.

Предлагаю Вашему вниманию свой очередной мастер класс, который поможет Вам создать ИНФОРМАТИВНЫЙ баннер, тоесть такой, который отразит Ваше кредо, выразит основную идею Вашего магазина, баннер, который содержит 90 процентов текста.

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

Прежде всего, если у Вас еще нет баннера, предлагаю обдумать ОСНОВНУЮ МЫСЛЬ. Если хотите юмора, можете воспользоваться сервисом генератор слоганов, например Ваш магазин будет называться «ЗОЛОТЫЕ НОЖНИЦЫ» или «ЗОЛОТЫЕ РУКИ» или просто «МАГАЗИН МАСТЕРА АННЫ».

И, достижения:

Болит голова? День не задался? Магазин золотые ножницы — именно то, что тебе нужно!
Магазин ЗОЛОТЫЕ НОЖНИЦЫ удовлетворит все твои желания.
Магазин ЗОЛОТЫЕ НОЖНИЦЫ и мир станет проще.
Магазин золотые ножницы — почувствуй нашу любовь!
Магазин ЗОЛОТЫЕ НОЖНИЦЫ — выбор президентов.
С любимым хорошо, а с магазин золотые ножницы ещё лучше!

Теперь приступим непосредственно к созданию баннера.

Познакомимся с его свойствами.

Баннер имеет размеры: 760 x75. Смотрите фото.

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

Выделив все содержание баннера инструментом ПРЯМОУГОЛЬНАЯ ОБЛАСТЬ удаляем содержимое, для того чтобы оставить белый фон. Либо создаем новый графический файл таких размеров самостоятельно.

У вас появился чистый баннер нужного размера.

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

Как я уже говорила, наш баннер будет информативным, поэтому на нем мы расположим несколько надписей — две или даже три, а еще постараемся уместить небольшое украшение в виде фигуры.
Убедитесь, что у Вас открыто окно СЛОИ в редакторе. Если нет, то откройте его: ОКНО — СЛОИ.
Выделите инструментом ТЕКСТ ту область баннера, на которой мы впишем наш слоган.

Выберете подходящий размер шрифта.

Цвет шрифта выбирайте исходя из преобладающих цветовых оттенков сайта ЯРМАРКА МАСТЕРОВ, либо ВАШЕГО МАГАЗИНА. Хотя на вкус и цвет. Для того, чтобы подобрать подходящий цвет, сделайте скриншот страницы Вашего магазина, нажав на клавиатуре клавишу PrtS, затем в редакторе PHOTOSHOP нажмите ФАЙЛ — СОЗДАТЬ и РЕДАКТИРОВАНИЕ — ВСТАВИТЬ. У Вас кроме баннера появится скриншот Вашего магазина, где Вы и сможете подобрать подходящие цвета для баннера, выбрав инструмент кисть и кликая на разных цветовых оттенках при этом удерживая клавишу ALT. Слева на панели инструментов, в инструменте ОСНОВНОЙ ЦВЕТ Вы будете видеть Ваш выбор.

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

Если вас не устраивает размер текста, уменьшайте или увеличивайте его. Также изменяте гарнитуру.

Также можно просто использвать инструмент ТРАНСФОРМИРОВАТЬ, нажав комбинацию клавиш CTRL +T и растянуть Вашу надпись так, чтобы она поместилась на весь баннер.

Если вас все устраивает, оставьте такой вариант, однако я предлагаю воспользоваться не только цветом, а еще поэкспериментировать со стилями. (ОКНО-СТИЛИ — откройте эту вкладку в редакторе).

Если у вас не имеется дополнительно загруженных стилей, воспользуйтесь стандартным набором, например WEB стили. (Как вызвать это меню, смотрите фото).

Кликните на понравившемся стиле и ваша надпись измениться. Экспериментируйте!

Снова перейдя в инструмент ТЕКСТ, добавьте еще одну надпись и затем еще одну.

Расположите их в разных местах баннера. Поменяйте местами, переместите вверх вниз, попробуйте изменить размер и шрифт.

На нижних скриншотах появились фигурки ввиде рук (сердечки, цветочки и прочее). Как добавить их я расскажу ниже.

Я разместила фигурки рук справа и слева. Для перемещения объектов и текста перейдите на самый первый инструмент в панели инструментов ПЕРЕМЕЩЕНИЕ.

Убрали надпись «нет ничего проще».

Справа, в окне СЛОИ вы видите ВСЕ ОБЪЕКТЫ, которые Вы создали. Кликните на объект и изменяйте его, перемещайте, удаляйте, делайте с ним что хотите, но предварительно его нужно выбрать в слоях.

Если надпись Вам не нужна, вы можете удалить ее просто перетащив слой в корзину РЕДАКТОРА или нажав кнопку DELITE на клавиатуре.

Приступим к украшению. На картинке показан инструмент ПРОИЗВОЛЬНАЯ ФИГУРА.

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

Для того, чтобы подогнать фигуру используйте ОПЦИЮ ТРАНСФОРМИРОВАНИЯ ИЗОБРАЖЕНИЯ. Вызвать ее можно клавишами CTRL +T, меняте форму фигуры, вращайте ее вокруг своей оси, пока Вам не понравиться результат. Далее нажмите кнопку ENTER. Если фигура Вам не подошла, просто нажмите кнопку DELITE и она удалиться, либо перетащите ее на значок корзины в редакторе.
К фигуре таже примените СТИЛИ.

По желанию Вы можете изменить ЦВЕТ ФОНА баннеру.

Выберите слой ФОН и создайте его ДУБЛИКАТ, нажав комбинацию клавиш CTRL +J, либо СЛОИ — СОЗДАТЬ ДУБЛИКАТ СЛОЯ. И воспоьзуйтесь инструментом ЗАЛИВКА.

Или снова поэксперементируйте со стилями. Находясь на ДУБЛИКАТЕ СЛОЯ, кликните на понравившемся Вам СТИЛЕ.

В конце Ваших услилей, не забудьте СВЕСТИ СЛОИ! И сохраните полученный баннер, либо, если Вы планируете продолжать работать с проектом сохраните вашу работу в формате .psd и позже можно будет продолжить коррекцию баннера.

Примеры баннеров:

С уважением, Ирина.

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

Основная цель мастер класса — показать новичкам принципы работы в редакторе photoshop с целью САМОСТОЯТЕЛЬНОГО и БЕСПЛАТНОГО создания простого баннера.

Создаем аватар и баннер для своего магазина на Ярмарке Мастеров

Встречают по одежке

Провожают по уму

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

Привет, меня зовут Ольга. Я занимаюсь продажей чехлов из дерева для смартфонов, а некоторое время назад вышла и на Ярмарку Мастеров. Вообще, оказалось, что Ярмарка Мастеров — это другой мир, тут все иначе, все по-другому, порой бьешься головой об стену, но не понимаешь: «Где же потерялся покупатель?»

Несмотря на всю самобытность Ярмарки Мастеров и магазинчиков в ней, основные законы рынка работают и тут: у вас должен быть качественный товар, и вы должны его красиво предложить покупателю. О товаре говорить сейчас не будем (ведь каждый из вас продает что-то свое, уникальное, интересное), а вот вопрос предложения обсудим.

«Встречают по одежке» — не забывайте об этом. И на Ярмарке Масеров у вас есть несколько возможностей для того, чтобы красиво «одеть» (оформить) вашу страничку:

  • Красивые фотографии.
  • Интересное описание товара и магазина.
  • Красивые аватар и баннер.

О первых двух пунктах мы поговорим с вами отдельно, а сегодня займемся созданием баннера и аватара.
У меня для вас сюрприз — я провела хорошую работу и подготовила очень удобный мокап (специальный шаблон) для Photoshop. Вы сможете творить и незамедлительно видеть результат, без необходимости загружать картинки на Ярмарку Мастеров.

Шаг 1. Скачиваем Photoshop

Для хорошей работы нужна хорошая программа. В первую очередь вам нужно скачать в Интернете Фотошоп и установить на свой компьютер.

Шаг 2. Скачиваем мокап

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

Шаг 3. Немножко теории

Как было сказано ранее — нас интересуют аватарка и баннер. На фото ниже я выделила их.

Аватарка имеет размеры 150х150 пикселей.

Баннер имеет размеры 760х75 пикселей.

На этом сложная теоретическая подготовка окончена. Перейдем к работе.

Шаг 4. Творим творчество!

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

Всего есть два типа аватарок и баннеров.

Тип 1. Согласованный. Используется одна большая картинка на оба элемента

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

Тип 2. Независимый. Используются две независимые картинки

В данном случае аватарка и баннер независимы и содержат совершенно разные изображения.

Именно вам выбирать, как вы оформите вашу страничку. Я советую попробовать оба варианта, и не по одному разу!

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

Самое время перейти к работу в Photoshop. Дважды щелкните на скачанный ранее мокап, после чего он откроется перед вами.

Все, что вам нужно для работы, расположено в правой нижней панели: Панель слоев (см. рисунок ниже).

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

Попробуйте поотключать/повключать папки «Отдельные аватарка и баннер» и «Совместные аватарка и баннер» и посмотрите на результат.

Как вы наверное заметили — картинка меняется. Дело в том, что разные слови отвечают за решение разных вопросов (как это видно из их названия). Так, например, для того, чтобы создать согласованные баннер и аватарку, необходимо отключить папку «Отдельные аватарка и баннер» и заняться редактированием слоя «Открыть для редактирования» в папке «Совместные аватарка и баннер». Для того, чтобы создать независимые баннер и аватар, необходимо отключить папку «Совместные аватарка и баннер» и отдельно отредактировать слои «Аватарка» и «Баннер».

Даже если это звучит сложно — мы с вами попробуем сделать все вместе, после чего вы с легкостью будете делать свои варианты.

ВАЖНО! Сохраните резервную копию мокапа, потому что иногда мы делаем-делаем и ломаем. Вдруг нажмете куда-то не туда.

ВАЖНО 2! Слой «Макет Магазина» содержит все элементы магазинчика, которые отображаются на рисунке в рабочей области, но не относятся к аватарке и баннеру. Это относится в том числе к товарам, названию и так далее. Если вы хотите вставить элементы своего магазинчика, то вам придется открыть магазинчик в браузере и сфотографировать рабочий экран (не на телефон, конечно, а с помощью кнопки PrintScreen на клавиатуре), после чего открыть его в графическом редакторе, нарезать и вставить в наш мокап. Звучит жутко, а на самом деле — очень просто. И делается за 15-20 секунд.

Теперь приступим к созданию аватарки и баннера. Начнем с согласованного (как самого интересного) вида.

  1. Отключите (щелкните по глазику) папку «Отдельные аватарка и баннер».
  2. Дважды щелкните по миниатюре слоя «Открыть для редактирования». Щелкнуть нужно именно по маленькому изображению слева от текста.

Вы только что открыли смарт-объект, специально сделанный для редактирования согласованных аватарки и баннера. Перед вами открылась новая рабочая область.

Редактируя данный файл, вы будете видеть результат на главном файле, на котором выводится макет всего магазинчика.

Справа на панели слоев есть слой «Рамка». Включите его, и на картинке отобразятся темные рамки. Слой создан специально для того, чтобы видеть, как будет обрезано ваше изображение.

Вы можете редактировать ваше изображение с включенным или отключенным слоев «Рамка». Делайте, как вам будет удобнее, это ни на что не влияет.

Теперь найдем красивый фон в интернете.

Сохраняете его на компьютер и перетаскиваете на открытый смарт-объект, прямо в рабочую область.

При необходимости измените размеры, потянув за уголки (для сохранения пропорции при этом зажмите клавишу Shift).

Теперь включите (если отключен) слой «Рамка» и переместите новый созданный слой сразу под слой «Рамка» (для этого просто перетяните).

ВАЖНО! Ваш новый слой может и будет иметь другое имя, отличное ото того, что отображается на картинке ниже.

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

После того, как закончите редактирование данного смарт-объекта, вам необходимо:

  1. Сохранить его, выбрать пункт меню «Файл-Сохранить» (см. фото ниже)
  2. Вернуться к исходному файлу, нажав на его имя в верхней строке навигации (см. фото ниже).

Перед вами открылся ваш магазинчик, но только с новыми баннером и аватаркой! Красота! (см. фото ниже).

Вот так просто можно сделать и примерить аватарку и баннер.

Если вам требуется создать независимые баннер и аватарку, то, как говорилось ранее, отключайте папку «Совместные аватарка и баннер» и отдельно отредактируйте смарт-объекты «Аватарка» и «Баннер». Принцип их редактирования точно такой же, как и у рассмотренного выше смарт-объекта:

  1. Включаете отображение слоя (папки).
  2. Дважды щелкаете по миниатюре слоя (смарт-объекта).
  3. Редактируете необходимым образом. При этом у смарт-объектов «Аватарка» и «Баннер» нет слоя «Рамка», так как так он просто не нужен.
  4. Сохраняете сделанные изменения.
  5. Возвращаетесь к исходному файлу и видите изменения.

Шаг 5. Сохраняем аватарку и баннер

Вы сделали ваши аватарку и баннер. Теперь их нужно сохранить и загрузить на Ярмарку Мастеров. Делаем следующее:

  • Сохраняем файл с расширением JPG или JPEG. Для этого используем пункт меню «Файл-Сохранить как».
  • Нажимаем «Файл-Открыть» и открываем только что сохраненный файл.
  • У открывшегося файла в панели слоев должен быть только один слой. Если справа от него есть значок замка, то нажмите его, и он исчезнет.
  • Изменяем размер холста. Для этого выбираем пункт «Изображение» — «Размер холста» и ставим его 150 на 150 пикселей.
  • Ваша рабочая область сильно уменьшится! Теперь перемещая (именно перемещая, не изменяя его размеров) фоновое изображение подгоните его так, чтобы аватарка входила точно в рабочую область (см. рисунок ниже).
  • Сохраните файл, выбрав «Файл»-«Сохранить как», и дав ему имя «Аватарка.jpg».
  • Теперь снова измените размер холста на 760 на 75 пикселей.
  • Подгоните (перемещая, не изменяя его размеров) баннер точно под вашу рабочу область (см. рисунок ниже).
  • Сохраните, выбрав пункт «Файл»-«Сохранить как» и дав ему имя «Баннер.jpg».

Шаг 6. Устанавливаем аватарку и баннер на магазинчик

Для этого просто войдите на Ярмарку Мастеров, зайдите в раздел «Профиль» и нажмите кнопку «Изменить информацию». После этого вы увидите разделы для редактирования ваших аватарки и баннера.

На этом все! Я старались, надеюсь, что мои статья и мокап действительно принесут вам пользу! Жду комментариев, о чем еще написать или дописать в этой статье.

Всем добра. 🙂 И не забываем подписываться, впереди еще много интересного!

Важно! Какие плагины нужно ставить в первую очередь?

Новичок
Администратор
Новичок

Валерий

Специалист
  • 29 Сен 2022
  • #4
  • 1) YITH WooCommerce Ajax Navigation — плагин AJAX навигации, а если выразиться более точно – плагин фильтрации товаров, позволяющий организовать в магазине удобную системы фильтрации товаров, и их подбора на основе заданных параметров. Фильтрация товаров – это сердце любого интернет-магазина. Именно фильтры позволяют покупателю буквально за пару-тройку кликов найти товар, отвечающий его потребностям. Изначально в WooCommerece уже встроена Layer Navigation, т.е. послойная навигация, позволяющая организовать систему фильтров. Плагин добавляет к базовым возможностям WooCommerece возможность фильтрации по цвету, а также возможность добавления лейблов. Благодаря этому можно организовать подбор по ряду заданных параметров, а именно: цене, цвету, размеру, и т.д, и разместив систему фильтров в сайдбаре, организовать динамичную фильтрацию товаров. Плагин подходит для большинства интернет-магазинов, так как в основном число фильтруемых параметров в них редко превышает 4-6. Для интернет-магазинов с технически сложными товарами (компьютеры, смартфоны и др.), где необходимо много разных фильтров, а число фильтруемых параметров приближается к бесконечности, возможностей данного плагина будет мало. Для подобных магазинов предназначены плагины продвинутой, многоуровневой фильтрации (их немного и они все платные ).

    2) WooCommerce Sequential Order Numbers — плагин позволяет устанавливать в магазине последовательную нумерацию заказов, а не так как установлено в WooCommerce по умолчанию, т.е. в произвольно, что значительно облегчает обработку заказов.

    3) Robokassa for WooCommerce — этот плагин добавляет платежный шлюз Робокасса к вашему магазину, что позволяет принимать оплату от клиентов через большинство популярных платежных систем (Webmoney, Яндекс.Деньги, Деньги@mail.ru, QIWI, RBKMoney, Z-payment и др.), терминалы мгновенной оплаты, посредством прямых банковских переводов на ваш расчетный счет, а также позволяет клиентам оплачивать товары (услуги) вашего магазина с помощью банковских карт (VISA, MasterCard).

    4) WooCommerce Customizer — данный плагин позволяет Вам настраивать основные элементы ядра WooCommerce без необходимости правки исходного кода! Так, Вы можете изменить надпись «Добавить в корзину» для разных видов товара (простой/вариативный/групповой/внешний), переименовать заголовки вкладок, изменить количество товаров, отображаемых на страницах архивов, а также настроить нужное Вам число столбцов при выводе товаров и миниатюр. Смотреть подробное описание плагина и видео урок по настройке плагина.

    5) YITH WooCommerce Featured Video — плагин позволяет добавить избранное видео вместо банальной миниатюры товара, что делает магазин более живым. Видео-обзор товара воспринимается гораздо лучше, чем сухое описание товара. Потенциальные клиенты обожают смотреть видео, т.к. это позволяет как бы воочию увидеть товар и рассмотреть товар более детально. Видео вместо текста может значительно увеличить продажи, и вывести Ваш магазин на совершенно иной уровень. Конечно для всех товаров, особенно если товаров у Вас много, снимать видео ролики довольно проблематично, но вот для избранных товаров, которые Вы хотите успешно продавать, да еще и в больших количествах, можно и нужно сделать ролики. Ролики следует размещать на сервисе YouTube, дабы не нагружать Ваш сайт, а переложить всю нагрузку по обработке требовательного до ресурсов видео контента на могучие плечи YouTube.

    6) WooCommerce Product FAQs – данный плагин добавляет на странице описания товара дополнительную вкладку FAQs, на которой покупатели могут задавать вопросы и получать ответы. Все вопросы и ответы доступны для всеобщего обозрения, а учитывая то, что владелец магазина может модерировать вопросы и ответы, а также вручную добавлять вопросы и отвечать на них, данный плагин однозначно можно отнести к категории «MustHave», так как при продуманном подходе к вопросам и ответам можно существенно повлиять на выбор клиента, и направить его в нужное Вам русло!

    7) WooCommerce Product Details Customiser — плагин позволяет настраивать внешний вид страницы описания товара. Можно настроить количество отображаемых столбцов для похожих товаров, включить/выключить вкладки, изображения товаров, и наличие похожих товаров на странице. Смотреть подробное описание плагина.

    8) WooCommerce Grid/List toggle — плагин позволяет посетителям переключать отображение товаров между сеткой и списком. Изначально при активации плагина WooCommerce установлено отображение товаров в виде сетки. Список позволяет просматривать товары с их описаниями, которые добавляются из поля «Краткое описание товара». Поскольку товары в магазине могут быть довольно разные по своей сути , целесообразно установить данный плагин и предоставить клиенту самому выбирать, какие товары ему удобнее просматривать в виде сетки, а какие в виде списка. Смотреть подробное описание плагина и видео урок по настройке плагина.

    9) Zoom Image — плагин добавляет зум (лайтбокс) с тремя видами эффектов для картинок и миниатюр товаров WooCommerce, что позволяет сделать просмотр изображений более удобным и элегантным.

    10) WooCommerce Custom Product Tabs Lite – плагин позволяет добавить на странице описания товара еще одну вкладку, которую Вы можете назвать как угодно, и вывести в ней любую дополнительную информацию о товаре (можно выводить не только обычный текст, но и текст с HTML разметкой, а также видео с YouTube, причем одновременно с продающим текстом )). Вкладку можно по желанию добавлять к определенным товарам, ко всем товарам, или не добавлять ее вовсе, если при описании определенных товаров она совершенно не нужна. Смотреть подробное описание плагина.

    11) WooCommerce Abandon Cart Lite Plugin — плагин предназначен для «реанимации» заброшенных заказов зарегистрированных клиентов, т.е. когда клиент добавил заказы в корзину, а к оплате по каким-либо причинам не перешел. Обычно, такие зависшие заказы так и не проплачиваются в дальнейшем, но с помощью данного плагина значительную часть из этих заказов можно восстановить и довести до стадии закрытия сделки. Плагин работает в фоновом режиме и через установленные промежутки времени отправляет на email клиента письма (шаблоны писем создаются самостоятельно), содержание которых позволяет восстанавливать заброшенные корзины. В письмах могут содержаться как простые напоминания, так и купоны на скидку (интегрировано с купонами WooCommerce), или какие-то более сложные акционные предложения (типа, купи 2, а 3-й получи в подарок), и т.д. и т.п. Согласно статистике, удается восстанавливать до 30% заброшенных пользователями корзин с заказами, и превратить их в завершенные сделки, т.е. деньги. А деньги лишними никогда не бывают!

    12) 404 Silent Salesman — этот плагин позволяет помещать на 404-х страницах популярные товары, и тем самым увеличить потенциал продаж вашего магазина, превращая 404-й трафик в прибыль!

    13) YITH WooCommerce Compare — данный плагин позволяет клиенту сравнивать товары между собой, а практически в любом магазине найдется немало товаров, которые можно, а иногда даже нужно сравнить. Удобная сравнительная таблица выводится во всплывающем окне и выглядит довольно симпатично. Параметры, на основе которых будет производится сравнение товаров, устанавливаются на странице настроек плагина. Для добавления товаров в список сравнения на странице описания товаров, а также в архивах товаров устанавливается кнопка или ссылка по желанию. Смотреть подробное описание плагина.

    14) Woocommerce Radio Buttons — данный плагин позволяет изменить отображение вариаций для вариативных товаров (такие есть практически в любом интернет-магазине) со стандартного выпадающего списка, установленного в WooCommerce по умолчанию, на радио кнопки, что во многих случаях выглядит более эстетически привлекательно, и гораздо удобнее для покупателей. Смотреть подробное описание плагина.

    15) WooCommerce Product Archive Customiser — плагин позволяет настраивать (кастомизировать) внешний вид товарных категорий, и выводить только те основные и дополнительные элементы (миниатюры товаров, цены, количество товара и его наличие на складе и др.), которые Вам нужны. Также плагин позволяет скрыть/включить рейтинги, список доступных сортировок, баннеры новинок. Смотреть подробное описание плагина.

    16) Woocommerce Dropdown Cart Widget — раскрывающийся виджет корзины, который при нажатии на него раскрывается и показывает содержимое корзины (миниатюры товаров, их названия, выбранные вариации, количество, а также цены). Такая корзина, благодаря реализации с помощью AJAX технологии, смотрится красиво и современно, причем плагин позволяет добавить корзину не только в стандартный сайдбар, но и в любое другое место: хедер, меню, футер, или прямо на страницы описаний товаров. Смотреть подробное описание плагина.

    17) WooCommerce Cart Tab — «плавающая» закладка корзины, которая глаза не мозолит, сильно не напрягает, но и расслабиться клиентам не дает. Закладка при скроллинге по страницам архивов и описаний товаров «плавает» по странице, оставаясь всегда в видимой области. При наведении курсора мыши на закладку, показывается содержимое виджета корзины. Такую корзину искать клиентам не придется, она словно сама говорит: «Нажми на меня и оплати заказ», а значит и вероятность покупки значительно увеличится. Такая закладка-корзина станет отличным дополнением к базовой корзине, расположенной в меню, хедере, или где-то еще. И ничего страшного нет в том, что корзин будет две. Как говорят заядлые грибники, лишняя корзина никогда не бывает лишней! Смотреть подробное описание плагина.

    18) WooCommerce Custom Price — плагин позволяет назначать собственные названия для двух категорий цен: свободной (договорной) и пустой. Например, когда в поле цены Вы ставите 0 (т.е. свободная/договорная, или как ее еще называют «бесплатная» цена), то вместо цены над кнопкой добавления в корзину можно вывести надпись «Под заказ». А когда поле цены вообще пустое (там нет никакого значения), то можно вывести надпись «Скоро будет», что позволит проинформировать покупателя о товарах, которые скоро поступят в продажу.

    19) WooCommerce Accepted Payment Methods — плагин позволяет отобразить (через виджет, шоткод, или тег шаблона) на сайте в нужном Вам месте способы оплаты, доступные в Вашем магазине. Изначально плагин заточен под иностранные способы оплаты, но это легко можно исправить, заменив иностранные платежные системы на те способы оплаты, которые доступны в вашем магазине.

    20) WooCommerce OnSale Extender — улучшенный баннер скидок, позволяющий отображать баннер с информацией о размере скидки не просто в дефолтном виде («Sale!», или «Sale$100!»), характерном для подобного рода плагинов, а в виде, который удобен Вам и лучше всего подходит для вашего магазина. В плагине есть возможность настроить вывод скидки в %-ах или рублях — на выбор, а также указать шаблон вывода (на русском языке ), который предваряет саму скидку.

    21) YITH WooCommerce Ajax Search — плагин поиска на основе AJAX технологии позволяет искать товары в режиме реального времени, т.е. по мере ввода клиентом букв будут выдаваться подходящие результаты в виде выпадающего списка. Плагин простой и легкий. Его большим плюсом можно назвать и совместимость с рядом других плагинов, позволяющих осуществлять поиск по артикулам, а также заказным полям для вариативных товаров. Т.е. сочетание данного плагина с другими плагинами поиска (их нужно только активировать) позволяет реализовать в интернет-магазине продвинутую систему поиска, работающую по принцу «Найдется все!» Смотреть подробное описание плагина.

    22) Product Enquiry for WooCommerce — плагин позволяет посетителям и потенциальным клиентам вашего магазина задать вопрос о товаре прямо со странице подробного описания товара, что будет очень удобно для многих посетителей вашего магазина, так как они могут задать вопросы «не отходя от кассы». Можно настроить название кнопки, а также ее расположение на странице. Смотреть подробное описание плагина.

    23) Woocommerce Payment Gateway per Product — плагин позволяет назначать доступные платежные шлюзы для каждого отдельного товара, т.е. для каких-то отдельных товаров можно задать только определенные способы оплаты, а для всех остальных товаров оставить платежные шлюзы по умолчанию.

    24) WooCommerce Add Charges To Payment Gateway — плагин позволяет добавить доплату к выбранным платежным шлюзам. Тем самым у Вас появляется возможность включить %-ты за проведение платежей через определенные платежные шлюзы (например, Робокасса) в цену товара, или регулировать способы оплаты товара покупателями. Например, увидев наценку в 5, 10, или 15% за оплату «Наложенным платежом», клиент может предпочесть оплатить товар банковской картой, где никаких наценок нет, что избавит Вас от лишней головной боли связанной с наложкой , а также продолжительного «зависания» товара и денег в процессе доставки почтой .

    25) WooCommerce Payment Discounts — плагин позволяет добавить скидки на конкретные способы оплаты в WooCommerce. Например, Вы можете установить скидку 10% при оплате Яндекс.Деньгами, 5% при оплате с помощью карты VISA, и т.д., что будет стимулировать клиентов оплачивать теми способами, которые для Вас более предпочтительны и удобны.