> For the complete documentation index, see [llms.txt](https://wiki.zenky.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.zenky.io/master.md).

# Порядок работы с клиентом

## Первым делом выставляем клиенту счет, иногда требуетя еще и договор. Работаем по стопроцентной предоплате.

{% file src="/files/NyyJFzwdUi4Cr0e0Zl72" %}
В договоре проверяем, чтобы не было лишних услуг
{% endfile %}

{% file src="/files/GR2WxMUWThNoCTnmpZLe" %}
В счете проверяем чтобы везде стояла првильная сумма оплаты
{% endfile %}

## I. После оплаты можно приступать к работе.

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

1. Логотип
2. Фирстиль
3. Адреса и режимы работы складов. (или ссылка, где можно взять эту информацию)
4. Емейл, телефон для добавления вас как Владельца магазина. Залогинившись по этому телефону - вы будете сразу попадать в админку вашего магазина
5. Емейл, телефон для уведомлений по смс. Вы можете зарегать свой аккаунт на SMSC.ru, а можете предоставить нам данные, что я описал выше и мы создадим для Вас субаккаунт в нашей учетной записи - вам останется только вовремя пополнять баланс. Второй вариант как правило дешевле, потому что за собственный аккаунт надо будет платить абонентскую плату.
6. Баннер для гугла с коротким слоганом или описанием компании (1024х500)
7. Логотипы 512х512 и 1024х1024 для приложения в формате .png. Для гугл и эпл стора
8. Придумать 2-3 акции и сделать баннеры для них. Можно слова добавить прямо на баннеры, а можно баннеры ввиде картинок, а слова наложить уже с помощью нашего конструктора. Размер баннеров для сайта - 1200х500, для приложения - 1200х740. Если пока не очень понятно о чем речь - могу скинуть примеры
9. Полное описание вашего приложения/компании (до 4000 символов), короткое описание (до 80 символов). Это описания для гугл и эппл сторов. которые будут видны пользователям
10. Логин и пароль от айко/фронтпад/1С, для того чтобы мы могли синхронизироваться с ними и подтянуть ваш каталог

## II. Теперь необходимо создать магазин (если  клиент его еще не создал сам) и наполнить его контентом.

1. Заходим в админку и кликаем кнопку "Создать магазиин"

   <figure><img src="/files/ECBHuxTAPCPInbOjdyAA" alt=""><figcaption></figcaption></figure>
2. Далее двигаемся по шагам, заполняя админку данными, полученными у клиента. Периодически придется уточнять детали. Например, какие виды доставки у них будут, какие способы оплаты и т.д.

   <figure><img src="/files/6Wr2sHLSDAGr88uN2C2x" alt=""><figcaption></figcaption></figure>
3. На период внедрения клиентам ставим временный тариф внедрения. Для этого нужно кинуть запрос Дугару.

   <figure><img src="/files/cDoC16AYxq9jHd3ff1pg" alt=""><figcaption></figcaption></figure>
4. После того, как прошли по шагам - нужно наполнить каталог товарами, категориями, желательно создать пару коллекций, и 2-3 акции. Как все это делается - можно узнать на [help.zenky.io](http://help.zenky.io/).\
   В случае с идеальным клиентом, который сразу дает логин и пароль от системы, на которой работает (айко, фронтпад) - идем в Магазин - Обмен данными, либо Интеграции, и прописываем там логин и пароль, полученные от клиента. Настраиваем синхронизацию. Сопоставляем статусы заказов, способы оплаты, терминалы и т.д. (См. [help.zenky.io](https://help.zenky.io/))

   <figure><img src="/files/5v0ZbtUFdWf0iCxVJl6l" alt=""><figcaption></figcaption></figure>

   В случае, когда клиент тупит: долго не предоставляет доступ к своей системе, или долго наполняет каталог вручную - можно ускорить процесс выпуска, и забить несколько категорий и 5-8 товаров самому (взяв данные с его существующего стороннего сайта, либо поискав картинки на стоках, например <https://unsplash.com/>). Естественно, вызнать у клиента названия хотя бы пары актуальных товаров и категорий. Очевидно, что не стоит пихать бургеры в магазин морепродуктов.
5. Теперь можно вернуться к настройкам городов и складов, и проверить:\
   а) Чтобы в настройках города был указан его центр - тогда карта доставки на сайте будет сразу центрироваться на нужном нам городе. а не где-нибудь в африке\
   б) Чтобы склады были привязаны к соответствующим городам, и в настройках городов фигурировали склады\
   в) Отчертить произвольную зону доставки и проверить попадание туда адресов. Точную зону доставки и ее настройки должны производиться клиентами

## III. Создание сайта

### А. Настройка главной страницы

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

   <figure><img src="/files/eNXhYL5gYmS5YYAnfYXF" alt=""><figcaption></figcaption></figure>

   Нам предлагают создать новый канал продаж. <br>

   <figure><img src="/files/A04SP87JV260ooOlMSda" alt=""><figcaption><p>Даем ему соответствующее название и ставим название магазина в поле "Короткий адрес".</p></figcaption></figure>

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

   <figure><img src="/files/mJXzDQ13qUUrSMnIFiPy" alt=""><figcaption></figcaption></figure>
3. Настраивать конструктор сайта будем по шаблону. Впоследствии, по запросу клиента какие-то вещи будут меняться. Либо, можно научить клиента как менять их самому.

   <figure><img src="/files/9k2kiBnHfTkOcK4Rf2hn" alt=""><figcaption><p>Отключаем промоблок на главной.как правило его никто не использует.</p></figcaption></figure>
4.

```
<figure><img src="/files/C6uTCLnyPd7lmxsTie5r" alt=""><figcaption><p>Преимущества тоже не входят в шаблонную настройку</p></figcaption></figure>
```

5.

```
<figure><img src="/files/DbGeWaINvrMvbConML51" alt=""><figcaption><p>Настраиваем акции</p></figcaption></figure>
```

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

   <figure><img src="/files/o8gZCR4Cza3ZJnDOND82" alt=""><figcaption></figcaption></figure>
7. Если кажется, что наполнения мало - можно отразить еще и категории. Делается это в соответствующем блоке. Можно отразить как "Все корневые" категории сразу. так и выборочно - из списка. Для этого нужно нжать на кнопку "Список" и добавить туда нужные категории.

   <figure><img src="/files/pqnljLmjJZbpzBBKAtcj" alt=""><figcaption></figcaption></figure>

### Б. Глобальные настройки

Теперь можно переходить на вкладку "Глобальные настройки"

1.

```
<figure><img src="/files/BjNAdNSfOOACvP8QNZUL" alt=""><figcaption><p>Жмем на шестеренку слева и добавляем логотипы для шапки, подвала сайта, и картинку для фавикона (Картинка которая будет отображаться на вкладках браузера)</p></figcaption></figure>
```

2. Настраиваем Меню сайта, Боковое меню и Страницы по шаблону

   <figure><img src="/files/5cRK6fhkEjAdWPfxx3ME" alt=""><figcaption></figcaption></figure>

### В. Визуальное оформление

Теперь можем переходить к настройке цветов сайта. Сделать их надо согласно фирстилю клиента. Не забываем после выбора каждого цвета - генерировать для него оттенки - ЭТО ВАЖНО! Либо после выбора всех цветов - можно пролистать вверх и сгенерировать оттенки всех цветов разом. Ну и конечно же не забываем сохранять цвета спомощью зеленой кнопки.

<figure><img src="/files/YWAUf0C1SIYhf4pkESLh" alt=""><figcaption></figcaption></figure>

Цвета необходимо вставлять в формате HEX - т.е. хэштэг и 5 цифр. Как же узнать, какой номер соответствует нужному нам цвету из фирстиля? Давай разберем. Вот например, есть у нас картинка из предоставленного клиентом фирстиля, и нет нужного нам формата. Интересует нас тот цвет что снизу.

<figure><img src="/files/zFKWo6jWoCQsgH4pl5OB" alt=""><figcaption></figcaption></figure>

Копируем эту картинку и вставляем ее в [фигму](https://www.figma.com/design/ipQW86DPh9q5XTgkcfLCAD/%D0%AD%D0%BD%D0%BA%D0%BE-AppStore?node-id=0-1), Перед этим не забываем зарегистрироваться в фигме и создать свое пространство. Далее переходим по ссылке и в верхней, чтобы скопировать  менюшке жмем на стрелочку и врыбираем Duplicate to your drafts. Делать это необходимо для того, чтобы скопировать шаблон себе и иметь возможность его редактировать.&#x20;

<figure><img src="/files/psinLSlM7Ym5rO2paSBR" alt=""><figcaption></figcaption></figure>

Теперь надо просто вставить куда -нибудь нашу картинку и с помощью инструмента "Пипетка" (вызывается она нажатием кнопки "I") определить нужный нам цвет и записать его цифровое обозначение. Просто наводим пипетку на нужный нам цвет и записываем куда-нибудь себе его обозначение.

<figure><img src="/files/U8PQv23htgNilQPnzsPv" alt=""><figcaption></figcaption></figure>

##

## &#x20;IV.  Создание приложения.

### А. Подготовка&#x20;

1. Делай раз

   <figure><img src="/files/tDxGCYc5mejlQyR6X0C4" alt=""><figcaption></figcaption></figure>
2. Делай два

   <figure><img src="/files/aOhM4PfsB6HklTuh0pKP" alt=""><figcaption></figcaption></figure>
3. Теперь, когда у нас появился конструктор - можем приступить к настройке самого приложения. Для удобства работы рекомендуется зайти на сайт store.zenky.io, пролистать вниз и скачать себе приложение на телефон. Затем, с главной страницы этого приложения можно будет сканировать QR код создаваемого вами магазина, для того, чтобы отслеживать вносимые изенения в реальном времени.&#x20;

   <figure><img src="/files/7oTP3ddEKJVYeiRuc3ev" alt=""><figcaption><p>Заходим на Нлавную в магазине - показать техническую информацию, и тыкаем на кнопку с куар-кодом. Затем сканируем его и получаем на своем телефоне то приложение, которое мы сейчас настраиваем.</p></figcaption></figure>

   <figure><img src="/files/GcbnQYRfI1ITPvpl9WmQ" alt=""><figcaption></figcaption></figure>
4. Чтобы изменения в приложении отражались почти сразу - необходимо на 3-5 секунд зажать кнопку "Главная", до появления бегающей линии загрузки. Все, теперь наши изменения будут отображаться в приложении на телефоне сразу после нажатия кнопки "Сохранить". P.S. иногда все-таки будет требоваться обновиться страницу на телефоне или и вовсе закрыть приложение и открть снова. чтобы увидеть изменения.

   <figure><img src="/files/wjiOjBpljXpu1kGrgfsK" alt=""><figcaption></figcaption></figure>

### Б. Настройка приложения

1.
2. **Визуальное оформление**\
   Аналогично сайту, подбираем цвета согласно фирстилю, меняем, смотрим что меняется. Если не понятно - читаем пояснения. Здесь все(или почти все) интуитивно понятно. Сразу смотрим что получается в приложении на телефоне.Не забываем сохранять цвета

   <figure><img src="/files/Pzeq8QRmDbadEwcdoSyg" alt=""><figcaption></figcaption></figure>
3. Настройка страницы приложения. По шаблону делаем как на скриншоте,ибо это наиболее быстрый, простой и смотрибельный способ, проверенный временем. Если хочется добавить мяска на главную - можно отобразить избранные категории и/или товары из них.![](/files/TaQ9tFGyqMXuSCMNiVXY)
4. Донастраиваем цвета каталога и убираем бегунки "Показывать остатки". Не забываем сохранять сделанное.

   <figure><img src="/files/VguDRhd4WdKhPOgumT75" alt=""><figcaption></figcaption></figure>
5. Дойдя до конца данного раздела - можно настроить временной интервал, за пределами которого заказы будут считаться отложенными, сделать круглый аватар вместо квадратног она странице "О компании", добавить кастомную аватарку для профиля в личном кабинете и многое другое.

   <figure><img src="/files/8lWqv4ZPrJWQm8OQ9MnV" alt=""><figcaption></figcaption></figure>

### В. Навигация в приложении

Здесь можно менять порядок страниц в нижнем меню приложения (просто перетаскивая), а также их отображение

<figure><img src="/files/g8QVrxsicXv7HwV5ZxDn" alt=""><figcaption></figcaption></figure>

Разделы "Интеграции" и "Виджеты" на первичных этапах создания приложения нам, как правило, не нужны. Они будут участвовать в отдельных пунктах инструкции.

## V. Оформление кабинетов для выпуска приложения