Знаете ли вы, что 37% пользователей мобильных телефонов предпочитают делать покупки в мобильных онлайн магазинах, а не в традиционных магазинах? Рост таких продаж увеличивается каждый год и сейчас самое время для всех компаний лучше присмотреться к возможности осуществления продаж через мобильные приложения. Для этих целей лучше всего подойдет онлайн магазин одежды. А вы знаете Как настроить онлайн магазин?
К счастью, у платформы iBuildApp есть виджет с гибкими настройками, под названием онлайн магазин. В нем вы можете добавлять товары, импортировать каталоги и добавлять формы оплаты, чтобы начать продавать на условиях которые удобны именно вам. Идея проста: разделите товары на категории для облегчения процесса выбора и покупки, добавьте картинки и описание продуктов для каждой категории.
Отличительной чертой данного виджета является возможность добавить оплату кредитной картой или через Paypal. Более подробно об этом будет сказано ниже.
Это решение подойдет для всех кому нужно сделать мобильный магазин, каталог, форму оплаты или все вместе.
Алгоритм настройки виджета:
Добавляем онлайн магазин одежды с платежной системой и импортируем CSV файл.
Перейдите на страницу с виджетом Catalog и нажмите кнопку «Добавить». Если вы еще не вошли в свой аккаунт, выберете приложение, в которое хотите добавить виджет. в разделе «редактировать содержимое» выберите нужную кнопку и установите онлайн магазин.
Найти этот виджет вы можете в разделе «Коммерция».
Добавление товаров в онлайн магазин
Способ 1: импорт товаров из Magenta
Если у вас уже есть интернет магазин на платформе Magenta, то у вас есть возможность импортировать все товары оттуда. Для этого нажмите кнопку «импорт каталога».
Выберите «интеграция с Magento» во всплывающем окне.
Заполните форму: укажите Magento Host, API User, API Key. После настройки все товары из магазина добавятся в ваше приложение. Более подробно о настройке импорта из Magento можно прочитать здесь.
Способ 2: импорт товаров из файла CSV
Если у вас есть CSV таблица с вашими товарами, то нажмите «импорт», чтобы добавить её. Выберите импорт CSV.
Загрузка будет осуществляться с вашего компьютера, так что убедитесь, что вы знаете, куда сохранили CSV файл. Так как это ваша индивидуальная таблица, сотрудники iBuildApp не смогут помочь в её создании. Мы рекомендуем нам пользователям вверху таблицы разместить названия столбцов, а ниже заполнить данные, потом импортируйте файл.
Какие поля необходимо заполнить в мобильном приложении?
- – Имя
- – Описание
- – Цена
- – Изображение (изображение должно быть размещено на каком-либо ресурсе в интернете, а в CSV файле должна быть указана ссылка на него)
Выберите файл CSV, сохраненный на вашем компьютере. Этот файл вы можете создать сами в Excel и сохранить как CSV (с разделителями – запятыми).
Как только CSV файл загружен на iBuildApp, выберите тип разделения полей в таблице. Посмотрите в превью, корректно ли выглядит ваша таблица. После этого нажмите кнопку «Импорт».
Далее нужно поставить в соответствие поля виджета Каталог с полями исходной таблицы. В виджете есть поля: имя, описание, цена, изображение. У вас не возникнет трудностей, если поля исходной таблицы такие же как в Каталоге, но если у вас такая же ситуация, как в нашем примере, то стоит уделить этому процессу особое внимание, чтобы заполнить каталог корректно. В конце нажмите «импорт».
После этого ваш список полностью импортирован в мобильное приложение. Вы сможете увидеть изображение, название, цену и описание товаров в эмуляторе.
Слева от превью находится редактор каталога, в котором вы можете изменять категории и продукты. Также вы можете перетаскивать мышью товары между категориями.
Я импортировал CSV файл только с двумя наименованиями, но основная идея использования такого метода состоит в импорте больших каталогов. Таким образом в вашем каталоге появится большое количество товаров, которые ваши пользователи смогут купить после того, как вы настроите способ оплаты.
Способ 3: Ввод товаров вручную
Предположим, что у вас нет CSV файла или онлайн магазина на платформе Magento и вы хотите ввести ваши товары вручную. В таком случае в поле редактирования контента нажмите «Добавить товар».
Укажите название товара, цену и описание. Загрузите фото товара, если оно у вас имеется. Нажмите «Сохранить», чтобы товар добавился в каталог. Повторите эти действия для других ваших товаров и разбейте их по категориям.
Настройки покупок в вашем онлайн магазине одежды
Опции корзины предоставляют несколько возможностей по получению платежей от ваших покупателей, для настройки нажмите «Настройки покупок».
Вариант 1: Безналичный расчет
Данная опция позволит вашим пользователям добавить один или несколько товаров в корзину и оплатить их.
При выборе этого варианта у вас откроется окно с настройкой PayPal.
Онлайн магазин одежды: Вариант 2: Оформление заказа без приема платежей
Другим вариантом настройки является возможность оплаты одного товара без добавления его в корзину. Таким образом покупатели смогу разом оплатить только один товар.
Вам необходимо учесть, что для предоставления возможности оплатить товар должно быть настроено взаимодействие с платежной системой PayPal.
Вариант 3: Заказы с оплатой при получении
Третий вариант подойдет вам, если вам нужна корзина без инструмента оплаты. В таком случае вы получите уведомление о заказе по почте, указанной в виджете. Такие настройки обычно используют службы доставляющие заказы на дом или по почте с наложенным платежом. Для этого выберите «Оформление заказа без приёма платежей».
Выберите поля, которые необходимо будет заполнить вашему покупателю.
Выберите «Текст-уведомление», чтобы отредактировать уведомление, которое получит пользователь.
Нажмите «Уведомление по Email». На появившейся странице вы можете отредактировать текст подтверждения, который отправляется на почту клиенту после размещения заказа. Как настроить Каталог.
Управление оплатой
Вариант 1: Настройка PayPal
Чтобы настроить платежи через PayPal необходимо нажать «настройки платежей».
В появившемся окне нужно указать тип вашего аккаунта PayPal (бизнес или премьер) и ввести Client ID и ваш адрес электронной почты, на который вам придет уведомление об оплате.
Помните, что PayPal имеет различные настройки, которые необходимо сделать перед использованием аккаунта в вашем мобильном приложении. Например, если вам нужно учесть расходы на доставку, то перейдите в Платежи за доставку и Калькулятор доставки, чтобы активировать эти настройки.
Вариант 2: Поддержка банковских карт
Если вы хотите принимать платежи с банковских карт, то изучите настройки аккаунта PayPal, чтобы настроить эти транзакции. Все настройки осуществляются на сайте PayPal на сайте iBuildApp вам нужно лишь указать ваш аккаунт PayPal для приема платеже по банковским картам.
В завершении
После того как вы заполните каталог, настроите корзину и способы оплаты, ваши пользователи смогут просмотреть каталог, выбрать товар и добавить его в корзину. Далее в зависимости от настроек оплатят товар через PayPal или банковской картой.
Как настроить Каталог? Это всё что вам необходимо знать для использования виджета Catalog в вашем мобильном приложении. Если у вас возникают трудности в работе с этим виджетом, то напишите об этом в комментариях.