HubSpot CMS

HubSpot CMS підтримує користувацькі HTML-модулі та код у шапці/підвалі на всьому сайті, що робить простим вбудовування компонентів Wink на маркетингові сторінки та лендинги.

Завантажте скрипти Wink на весь сайт

У HubSpot перейдіть до Marketing → Files and Templates → Design Tools.
Відкрийте активний тему main.css або використайте глобальні налаштування контенту.
Або перейдіть до Settings → Website → Pages → Custom Code.

У полі Head HTML додайте таблицю стилів:

<link rel="stylesheet" href="https://elements.wink.travel/styles.css">

У полі Footer HTML додайте скрипт та завантажувач додатку (замініть YOUR_CLIENT_ID):

<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader client-id="YOUR_CLIENT_ID"></wink-app-loader>

Збережіть і опублікуйте.

Додайте компонент через користувацький HTML-модуль

У Design Tools створіть новий модуль типу Rich Text або HTML.
У стандартному вмісті модуля вставте HTML компонента:
```
<wink-content-loader
  layout="HOTEL"
  id="YOUR_LAYOUT_ID"
></wink-content-loader>
```
Збережіть модуль і перетягніть його у будь-який шаблон сторінки або сторінку через редактор сторінок.

Додайте компонент безпосередньо в редакторі сторінки

Якщо ви не хочете створювати модуль, можна використати секцію Custom HTML у редакторі drag-and-drop:

Відкрийте сторінку в редакторі HubSpot.
Натисніть Add і виберіть секцію Custom HTML або Embed.
Вставте тег компонента у поле HTML.
Натисніть Apply і опублікуйте сторінку.

Доступні компоненти

Компонент	HTML тег	Призначення
Content loader	`<wink-content-loader>`	Відображення карток готелів, сіток, карт
Lookup	`<wink-lookup>`	Панель пошуку напрямків
Search button	`<wink-search-button>`	Відкрити вибір маршруту
Account button	`<wink-account-button>`	Вхід / меню користувача
Itinerary button	`<wink-itinerary-button>`	Показати поточний маршрут
Itinerary picker	`<wink-itinerary-picker>`	Повна форма маршруту
Shopping cart	`<wink-shopping-cart-button>`	Кнопка підсумку кошика

Дивіться Web Components для повного посилання на атрибути.