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

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

{% file src="<https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FyI43BMqbq78s3ggpyjH1%2F%D0%94%D0%BE%D0%B3%D0%BE%D0%B2%D0%BE%D1%80%20Zenky%20-%20%20%D0%93%D1%91%D0%B4%D0%B7%D0%B5.docx?alt=media&token=4ce082a8-4710-4c58-9ab5-94297a45c090>" %}
В договоре проверяем, чтобы не было лишних услуг
{% endfile %}

{% file src="<https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FBx4aDH1jvZx5YK1DaQLW%2F%D0%A1%D1%87%D0%B5%CC%88%D1%82_%E2%84%96137%2010.05.24%20%D0%93%D1%91%D0%B4%D0%B7%D0%B5.docx?alt=media&token=6b7427e6-b930-4107-9564-5117deb67586>" %}
В счете проверяем чтобы везде стояла првильная сумма оплаты
{% 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="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2F0zvmuZIyBoTBgUlzVWOk%2Fimage.png?alt=media&#x26;token=91d1044f-cd38-4409-b7c4-60fc8979b2b1" alt=""><figcaption></figcaption></figure>
2. Далее двигаемся по шагам, заполняя админку данными, полученными у клиента. Периодически придется уточнять детали. Например, какие виды доставки у них будут, какие способы оплаты и т.д.

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FGQkA0PcIYJtn4i1HLVqX%2Fimage.png?alt=media&#x26;token=c2fa33cd-f667-4b34-9133-836168d39fb6" alt=""><figcaption></figcaption></figure>
3. На период внедрения клиентам ставим временный тариф внедрения. Для этого нужно кинуть запрос Дугару.

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FStYVmzVPVis3AgootajE%2Fimage.png?alt=media&#x26;token=0e293b21-85eb-41e6-9493-605f2aeafdd1" alt=""><figcaption></figcaption></figure>
4. После того, как прошли по шагам - нужно наполнить каталог товарами, категориями, желательно создать пару коллекций, и 2-3 акции. Как все это делается - можно узнать на [help.zenky.io](http://help.zenky.io/).\
   В случае с идеальным клиентом, который сразу дает логин и пароль от системы, на которой работает (айко, фронтпад) - идем в Магазин - Обмен данными, либо Интеграции, и прописываем там логин и пароль, полученные от клиента. Настраиваем синхронизацию. Сопоставляем статусы заказов, способы оплаты, терминалы и т.д. (См. [help.zenky.io](https://help.zenky.io/))

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FxkujL9eGw8ZO4GM5RWzb%2Fimage.png?alt=media&#x26;token=43223db6-5277-431b-bccc-e7762b0a2460" alt=""><figcaption></figcaption></figure>

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

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

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

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

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FEMUueVZmwjTivgP1h76E%2Fimage.png?alt=media&#x26;token=c7ce2004-3d26-492c-81b4-67de2d95504c" alt=""><figcaption></figcaption></figure>

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

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FAuLUeVp3qGIxZ9And3GA%2Fimage.png?alt=media&#x26;token=fb66783a-78eb-4a7b-9b2c-c4721e764adb" alt=""><figcaption><p>Даем ему соответствующее название и ставим название магазина в поле "Короткий адрес".</p></figcaption></figure>

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

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FhEBBgmSAhZDNkEgZnMqU%2Fimage.png?alt=media&#x26;token=db510905-2ae9-4994-ab44-f8fe3e47a770" alt=""><figcaption></figcaption></figure>
3. Настраивать конструктор сайта будем по шаблону. Впоследствии, по запросу клиента какие-то вещи будут меняться. Либо, можно научить клиента как менять их самому.

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2F516A7DSYSNGPLWZl4bio%2Fimage.png?alt=media&#x26;token=c38828c2-7c61-45ea-a899-efb11da267a8" alt=""><figcaption><p>Отключаем промоблок на главной.как правило его никто не использует.</p></figcaption></figure>
4.

```
<figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2Fs0IDzYNZuIlKz0Szfzvl%2Fimage.png?alt=media&#x26;token=ead2f038-6b4b-4824-afa4-3aa707b4f4af" alt=""><figcaption><p>Преимущества тоже не входят в шаблонную настройку</p></figcaption></figure>
```

5.

```
<figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FDm0BPJtdF6qOPk3lhNxl%2Fimage.png?alt=media&#x26;token=4fdbc5b5-7f94-42ec-81f9-ac17a9fe8afa" alt=""><figcaption><p>Настраиваем акции</p></figcaption></figure>
```

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

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2Faujdbuib31x1I7RKmTnW%2Fimage.png?alt=media&#x26;token=239bd587-1879-40a2-ac9e-979663bd32f3" alt=""><figcaption></figcaption></figure>
7. Если кажется, что наполнения мало - можно отразить еще и категории. Делается это в соответствующем блоке. Можно отразить как "Все корневые" категории сразу. так и выборочно - из списка. Для этого нужно нжать на кнопку "Список" и добавить туда нужные категории.

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2Ffx64cN16lCEwDzUcFrIN%2Fimage.png?alt=media&#x26;token=9d7f2b5f-118d-4a75-b5e1-e4bf9a4ed0b5" alt=""><figcaption></figcaption></figure>

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

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

1.

```
<figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FfyURJ6odzHEvCkWZmfeP%2Fimage.png?alt=media&#x26;token=293cef2f-478e-45d5-8b46-a04bdc24a67e" alt=""><figcaption><p>Жмем на шестеренку слева и добавляем логотипы для шапки, подвала сайта, и картинку для фавикона (Картинка которая будет отображаться на вкладках браузера)</p></figcaption></figure>
```

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

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FqHgbhdgsaBrWFQa0BVHV%2Fimage.png?alt=media&#x26;token=d5d6451f-6dbc-4cfc-a7a5-15033bd75996" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FvF1ukUGycsueYwmLgJtW%2Fimage.png?alt=media&#x26;token=d6721f25-428d-466c-9747-d0456d99e927" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2F7PTNB672IwXuOiiB081E%2Fimage.png?alt=media&#x26;token=5b7ce297-5a87-4a83-9d4d-d939184c114a" 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="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FsjgvluP0hnYBHqARxjv9%2Fimage.png?alt=media&#x26;token=2632787e-f675-41ab-a4f6-6a91b6c8b829" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2Fc4noCJ5N8WAkw0ag7noi%2Fimage.png?alt=media&#x26;token=97c1f355-4ba2-4133-87fa-d839116f62a1" alt=""><figcaption></figcaption></figure>

##

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

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

1. Делай раз

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FGiSk4RoByuA32shbkvTU%2Fimage.png?alt=media&#x26;token=6f465add-d624-4723-a22d-e8f1e98f1122" alt=""><figcaption></figcaption></figure>
2. Делай два

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FugzkNisaA4fFovXm6McO%2Fimage.png?alt=media&#x26;token=793c7e5d-5a42-42a1-9f32-491ab252e3e9" alt=""><figcaption></figcaption></figure>
3. Теперь, когда у нас появился конструктор - можем приступить к настройке самого приложения. Для удобства работы рекомендуется зайти на сайт store.zenky.io, пролистать вниз и скачать себе приложение на телефон. Затем, с главной страницы этого приложения можно будет сканировать QR код создаваемого вами магазина, для того, чтобы отслеживать вносимые изенения в реальном времени.&#x20;

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2F53uctJxzmEt6S6nwzzjx%2Fimage.png?alt=media&#x26;token=d28000be-c86e-420e-83a1-6d4a90e8e2b2" alt=""><figcaption><p>Заходим на Нлавную в магазине - показать техническую информацию, и тыкаем на кнопку с куар-кодом. Затем сканируем его и получаем на своем телефоне то приложение, которое мы сейчас настраиваем.</p></figcaption></figure>

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FALrV5VeltJWjEM7pQr6q%2Fimage.png?alt=media&#x26;token=6951ad34-64b4-4e07-8431-e468d14a0ce8" alt=""><figcaption></figcaption></figure>
4. Чтобы изменения в приложении отражались почти сразу - необходимо на 3-5 секунд зажать кнопку "Главная", до появления бегающей линии загрузки. Все, теперь наши изменения будут отображаться в приложении на телефоне сразу после нажатия кнопки "Сохранить". P.S. иногда все-таки будет требоваться обновиться страницу на телефоне или и вовсе закрыть приложение и открть снова. чтобы увидеть изменения.

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FXsQjz4rLU78rfkK1Kbwy%2Fimage.png?alt=media&#x26;token=49a0208f-0cb6-4609-ae41-61b30545699d" alt=""><figcaption></figcaption></figure>

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

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

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FysC9wOL12SCr92SbF4K2%2Fimage.png?alt=media&#x26;token=3531306e-15ae-45f4-a6f6-0700f8403880" alt=""><figcaption></figcaption></figure>
3. Настройка страницы приложения. По шаблону делаем как на скриншоте,ибо это наиболее быстрый, простой и смотрибельный способ, проверенный временем. Если хочется добавить мяска на главную - можно отобразить избранные категории и/или товары из них.![](https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2F0mJgaAenOVFhkhHY4dhr%2Fimage.png?alt=media\&token=99db6417-6fa9-41ae-b451-9ce90c6c3f26)
4. Донастраиваем цвета каталога и убираем бегунки "Показывать остатки". Не забываем сохранять сделанное.

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FfYl3yQUfDsDSCWLEaLIh%2Fimage.png?alt=media&#x26;token=e2da9a9b-1446-4bba-af2e-482925994cf4" alt=""><figcaption></figcaption></figure>
5. Дойдя до конца данного раздела - можно настроить временной интервал, за пределами которого заказы будут считаться отложенными, сделать круглый аватар вместо квадратног она странице "О компании", добавить кастомную аватарку для профиля в личном кабинете и многое другое.

   <figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2FuPcUjv1Nk6W0ObbbcaXW%2Fimage.png?alt=media&#x26;token=20f02602-6ab8-4a60-b724-13d4655054b1" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://3249860358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1B6cpOxz1g-9MP2vKt%2Fuploads%2F72RgvQ9Ctm8nXHUEACOL%2Fimage.png?alt=media&#x26;token=80d2f9f0-0693-41ca-ba69-8a8f254a4f8b" alt=""><figcaption></figcaption></figure>

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

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