[Версия 6.1] Essential Addons x WooCommerce: изучите новые виджеты для настройки отдельной страницы продукта WooCommerce

Essential Addons — дополнение Eelementor №1, которому доверяют более 2 миллионов пользователей по всему миру . Оно продолжает предлагать виджеты и расширения, упрощающие и ускоряющие создание веб-сайтов. С учетом вышесказанного, в последней версии Essential Addons представлены 5 мощных виджетов, которые легко настраивают страницы отдельных продуктов WooCommerce. Редактирование страницы одного продукта WooCommerce имеет зависимости PRO, но теперь, с этими новыми виджетами Essential Addons, вы можете добиться тех же результатов БЕСПЛАТНО.

В этом блоге мы рассмотрим последние дополнения к Essential Addons для Elementor и увидим, как эти виджеты могут изменить страницу вашего продукта, не затрачивая при этом ни копейки. Давайте погрузимся.

Обзор всех новых виджетов Essential Addons для Elementor

С каждым обновлением Essential Addons для Elementor переопределяет процесс веб-создания, и последние дополнения к его библиотеке виджетов не являются исключением. На этот раз все сосредоточено на странице одного продукта WooCommerce. Эти виджеты предлагают непревзойденную гибкость и возможности настройки.

Чтобы использовать эти виджеты, убедитесь, что на вашем сайте установлен еще один плагин Templately . Демонстрация продуктов WooCommerce потрясающим и полностью настраиваемым способом никогда не была проще.

1. Изображения продуктов Woo: стильно продемонстрируйте свои продукты

Привлечение клиентов к вашим онлайн-продуктам во многом зависит от того, как вы отображаете изображение вашего продукта во всех деталях. С помощью изображений продуктов Woo от Essential Addons вы можете выделить свою страницу одного продукта WooCommerce и выйти за рамки базовых. Этот элемент специально разработан для создания потрясающих интерактивных галерей с эффектами масштабирования, анимацией при наведении и макетами, адаптированными к вашему бренду.

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

2. Цена продукта Woo: идеальное ценообразование

Цена является ключевым фактором при принятии решения о покупке для покупателей. Вот почему важно, чтобы то, как вы отображаете эти цены в своем магазине WooCommerce, могло иметь решающее значение. Essential Addons предоставляет вам виджет цен на продукты Woo , предназначенный для того, чтобы дать вам полный контроль над тем, как выглядят цены на ваши продукты, без каких-либо хлопот.

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

3. Woo «Добавить в корзину»: упростите процесс покупок

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

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

4. Рейтинг продуктов Woo: завоевывайте доверие с помощью обзоров

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

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

5. Хлебные крошки: навигация с легкостью

Новое дополнение Essential Addons, Breadcrumbs, может помочь вам улучшить навигацию в вашем магазине и удобство для пользователей. Этот мощный инструмент не только помогает пользователям легко отслеживать свой путь просмотра, но и повышает эффективность SEO вашего сайта. Создавая визуально привлекательные и функциональные навигационные цепочки, вы можете сделать навигацию более интуитивно понятной и доступной для ваших клиентов.

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

Как настроить страницу одного продукта WooCommerce с помощью этих виджетов?

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

Примечание. Прежде чем приступить к настройке элемента изображений продуктов Essential Addons Woo, убедитесь, что на вашем сайте установлен и активирован плагин WooCommerce , а также тема или плагин, доступные для полнофункционального редактирования. Здесь мы используем Templately для бесплатного доступа к FSE.

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

Как активировать изображения продуктов EA Woo?

Чтобы активировать изображения продуктов EA Woo, перейдите в «Основные дополнения» → «Элементы» и выберите вкладку «Элементы WooCommerce» на панели администратора. Затем включите, чтобы включить элемент «Изображения продуктов Woo». Элемент будет включен мгновенно, как только вы нажмете кнопку «Сохранить настройки».

Как добавить виджет изображений продуктов EA Woo на одну страницу продукта с помощью шаблона?

Чтобы настроить изображения продуктов Woo в Essential Addons для Elementor, вам потребуется иметь полную функциональность редактирования сайта на вашем сайте WordPress с помощью плагина или темы для редактирования одного шаблона страницы продукта. Мы используем Templately Theme Builder для FSE.

Перейдите в Templately → Theme Builder в меню панели управления WordPress, нажмите кнопку «Добавить новый шаблон», выберите «Elementor», затем выберите шаблон «Product Single» из раскрывающегося списка, добавьте имя шаблона и нажмите кнопку «Создать шаблон». . Одностраничный шаблон вашего продукта будет создан в конструкторе тем Templately.

Как настроить изображения продуктов EA Woo в Essential Addons?

На странице шаблона, чтобы показать свои продукты, нажмите значок «+», выполните поиск «Изображения продуктов Woo» в каталоге и перетащите виджет в раздел страницы. Теперь вы можете настраивать изображения отдельных товаров в настройках виджета на разных вкладках.

Содержание

На вкладке «Содержимое» вы увидите несколько параметров, таких как «Разрешение изображения», «Эффекты», кнопка переключения «Показать/Скрыть» для нумерации страниц, Навигация, Миниатюры и другие. Вы можете настроить эти параметры, чтобы настроить содержимое изображений продуктов Woo по своему усмотрению.

Стиль

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

Передовой

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

После настройки виджета «Изображения продуктов EA Woo» в шаблоне изображений отдельных продуктов пришло время активировать его и представить эту страницу в WordPress как страницу изображений отдельных продуктов по умолчанию.

Нажмите кнопку «Опубликовать» и нажмите кнопку «Добавить новое условие», чтобы настроить эту страницу как страницу шаблона одного продукта по умолчанию. Задайте условие в следующем порядке: затем в единственном числе, затем продукт и Все. После установки условия нажмите кнопку «Сохранить и закрыть».

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

Преобразуйте свой магазин WooCommerce с помощью необходимых дополнений

Элементы, которые добавляются в Essential Addons, меняют правила игры при настройке вашей страницы одного продукта WooCommerce. Хотите ли вы создавать потрясающие галереи товаров, профессионально демонстрировать цены, оптимизировать процесс покупок, завоевывать доверие с помощью рейтингов или улучшать навигацию с помощью хлебных крошек, эти виджеты предоставляют идеальное решение — и все это бесплатно.

Это ваша страница одного продукта WooCommerce, более настраиваемая и приносящая разговоры и продажи. Чтобы быть в курсе предстоящих обновлений и выпусков, не забудьте подписаться на наш блог и присоединиться к нашему дружному сообществу в Facebook .