Инструкция

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

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

<link href="https://unpkg.com/[email protected]/dist/assets/css/styles.min.css" type="text/css" rel="stylesheet">
<script src="https://unpkg.com/imask"></script>
<script src="https://unpkg.com/[email protected]/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-ключ, для сервиса сделок битрикс

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

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

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

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

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