Для виджета нужно добавить в :
<head>
<script src="https://static.mag.travel/ui/app/prod/widget/tour/1.0.js"></script>
</head>
<script>
var widget = new MagWidgetTour({
user: '*************',
secret: '***********',
selector: '#app',
registration: {
link: ' ',
html: ' ',
},
style: {
card: {
background: '#223333',
color: '#ffffff',
border: '#060606',
main: '#112222',
mainColor: '#ffffff',
},
btn: {
primary: {
color: '#ffffff',
background: '#112222',
},
def: {
color: '#ffffff',
background: '#1B5E20',
},
},
form: {
input: {
color: '#ffffff',
background: '#112222',
border: '#060606',
},
popover: {
color: '#ffffff',
background: '#223333',
border: '#060606',
active: '#ffffff',
},
danger: '#9f0808',
},
},
});
widget.init();
});
</script>
Бордовый цвет | Основной скрипт |
Зеленый цвет | Настройка стиля (цвет, фон и т.д.) |
user: '*********', | Нужно для авторизации (предоставляется нами) |
secret: '*******', | Нужно для авторизации (предоставляется нами) |
selector: '#app', | Сюда прописывается селектор для вставки виджета |
link: '', html: '', | Адрес куда переходить при успешной регистрации
Если нет адреса можно добавить сюда html для вывода при успешной регистрации |
widget.init(); | Инициализация виджета |