# Инструкция

## Установка на сайт

Добавить перед закрывающим `body` следующий код:

```markup
<link href="https://unpkg.com/callback-widget@1.0.26/dist/assets/css/styles.min.css" type="text/css" rel="stylesheet">
<script src="https://unpkg.com/imask"></script>
<script src="https://unpkg.com/callback-widget@1.0.26/dist/assets/js/main.js"></script>

<script>
  new CallbackWidget({
    fontFamily: 'Acrom',
    primaryColor: '#2f69ff',

    logoPath: 'https://globaldrive.ru/local/templates/globaldrive_new/images/pics/logo.png',

    token: '4b0494f351b043331f985b8daa475f22',
    
    privacyURL: '/company/payment-and-delivery/zashchita-personalnykh-dannykh/',

    whatsappPhone: "79298262865",
    whatsappMessage: 'Отправьте это сообщение в чат whatsapp для получения скидки: индивидуальный промокод gds1_1687523017679156602',
    supportPhone: '8 800 350-13-27',
  });
</script>
```

### Параметры компонента

`fontFamily` - один из предустановленных шрифтов, доступны семейства:

- Montserrat (по ум.)
- Acrom
- Inter
- Lato

`primaryColor` - основной цвет бренда (по ум. `#2f495e`)

`logoPath` - путь к картинке с логотипом

`privacyURL` - url, ведущий на "правила обработки персональных данных"

`whatsappPhone` - телефон WhatsApp

`whatsappMessage` - сообщение, которое будет появляться при переходе в WhatsApp

`supportPhone` - основной телефон поддержки сайта

`token` - API-ключ, для сервиса [сделок битрикс](https://crm-gateway.globaldrive.ru/deal/add/)

## Локальная разработка

`npm install` - устанавливаем зависимости в директорию node_modules

`gulp` - запускаем dev mode (локальный сервер для разработки и остальные необходимые задачи для gulp)

`gulp clean` - удаляем папку dist

`gulp build` - собираем dist (production)