В июне 2017 года состоялся релиз первого поколения сервиса ReadyScript Mobile, который предоставил возможность небольшим организациям соревноваться в качестве предоставляемого сервиса с крупными брендами. Речь идет о полноценном мобильном приложении для торгового бизнеса, которое работет напрямую с API сайта на платформе ReadyScript.
За это время мы увидели большую заинтересованность рынка в этом продукте, сделали множество пилотных проектов, собрали потребности в один список, пересмотрели в чем-то наши подходы и сегодня рады представить второе поколение нашего сервиса ReadyScript Mobile, который позволяет в короткие сроки создать мобильное приложение для торгового бизнеса.
Когда мы запускали наш сервис в 2017 году, нас не покидала мысль о том, что сервис опережает свое время. Специалистов, работающих с этой очень удобной и тогда еще новой технологией Ionic на российском рынке почти не было, а клиенты еще не совсем понимали зачем вообще мобильное приложение, когда есть почти дармовая мобильная версия.
Сейчас все по-другому. Технология Ionic показала свою зрелость и основательность, постоянно публикуя превосходные бенчмарки по производительности в сравнении с другими технологиями разработки приложений.
Да и клиентов уже не нужно убеждать, все понимают значимость приложений для торгового бизнеса, так как уже давно все совершают свои покупки через мобильные приложения, это уже абсолютно естественно.
Новое поколение мобильных приложений для интернет-магазина ReadyScript Mobile – это прежде всего производительность, второе – это соответствие всем сегодняшним требованиям Apple и Google для прохождения модерации, третье – это невероятное число реализованных кейсов применения приложения для различных сфер торговли, а также гибкость в кастомизации приложения.
Статья получилась достаточно объемная, поэтому снабжаем ее оглавлением:
- Итак, что предлагает сервис?
- Какие возможности содержит приложение?
- Какие есть возможности по индивидуализации внешнего вида?
- Как можно попробовать?
- Сколько это стоит?
- Как оплачивать AppStore и GooglePlay из России?
- Какой порядок создания приложения?
- Что будет со старыми приложениями и как обновиться?
- Другие вопросы
- Заключение
Итак, что предлагает сервис?
Все пользователи платформы ReadyScript, которые используют редакции Маркет, Гипермаркет, Мегамаркет как в облаке, так и на своем хостинге, могут создать мобильное приложение, которое будет опубликовано нами в аккаунтах пользователя в AppStore и GooglePlay.
Да, мы отказались от поддержки Витрины внутри мобильного приложения, так как спрос на это решение отсутствует.
Какие возможности содержит приложение?
Новое приложение отлично подходит для продажи и организации доставки различных товаров, включая весовые. Мы ожидаем значительное увеличение спроса именно в этом сегменте. Один пилотный проект для сети магазинов продуктов питания мы уже реализовали и вероятно скоро напишем об этом подробнее.
On-boaring
On-boarding – это набор слайдов, которые отображаются при первом запуске мобильного приложения. На этих слайдах можно лаконично рассказать о ваших принципах работы и преимуществах.
Слайдами on-boarding’а можно управлять через специальный раздел в настройках модуля Мобильное приложение(клиентское).
В случае, если вы решили обновить слайды и желаете их заново показать пользователю при следующем запуске, достаточно просто обновить ID OnBoarding, нажав на кнопку «Сгенерировать ID» в настройках модуля Мобильное приложение(клиентское).
Гибкая настройка главной страницы
Главная страница приложения позволяет разместить:
- Баннер
- Штрихкод бонусной карты для offline магазина
- Плашки, ссылающиеся на спец.категории (Акции, Новинки, и т.д.)
- Категории товаров
- Ссылки на информационные материалы
- Выборку товаров из заданных категорий
- Бренды
Основные настройки главной страницы производятся в разделе Веб-сайт -> Настройка модулей -> Мобильное приложение. Общие настройки, которые используются в обоих поколениях приложения размещены на вкладке «Основные», те настройки, которые относятся ко второму поколению приложения размещены на вкладке «Версия 2».
Категории на главной
Категории на главной странице теперь можно очень гибко настраивать. Можно либо загрузить для конкретной категории иконку и указать цвета, используемые на плашке - в этом случае картинка будет сформирована автоматически, либо можно просто загрузить картинку плашки целиком размером 1244x512px. Эти же изображения также используются на странице со списком категорий второго уровня.
Возможность вывода штрихкода бонусной карты
Одним из сценариев использования мобильного приложения – является идентификация клиента для начисления скидок в offline магазине. Для этой цели отлично подходит хранение штрихкода бонусной карты на главном экране приложения. Эта опция включается в настройках модуля «Мобильное приложение для клиента».
Генерацией штрихкодов для бонусных карт занимаются специальные модули-провайдеры. Мы реализовали на своей стороне два провайдера бонусных карт, а при необходимости список провайдеров можно дорабатывать индивидуально. Итак, сейчас у нас есть:
- Провайдер «Бонусные карты RS»
- Провайдер «Сторонние бонусные карты»
Выбор провайдера осуществляется в разделе Веб-сайт -> Настройка модулей -> Магазин.
Провайдер «Бонусные карты RS» позволяет генерировать последовательно штрихкоды в формате EAN-13 для ваших пользователей, начальный и финальный номер штрихкода можно задавать в настройках. Последняя контрольная цифра у каждого сгенерированного штрихкода будет высчитываться автоматически, согласно спецификации EAN-13
Технически данный провайдер можно использовать, если сторонняя система будет использоваться напрямую вашу базу для получения штрихкодов бонусных карт. Или вы заранее предусмотрите скидки для заданного диапазона штрихкодов в вашей Offline торговой системе.
Второй провайдер – это «Сторонние бонусные карты». Этот провайдер предполагает то, что он отправляет сведения о пользователе в формате JSON в некую стороннюю систему (на указанный в настройках URL), а в ответ ему возвращается JSON со сведениями о штрихкоде EAN-13.
Этот провайдер удобно использовать для быстрой реализации выдачи бонусных карт внутри 1С, безусловно с помощью доработок со стороны 1С.
Мы подготовили подробное техническое описание для специалистов по работе и форматам данных модуля «Сторонние бонусные карты» в нашей документации для разработчиков.
Удобный поиск
В приложении работает «живой поиск» по товарам, категориям, брендам, а каждый поисковый запрос удобно сохраняется в истории.
Все виды авторизации
Новое приложение поддерживает все типы авторизаций, которые предусмотрены в ReadyScript:
- Классическая авторизация по Email’у и паролю
- Авторизация через Номер телефона + код подтверждения
- Двухфакторная авторизация, сперва по Email и паролю + код подтверждения
Для способов, которые связаны с SMS, будет необходимо подключаться к SMS-провайдеру и оплачивать пакет SMS-услуг.
Также мы добавили поддержку произвольных полей в форме регистрации, устанавливаемых в настройках модуля «Пользователи и группы».
Просмотр каталога
Просмотр каталога имеет классическую функциональность, блочное представление товаров со стикерами, фильтр, сортировка.
В каталоге у товаров без комплектаций сразу видно количество, находящееся в корзине. При добавлении товаров с комплектациями всплывает удобное окно с выбором комплектации.
Карточка товара
Карточка товара не перегружена, имеет слайдер с фотографиями, блок выбора комплектаций, блок наличия в магазинах, описание товара, характеристики, отзывы.
Оформление заказа
Оформление заказа в мобильном приложении возможно только после авторизации, которая очень незаметно встраивается и становится как бы первым шагом оформления.
Теперь вы можете использовать те же доставки и оплаты в вашем мобильном приложении, что и на сайте. Выбор ПВЗ теперь также как и на сайте реализован с помощью Яндекс.Карт.
Исключения могут составлять сервисы, которые имеют явный запрет на функционирование внутри компонента inAppBrowser (встраиваемый браузер), который запускается в приложении в момент отплаты.
Поддержка рекуррентных оплат
Важными составляющими торговли на развес – является удобный ввод количества товара внутри приложения и возможность отложенного списания денежных средств с карты клиента. Над обоими этими требованиями, мы усердно поработали. Для ввода количества предусмотрен отдельный всплывающий блок. Для отложенной оплаты можно использовать рекуррентные платежи через ЮКассу.
Push-уведомления
В новом приложении мы поддержали все предыдущие варианты навигации через Push-уведомления. То есть отправив сообщение, клиент может, кликнув на него, перейти:
- В карточку товара
- Каталог
- На информационную страницу с текстом
- Никуда
Push-рассылки по прежнему можно выполнять через раздел Управление -> Push-токены. Есть возможность отобрать получателей по пользователю, модели телефона.
Личный кабинет
В личный кабинет в приложении можно перейти, кликнув на иконку «Профиль» в нижнем таб-баре. Содержимое личного кабинете наглядно представлено на фото ниже.
Стоит отметить, что в данном разделе можно вывести произвольные информационно-текстовые разделы, с помощью настроек модуля Мобильное приложение для клиента.
Если у категории статей в разделе Веб-сайт -> Контент будет установлен флажок «Показывать в мобильном приложении», то такой раздел также появится в личном кабинете. Это удобно использовать для вывода новостей или иных статей, которые постоянно публикуются.
Одним из важных пунктов личного кабинета является кнопка запроса на удаление аккаунта. Это сейчас обязательное требование AppStore. Каждую заявку на удаление аккаунта вам необходимо обрабатывать. Все заявки будут размещаться в административной панели в разделе Управление -> Пользователи -> Запросы на удаление профиля. О каждой такой заявке, администратору магазина будет направлено уведомление.
Адаптация под планшет
Для планшетов, мы запрограммировали особую логику отображения данных. Посмотрите, как это работает на видео
Какие есть возможности по индивидуализации внешнего вида?
Один из этапов заполнения формы на создание приложения – внешнее оформление. На этом шаге, вы можете задать основные цвета с помощью нашего конструктора, а также загрузить ваш фирменный Splash-screen.
Не стоит забывать, что ведущую роль в индивидуальности вашего магазина выполняет ваш контент: on-boarding, баннеры, оформление фото товаров, содержание текстовых разделов.
Как можно попробовать?
Вы можете абсолютно бесплатно увидеть, как будет выглядеть и работать ваше мобильное приложение с вашими товарами, баннерами, оплатами, доставками, и т.д.
Мы разработали для этого специальное мобильное приложение RS Mobile, которое вы можете скачать в AppStore и GooglePlay.
Достаточно указать ваше доменное имя и API-ключ, который вы можете найти в административной панели вашего интернет-магазина в разделе Веб-сайт -> Настройка модулей -> Внешнее API. Версия вашего интернет-магазина должна быть самая свежая.
После этого, вы можете играть с настройками в разделе Веб-сайт -> Настройка модулей -> Мобильное приложение для клиентов -> Вкладка Версия 2. После каждого перезапуска приложения, все настройки будут применяться. Так, вы сможете увидеть ваше будущее мобильное приложение в полной функциональности.
Единственное, чем будет отличаться Ваше собственное мобильное приложение после публикации – это стартовой картинкой с вашим брендом, вашими персональными цветами, которые вы сможете настроить в процессе формирования заявки на приложение.
Сколько это стоит?
Мобильное приложение предоставляется по подписке, как сервис. Это означает, что стоимость будет складываться из единовременной суммы за сборку и периодических платежей за продление подписки. Без продления подписки приложение работать не будет.
Владение приложением по подписке выходит на порядки дешевле, чем заказная разработка под-ключ. Также в случае использования нашего сервиса очень важно то, что у вас имеется заранее предсказуемое высокое качество приложения, которое вы заранее можете увидеть и протестировать.
Теперь в формуле расчета стоимости подписки появилось такое понятие как Тариф. Тариф определяется автоматически и зависит от максимального количества оформленных через приложение заказов в месяц.
Специально для расчета точной стоимости владения приложением, мы разработали калькулятор, который можно найти здесь.
Например, для небольшого интернет-магазина средняя стоимость владения приложением в ноябре 2022, при условии, что владелец самостоятельно зарегистрируется в AppStore и GooglePlay будет составлять:
Единоразово:
23 600 руб. – сборка приложения + разработка иконки и Splash-экрана.
25$ - оплата за аккаунт разработчика в Google Play
Ежегодно:
99$ - оплата за подписку Apple Developer
49 920 руб. – оплата за подписку ReadyScript Mobile по тарифу “Начальный” за год.
Итого (если курс доллара ~63 руб.):
Первый год владения приложением будет составлять: 81 332 руб. (это 6 777 руб/месяц)
Со второго года: 56 157 руб. (это 4 679 руб/месяц)
Как оплачивать AppStore и GooglePlay из России?
Оплатить участие в программе Apple Developer и Google Developer (необходимо, чтобы с аккаунта пользователя осуществить публикацию приложения) сейчас возможно только с карт, эмитированных вне РФ.
Apple позволяет произвести оплачу через предоплаченные карты Visa, эмитированные в США. Такие карты можно приобрести в интернете. Курс, конечно, по ним завышен, но зато пока это работает, мы проверили и уже успешно оплатили несколько аккаунтов.
Google можно оплатить только реальной(не виртуальной) пластиковой картой, эмитированной вне РФ. К сожалению, придется искать знакомых, родственников или какие-то сервисы или чаты, в которых кто-то сможет произвести оплату вашего аккаунта.
ВАЖНО: при оплате иностранными картами, и в Apple и Google обязательно нужно указывать ваш фактически адрес (российский, если вы из России) в качестве платежного адреса. Ни в коем случае не нужно указывать адрес владельца карты. Иначе вы не сможете подтвердить российским паспортом ваш аккаунт и публикация вам разрешена не будет.
Какой порядок создания приложения?
Для создания мобильного приложения перейдите в личный кабинет на сайте ReadyScript.ru в раздел Мои мобильные приложения. У вас должна быть уже приобретена лицензия на платформу ReadyScript или должен присутствовать аккаунт в облаке.
Нажмите на кнопку Добавить мобильное приложение. Выберите сайт из списка, изучите условия предоставления сервиса и нажмите на кнопку «Создать».
Далее откроется мастер создания заявки на сборку приложения, заполняйте необходимые формы, следуя инструкциям на экране.
На финальном шаге будет сформирована корзина с выбранными услугами, после ее оплаты автоматически формируется заявка в нашем сервисе поддержки. В рамках данной заявки, наш специалист будет задавать все вопросы, а также информировать о ходе сборки приложения.
Что будет со старыми приложениями и как обновиться?
К сожалению, поддержку мобильного приложения первого поколения, мы прекращаем. То есть старые приложения будут продолжать работать по оплаченным ранее подпискам, однако Apple и Google могут отклонить его публикацию в любой момент и пересобрать его и пройти модерацию мы уже не сможем.
Но есть хорошая новость! Мы бесплатно предлагаем перейти на приложение второго поколения всем нашим пользователям, у которых в настоящий момент активна подписка на мобильное приложение.
Для этого достаточно перейти в ваш личный кабинет и нажать на кнопку «Создать заявку на сборку нового приложения».
В этом случае нашему специалисту автоматически поступает задача на сборку. Когда наш специалист приступит к сборке, соответствующий статус заявки сразу отобразится в личном кабинете. Если в процессе сборки приложения у нас возникнут вопросы или рекомендации по контенту в новом приложении, мы будем связываться через службу поддержки или напрямую по телефону.
Если вы давно пользовались нашим сервисом и в настоящее время у вас нет активной подписки на мобильное приложение, то чтобы воспользоваться им опять, будет необходимо пройти весь путь с самого начала, т.е. оплатить услугу публикации в том числе, так как будет необходимо собирать уже абсолютно новое приложение.
Другие вопросы
Можно ли дорабатывать мобильное приложение?
По части доработок все осталось без изменений. Вся логика зашита в приложении, но Angular-шаблоны размещаются на сайте, при запуске приложения эти шаблоны загружаются с вашего сайта в мобильное устройство. Мелкие правки, вроде добавления надписей, стилизации каких-то элементов можно производить прямо в шаблонах (только опытным специалистам).
По вопросам более сложных кастомизаций приложений необходимо обращаться к нам в платную поддержку. Но сразу скажем, что кастомизация мобильного приложения примерно на порядок дороже кастомизации сайта, из-за более длительной технологической цепочки от разработки до тестирования и внедрения.
Сохранится ли возможность расширения функциональности с помощью модулей из маркетплейса?
На текущий момент мы не реализовали в новом приложении такую возможность, но в перспективе - возможно она появится. В частности, это очень нужно для реализации бонусной программы внутри мобильного приложения.
Заключение
Большинство покупок уже сейчас совершаются через мобильные устройства. Мобильное приложение – это способ сделать покупку для клиента еще более комфортной, а бесплатные push-уведомления – это прекрасный инструмент информирования вашей лояльной аудитории.
Благодаря новому мобильному приложению сервиса ReadyScript Mobile, появилась возможность в короткие сроки запустить доставку продуктов в вашем городе или организовать удобную торговлю любыми товарами.
При этом не нужно ввязываться в долгую и дорогостоящую историю с разработкой, контролем качества, и т.д. Все заранее известно, вы можете посмотреть на то, каким будет ваше приложение, просто скачав бесплатное демо-приложение RS Mobile.
Если вы давно искали, чем порадовать ваших клиентов, то мобильное приложение – это отличный новогодний подарок как для вашего бизнеса, так и для ваших клиентов.
Будем рады видеть вас в числе клиентов нашего нового сервиса!
Перейти на страницу мобильного приложения и скорее его попробовать ?