Как добавить пользовательский конструктор продуктов в WooCommerce

Вы хотите добавить пользовательский конструктор продуктов в WooCommerce? Пользовательский конструктор продуктов в WooCommerce позволяет клиентам...

Вы хотите добавить пользовательский конструктор продуктов в WooCommerce?

Пользовательский конструктор продуктов в WooCommerce позволяет клиентам создавать продукты и настраивать их в соответствии со своими требованиями. Этот интерактивный способ настройки заказов товаров может повысить конверсию продаж.

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

Зачем добавлять пользовательский конструктор продуктов в WooCommerce?

Добавление пользовательского конструктора продуктов в WooCommerce позволяет вашим клиентам настраивать продукты перед оформлением заказа.

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

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

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

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

Добавление пользовательского конструктора товаров в магазин WooCommmerce

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

Сначала вам нужно зарегистрировать учетную запись Zakeke.

Сайт Zakeke

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

Мастер Zakeke

Zakeke работает с большинством популярных платформ электронной коммерции, включая WooCommerce.

Чтобы подключить свой магазин к Zakeke, вернитесь в админку вашего сайта WordPress.

Далее вам нужно установить и активировать бесплатный плагин Zakeke. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.

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

Подключение аккаунта Zakeke

Затем вам будет предложено разрешить Zakeke доступ для выполнения действий в вашем магазине WooCommerce. Нажмите на кнопку «Утвердить», чтобы двигаться дальше.

Утвердить подключение

Это вернет вас на сайт Zakeke, чтобы начать бесплатную пробную версию или выбрать тарифный план. Нажмите на следующую кнопку, чтобы продолжить.

Активируйте бесплатную пробную версию

На следующей странице вы увидите варианты ценообразования для различных тарифных планов. Каждый план поставляется с бесплатной 14-дневной пробной версией и не требует кредитной карты.

Кроме плана Starter, все остальные планы взимают дополнительную плату в размере 1.9% комиссия за транзакцию с проданных продуктов.

Выберите тарифный план

Нажмите, чтобы выбрать тарифный план, и вы готовы к работе.

Добавление вашего первого настраиваемого продукта

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

Запустите конфигуратор продуктов

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

В рамках данного руководства мы добавим товары из нашего собственного демо-магазина.

Выбор типа продукта

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

Выберите продукт

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

Добавьте изображение продукта или вариации

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

Настройка области печати

Далее необходимо выбрать форму для области печати и нарисовать ее на изображении продукта.

Выберите форму области

Как только вы будете удовлетворены своим выбором, нажмите на кнопку Сохранить, чтобы продолжить.

Затем нужно нажать на кнопку Proceed to preview, чтобы завершить изменения.

Завершите изменения

Теперь вы увидите детали вашего продукта. Не забудьте сохранить изменения как черновик или опубликовать их в вашем магазине.

Опубликовать свой продукт

Настройка способов печати

Следующим шагом будет настройка методов печати. Здесь вы можете выбрать формат файлов дизайна для печати.

На приборной панели учетной записи Zakeke перейдите к разделу «Методы печати» в левой колонке, а затем нажмите на кнопку «Добавить метод печати».

Добавление метода печати

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

Внизу вы можете выбрать существующие продукты, к которым будет применяться этот метод.

Не забудьте нажать на кнопку «Сохранить метод печати», чтобы сохранить изменения.

Использование конструктора пользовательских продуктов в WooCommerce

Zakeke позаботится о добавлении опции персонализации продукта ко всем продуктам, которые вы добавили с помощью конфигуратора продуктов.

Вы можете просто посетить продукт в вашем магазине, и вы увидите опцию «Настроить продукт».

Настройте кнопку продукта

Откроется интерфейс дизайнера товаров с предварительным просмотром инструментов для создания изображения товара справа. Пользователи могут добавлять текст или загружать изображения со своих устройств.

Предварительный просмотр конструктора товаров

Пользователи могут подогнать изображение или текст под область печати, просто перетащив углы. Они могут выбирать различные шрифты, цвета и стили.

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

Мобильный предварительный просмотр конструктора настраиваемых продуктов для WooCommerce

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

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

Проверка страницы товара

Обработка заказа пользовательского продукта в WooCommerce

В Zakeke очень просто получить файлы персонализации для каждого заказа.

Просто перейдите на страницу WooCommerce » Заказы страницу и нажмите на заказ для вашего настраиваемого продукта.

Просмотр заказов в WooCommerce

На странице деталей заказа вы увидите предварительный просмотр пользовательского дизайна, созданного клиентом, со ссылкой для загрузки файлов настройки.

Скачать файлы для печати дизайна клиента

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

Бонусный совет: Продажа большего количества настраиваемых продуктов в WooCommerce

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

Здесь на помощь приходит OptinMonster.

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

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

Благодаря мощным правилам отображения вы можете нацеливаться на клиентов и показывать им персонализированные кампании.

Геотаргетированные всплывающие окна в WooCommerce

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

Предварительный просмотр всплывающего окна OptinMonster

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий