Как создать корзину WooCommerce в Elementor [без программирования]

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

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

Зачем вам создавать пользовательскую страницу корзины WooCommerce?

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

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

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

Создайте профессиональную корзину WooCommerce с Essential Addons 5.0

2021 год был удивительным годом для нашей команды Essential Addons для Elementor. Мы достигли самых больших вех и выросли быстрее, чем мы когда-либо мечтали. И все это благодаря вам. Итак, чтобы завершить год на такой же высокой ноте и предоставить вам лучший опыт создания веб-сайтов, мы представляем вам наше последнее обновление Essential Addons 5.0.

Последняя версия содержит множество улучшений, новых элементов и расширений, которые помогут вам с легкостью раскрыть свои навыки веб-дизайна в Element. И мы рады сообщить вам, что это обновление также включает эксклюзивный виджет — EA Woo Cart .

Этот невероятный новый элемент позволяет вам легко создать дизайнерскую страницу корзины WooCommerce в вашем магазине с помощью Elementor, всего за несколько кликов и БЕЗ КОДА . Итак, независимо от того, являетесь ли вы новичком в индустрии электронной коммерции или опытным владельцем магазина, вы можете легко использовать этот виджет Essential Addons, чтобы превратить потенциальных покупателей витрин в платных клиентов.

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

Настройте плавную тележку EA Woo в Elementor без программирования

Излишне говорить, что вы должны убедиться, что вы уже установили и настроили плагин WooCommerce , чтобы довести свой магазин до совершенства. Но в данном случае это важно, потому что для того, чтобы этот расширенный виджет работал внутри редактора Elementor, вам нужно добавить некоторые товары в корзину из вашего магазина WooCommerce. Как только это будет сделано, мы все готовы без особых усилий использовать виджет EA Woo Cart в вашем магазине. Выполните следующие шаги, чтобы узнать, как:

Шаг 1: Установите желаемую страницу корзины WooCommerce

Прежде всего, перейдите на страницу WooCommerce → Настройки прямо с панели управления WordPress, а затем перейдите на вкладку «Дополнительно» . Отсюда вы можете назначить любую из желаемых страниц в качестве новой страницы корзины.

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

Шаг 2: отредактируйте корзину WooCommerce в Elementor

Следующий шаг — отредактировать страницу корзины WooCommerce с помощью редактора Elementor всего за несколько кликов. Но прежде чем вы сможете это сделать, вы должны включить элемент EA Woo Cart с помощью Essential Addons для Elementor.

Убедитесь, что вы установили последнюю версию Essential Addons 5.0 PRO , а затем перейдите на вкладку «Элементы» в пользовательском интерфейсе Essential Addons for Elementor. Здесь вы найдете более 80 доступных элементов, но все, что вам нужно сделать, это переключить опцию « EA Woo Cart » и нажать « Сохранить настройки », чтобы начать.

Шаг 3: отредактируйте корзину WooCommerce в Elementor

Теперь все готово для создания потрясающей страницы корзины в Elementor. Итак, просто перейдите на страницу корзины WooCommerce и нажмите « редактировать с помощью Elementor ».

В редакторе Elementor найдите элемент « EA Woo Cart » в разделе «Поиск» на вкладке «Элементы» . Затем просто перетащите элемент «EA Woo Cart» в любой нужный раздел в редакторе Elementor, как показано ниже. Это действительно так просто.

Легко настраивайте каждый аспект корзины EA Woo

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

Шаг 1. Настройте общие параметры корзины EA Woo.

На боковой панели редактора Elementor вы найдете несколько параметров, таких как «Общие настройки» , «Конструктор таблиц» или «Компоненты корзины» на вкладке «Настройки содержимого».

В «Общих настройках» вы найдете 2 разных стиля макетов для вашей корзины EA Woo, которые можно выбрать и настроить по своему вкусу, как показано ниже.

Шаг 2: Измените метки в конструкторе таблиц

Затем в « Создателе таблиц » вы можете изменить метки таблиц и перетащить разделы, чтобы изменить порядок ценовой таблицы EA Woo Cart. Это дает вам полную гибкость для изменения каждой метки из всех столбцов, которые вы добавили на страницу корзины — «продукт», «цена», «количество» и т. д.

Шаг 3: Настройте функцию компонента корзины

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

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

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

Полностью настройте стиль корзины EA Woo в несколько кликов

И, наконец, после того, как вы настроили контент для своей страницы EA Woo Cart , пришло время настроить его в соответствии с эстетикой вашего веб-сайта WooCommerce или бренда. Для этого вы можете просто щелкнуть вкладку «Стиль» в редакторе Elementor, чтобы настроить различные области вашей страницы.

Шаг 1: стилизуйте общие настройки

В разделе «Общие» вы можете изменить цвет фона всего раздела EA Woo Cart. Вы сможете настроить цвет фона EA Woo Cart вручную или выбрать глобальные цвета.

Шаг 2. Подробности в разделе «Таблица»

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

Шаг 3: Измените другие аспекты дизайна

Но это не все. Таким же образом вы можете изменить внешний вид « Общая сумма корзины », « Форма купона» , « Продолжить покупки », «Кнопка» и «Уведомление» . Вы даже можете изменить тексты внутри.

Чтобы добавить больше функциональности и сделать вашу страницу EA Woo Cart более интерактивной и привлекательной, вы также можете изучить параметры «Дополнительно» .

Профессионально выглядящая дизайнерская страница корзины WooCommerce

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

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

Другие эксклюзивные виджеты для вашего магазина WooCommerce

И на этом мы хотим завершить наше окончательное руководство о том, как создать корзину WooCommerce в Elementor без программирования и с полной легкостью. Но прежде чем мы уйдем, мы хотим сообщить вам обо всех других виджетах WooCommerce, к которым вы получаете доступ из Essential Addons for Elementor.

Этот выдающийся плагин предоставляет вам виджет для улучшения каждого аспекта вашего магазина WooCommerce всего за несколько кликов. Есть еще 7 элементов , на которые вы можете обратить внимание:

Галерея продуктов Woo

Слайдер продукта Woo

Караусель продуктов Woo

Сетка продуктов Woo

Сравнение продуктов Woo

Коллекции продуктов Woo

Ву Оформить заказ

Ознакомьтесь с ними на сайте Essential Addons и с легкостью мгновенно повысьте продажи своего магазина WooCommerce.

Обновите Essential Addons 5.0 и увеличьте продажи WooCommerce

Так чего же ты ждешь? Не ждите! Обновите Essential Addons 5.0 прямо сейчас и присоединяйтесь к нам в создании уникального магазина WooCommerce с высокой конверсией. Или ознакомьтесь с любым из наших пакетов PRO , начиная с эксклюзивной цены всего в 39,97 долларов США , и резко увеличьте трафик, продажи и конверсии, используя все наши премиум-функции!

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