Плагины для woocommerce внешний вид: ТОП 19 лучших плагинов WooCommerce для интернет-магазина на WordPress – Полезные WooCommerce плагины | Codemagazine — Вебджем.рф

Содержание

Изменить внешний вид Woocommerce, товары, кнопки, страницы, цвет, размер

Привет! Продолжаем разбирать самые интересные и полезные плагины для интернет-магазина woocommerce. Сегодня вы узнаете как изменить внешний вид онлайн магазина woocommerce. Вы сможете изменить внешний вид страницы товара, страницы магазина, страниц оформления заказа и корзины. Вы сможете менять цвет и размер заголовков, цен, описаний, категорий, скрыть не нужные элементы, изменить цвет и размер кнопки в корзине и т.д.

Изменить внешний вид интернет-магазина Woocommerce

Изменить внешний вид интернет магазина woocommerce вы сможете с помощью плагина — Customize Woocommerce Shop. Установить данный плагин на свой сайт вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

После установки и активации плагина, перейдите на страницу: Woocommerce — Customize Shop. Здесь вы сможете менять внешний вид своего интернет-магазина woocommerce.

Product Shop Page, страница товара.

— Selected Products, выберите здесь All, тогда изменения будут касаться всех товаров. Вы можете выбрать только один товар или несколько определённых товаров.

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

— Product Title, поставьте здесь галочку, чтобы скрыть заголовок товара.

— Logged In User Only, если поставите здесь галочку, то кнопку Добавить в корзину будут видеть только зарегистрированные пользователи.

— Products Prices, поставьте галочку, чтобы скрыть цены на товары.

— Add To Cart Button, поставьте здесь галочку, чтобы скрыть кнопку Добавить в корзину.

— Нажмите на кнопку — Save All Settings, чтобы сохранить настройки.

Shop Page Appearance,

внешний вид страницы Магазин.

— Remove Unset Product Images, поставьте галочку, чтобы скрыть изображения которые не установлены.

— Set Default Product Image, здесь можно задать изображение, которое будет использоваться по умолчанию для товаров у которых нет изображения.

— Title Font Color, здесь вы можете выбрать цвет шрифта для заголовка товара.

— Title Font Size, выберите размер шрифта заголовка товара.

— Title Font Weight, здесь вы можете выбрать тип шрифта для заголовка товара.

— Price Font Color, выберите цвет цены товара.

— Price Font Size, выберите размер цены товара.

— Price Font Weight, выберите тип шрифта цены товара.

— Нажмите на кнопку — Save All Settings, чтобы сохранить настройки.

Product Details Page, одиночная страница товара.

— Selected Products, выберите для каких товаров будут происходить изменения. Для всех товаров выберите All.

— Product Images, поставьте галочку, чтобы скрыть изображения товара.

— Product Title, поставьте галочку, чтобы скрыть заголовок товара.

— Product Tabs, поставьте галочку, чтобы скрыть вкладку товара.

— Related Products, поставьте галочку, чтобы скрыть похожие товары.

— Logged In User Only, поставьте здесь галочку, чтобы кнопка Добавить в корзину, была видна только зарегистрированным пользователям.

— Products Prices, поставьте галочку, чтобы скрыть цену товара.

— Add To Cart Button, поставьте галочку, чтобы скрыть кнопку Добавить в корзину.

— Products Category, поставьте галочку, чтобы скрыть категории товара.

— Нажмите на кнопку

— Save All Settings, чтобы сохранить сделанные изменения.

Detail Page Appearance, внешний вид страницы товара.

— Remove Unset Product Images, удалить неопределённые изображения.

— Set Default Product Image, задать изображение по умолчанию для товаров у которых нет изображений.

— Title Font Color, выбрать цвет заголовка товара.

— Title Font Size, выбрать размер заголовка товара.

— Title Font Weight, выбрать тип шрифта заголовка.

— Price Font Color, цвет цены товара.

— Price Font Size, размер цены товара.

— Price Font Weight, тип шрифта цены товара.

— Description Font Color, цвет описания товара.

— Description Font Size, размер текста описания товара.

— Description Font Weight, тип шрифта текста описания товара.

— Category Font Color, цвет категории товара.

— Category Font Size, размер текста категории товара.

— Category Font Weight, тип шрифта категории.

— Сохраните сделанные изменения.

Cart Page, корзина.

— Cart Empty Button, поставьте галочку, чтобы добавить кнопку Корзина пустая на страницу Корзина.

— Button Font Color, цвет кнопки пустой корзины.

— Button Font Size, размер кнопки.

— Button Font Weight, тип шрифта кнопки.

— Нажмите на кнопку — Save All Settings для сохранения настроек.

Checkout Page, страница Оформить заказ. Здесь вы сможете выбрать между двумя параметрами Disable — отключить, Optional — необязательно.

— Billing Country, биллинг страны.

—

Billing First Name, биллинг имя.

— Billing Last Name, биллинг фамилия.

— Billing Company, биллинг компания.

— Billing Address1, биллинг адрес 1.

— Billing Address2, биллинг адрес 2.

— Billing City, фактура города.

— Billing State, биллинг государства.

— Billing Post Code, биллинг код поста.

— Billing Email, биллинг электронная почта.

— Billing Phone, биллинг телефон.

Shipping, доставка.

— Shipping Country, доставка страна.

— Shipping First Name, доставка имя.

— Shipping Last Name, доставка фамилия.

— Shipping Company, доставка компания.

— Shipping Address 1, 2, доставка адрес 1 и 2.

— Shipping City,

город доставки.

— Shipping State, государственная доставка.

— Shipping Post Code, доставка код поста.

— Account Password, пароль учётной записи.

— Order Comment, комментарий заказа.

— Сохраните сделанные изменения.

Супер плагины Woocommerce, более 200, с руководством по настройке, смотри Здесь!

Список плагинов, которые могут весьма сильно пригодиться. Разделил их на 2 группы: первые плагины — это те, которые установил я и они мне пригодились, вторые те, которые советовали, но я либо не тестировал, либо вообще не устанавливал.

Мои плагины:

Robokassa for WooCommerce — добавляет платежный шлюз Робокасса, что позволяет принимать оплату через большинство платежных систем, терминалы мгновенной оплаты, посредством прямых банковских переводов на ваш расчетный счет, а также позволяет клиентам оплачивать товары (услуги) с помощью банковских карт (VISA, MasterCard). Требуется настройка на сервисе Робокассы.

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

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

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

All In One SEO Pack — все, что нужно для продвижения: роботс, ХМЛ, мета-описания, заголовки и прочее.

Attachment Pages Redirect — делает все картинки на странице редиректорами на эту самую страницу.

Broken Link Checker — показывает мертвые ссылки.

RusToLat — автоматически меняет название страницы с кириллицы на латиницу.

Saphali Woocommerce Russian — позволяет менять данные, которые нужно вводить клиенту на странице заказа.

Social Likes — лайки на самые популярные социалки

TinyMCE Advanced — расширенный редактор.

TW Recent Posts Widget — вывод миниатюр по заданному критерию в виджете

Yandex Maps API

— выводит карту Яндекса

WooCommerce — Store Exporter — экспорт, импорт данных в форматах CSV, XML, XLS и др.

Также советуют:

YITH WooCommerce Ajax Navigation — плагин для AJAX навигации, фильтрации товаров, позволяющий организовать в магазине системы фильтрации товаров. Именно фильтры дают возможность за несколько кликов найти нужный товар. Изначально в WooCommerece встроена Layer Navigation, послойная навигация, позволяющая организовать систему фильтров. Плагин добавляет к возможностям WooCommerece фильтрацию по цвету, а также возможность добавления лейблов. Можно организовать подбор по ряду заданных параметров: цене, цвету, размеру, и т.д, разместив систему фильтров в сайдбаре, организовать динамичную фильтрацию товаров.

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

YITH WooCommerce Featured Video — позволяет добавить видео вместо банальной миниатюры товара, что делает магазин более живым. Ролики следует размещать на YouTube, дабы не нагружать сайт.

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

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

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

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

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

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

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

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

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

WooCommerce Cart Tab — «плавающая» закладка корзины, сильно не напрягает, но и расслабиться клиентам не дает. Закладка при скроллинге по страницам архивов и описаний товаров «плавает» по странице, оставаясь всегда в видимой области. При наведении курсора мыши на закладку, показывается содержимое виджета корзины.

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

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

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

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

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

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

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

Изменить внешний вид Woocommerce, товары, кнопки, страницы, цвет, размер

Изменить внешний вид интернет-магазина Woocommerce

Product Shop Page, страница товара.

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

— Product Title, поставьте здесь галочку, чтобы скрыть заголовок товара.

— Products Prices, поставьте галочку, чтобы скрыть цены на товары.

— Add To Cart Button, поставьте здесь галочку, чтобы скрыть кнопку Добавить в корзину.

— Нажмите на кнопку — Save All Settings, чтобы сохранить настройки.

Shop Page Appearance, внешний вид страницы Магазин.