Конструктор

Шаг 3 - Подвал

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

Кнопки - это интерактивные значки с подписями или без, при нажатии на которые пользователь переходит на определенную вкладку приложения, в Корзину, Личный кабинет, открывает приложения для звонка вам, WhatsApp, Telegram, страницу соц. сетей и т.д.

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

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

Настройки подвала

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

Цвет подвала - меняет цвет фона подвала.

Цвет кнопок и текста в подвале - меняет цвет и значков и подписей. Учитывайте, что не любой цвет будет читабелен на выбранном фоне. 

Кнопки

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

Чтобы добавить кнопку нажмите значок + в списке кнопок.

Чтобы удалить кнопку, нажмите красный значок с мусорной корзиной.

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

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

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

Далее рассмотрим все типы кнопок и их настройку.

Произвольная кнопка

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

Картинка

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

Допускаются форматы изображений .jpg, .gif, .png, .bmp.

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

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

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

Переход при нажатии

Эта настройка отражает поведение кнопки при нажатии на нее.

  • На страницу приложения - производится навигация внутри приложения. Выберите нужную вкладку из списка Страница.
  • По ссылке - открывается внешний браузер или приложение по ссылке, которую вы указываете в поле Адрес ссылки.  Если вы делаете переход на сайт, ссылка обязательно должна иметь протокол https:// или http:// в начале, иначе переход может не сработать. Также допускаются специальные ссылки на e-mail (она должна быть вида: mailto:example@mail.ru), в приложение для звонка (она должна быть вида: tel:79000000000), WhatsApp, Telegram и любые другие.

Кнопка Корзина

При нажатии на кнопку происходит переход на страницу Корзины. Также рядом с кнопкой появляется количество добавленных в корзину товаров.

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

Кнопка Личный кабинет

При нажатии на кнопку происходит переход на страницу Личный кабинет

Как настраивать Личный кабинет в своем приложении, читайте в разделе документации Раздел Клиенты.

Кнопка Телефон

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

Кнопка Вконтакте

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

Ссылка может быть любой (предполагается, что будет ссылка на страницу или в группу в VK), но обязательно должна иметь протокол https:// или http:// в начале, иначе кнопка работать не будет.

Кнопка WhatsApp

При нажатии происходит переход в приложение WhatsApp, если оно установлено. При этом откроется чат с аккаунтом по указанному вами номеру телефона в поле Телефон.

Обратите внимание! Лучше всего указывать телефон в формате +79000000000. В противном случае, нельзя гарантировать, что будет сразу открываться чат с аккаунтом.

Кнопка Viber

При нажатии происходит переход в приложение Viber, если оно установлено. При этом откроется чат с аккаунтом по указанному вами номеру телефона в поле Телефон.

Обратите внимание! Лучше всего указывать телефон в формате +79000000000. В противном случае, нельзя гарантировать, что будет сразу открываться чат с аккаунтом.

Кнопка Telegram

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

Ссылка может быть любой (предполагается, что будет ваш профиль или канал в Telegram), но обязательно должна иметь протокол https:// или http:// в начале, иначе кнопка работать не будет.

Кнопка Facebook

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

Ссылка может быть любой (предполагается, что будет ссылка на страницу или в группу в Facebook), но обязательно должна иметь протокол https:// или http:// в начале, иначе кнопка работать не будет.

Кнопка Одноклассники

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

Ссылка может быть любой (предполагается, что будет ссылка на страницу или в группу в Одноклассниках), но обязательно должна иметь протокол https:// или http:// в начале, иначе кнопка работать не будет.

Кнопка Instagram

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

Ссылка может быть любой (предполагается, что будет ссылка на страницу в Instagram), но обязательно должна иметь протокол https:// или http:// в начале, иначе кнопка работать не будет.

Кнопка YouTube

При нажатии происходит переход по ссылке, указанной вами в поле Ссылка на канал или видео, во внешний браузер или в приложение YouTube, если оно установлено и браузер создаст такую логику перехода. 

Ссылка может быть любой (предполагается, что будет ссылка на канал или видео в YouTube), но обязательно должна иметь протокол https:// или http:// в начале, иначе кнопка работать не будет.

Кнопка Сайт

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

Ссылка обязательно должна иметь протокол https:// или http:// в начале, иначе кнопка работать не будет.