HubSpot CMS
HubSpot CMS atbalsta pielāgotus HTML moduļus un vietnes līmeņa galvenes/kājene koda ievadi, padarot vienkāršu Wink komponentu iegulšanu mārketinga lapās un galvenajās lapās.
Ielādēt Wink skriptus visā vietnē
Section titled “Ielādēt Wink skriptus visā vietnē”- HubSpot dodieties uz Marketing → Files and Templates → Design Tools.
- Atveriet sava aktīvā tēmas
main.cssvai izmantojiet globālos satura iestatījumus. - Alternatīvi, dodieties uz Settings → Website → Pages → Custom Code.
- Laukā Head HTML pievienojiet stila lapu:
<link rel="stylesheet" href="https://elements.wink.travel/styles.css">
- Laukā Footer HTML pievienojiet skriptu un lietotnes ielādētāju (aizvietojiet
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> - Saglabājiet un publicējiet.
Pievienot komponentu, izmantojot pielāgotu HTML moduli
Section titled “Pievienot komponentu, izmantojot pielāgotu HTML moduli”- Design Tools izveidojiet jaunu moduli ar tipu Rich Text vai HTML.
- Moduļa noklusējuma saturā ielīmējiet komponenta HTML:
<wink-content-loaderlayout="HOTEL"id="YOUR_LAYOUT_ID"></wink-content-loader>
- Saglabājiet moduli un velciet to jebkurā lapas veidnē vai lapā, izmantojot lapas redaktoru.
Pievienot komponentu tieši lapas redaktorā
Section titled “Pievienot komponentu tieši lapas redaktorā”Ja nevēlaties izveidot moduli, varat izmantot Custom HTML sadaļu vilkšanas un nomešanas redaktorā:
- Atveriet lapu HubSpot lapas redaktorā.
- Noklikšķiniet uz Add un izvēlieties Custom HTML vai Embed sadaļu.
- Ielīmējiet komponenta tagu HTML laukā.
- Noklikšķiniet uz Apply un publicējiet lapu.
Pieejamie komponenti
Section titled “Pieejamie komponenti”| Komponents | HTML tags | Mērķis |
|---|---|---|
| Satura ielādētājs | <wink-content-loader> | Rāda viesnīcu kartītes, režģus, kartes |
| Meklēšana | <wink-lookup> | Meklēšanas josla galamērķiem |
| Meklēšanas poga | <wink-search-button> | Atver maršruta izvēlētāju |
| Konta poga | <wink-account-button> | Pieslēgšanās / lietotāja izvēlne |
| Maršruta poga | <wink-itinerary-button> | Rāda pašreizējo maršrutu |
| Maršruta izvēlētājs | <wink-itinerary-picker> | Pilna maršruta forma |
| Iepirkumu groza poga | <wink-shopping-cart-button> | Groza kopsavilkuma poga |
Skatiet Web Components pilnu atribūtu atsauci.