Booking 'Widget' code Customisatie - Nieuwe UI design

Gewijzigd op Ma, 4 Nov om 3:03 PM

Dit artikel helpt u bij het vinden van uw specifieke widget-code voor integratie op uw website. Zodra u bent ingelogd op uw Vetstoria-account, navigeert u naar: Instellingen > Integraties > Widget

Scroll naar beneden op de Widget Integratie-pagina, naar de widget-code onderaan dit scherm. Het codegedeelte met uw unieke widget-code ziet er zo uit:

Klik op 'Copy Widget Code' om de code naar uw klembord te kopiëren. Plak deze code vervolgens in een <div> binnen uw speciale online boekingspagina op uw webpagina. De <div> zal dienen als de container waarin de ingebedde boekingswidget past.

Kleuren Aanpassing

Binnen de widget-code bevindt zich een attribuut genaamd data-theme-customization dat bestaat uit 10 kleur hex-waarden die het thema van de widget bepalen. De onderstaande tabel beschrijft de volgorde van de waarden en waarvoor ze dienen.

Voorbeeld:

data-theme-customisation= "000001,000002,000003,000004,000005,000006,000007,000008,000009,000010"

HTML

Hex Placeholder ID	Toepasbaar op
000001	Unused
000002	Selected Icons, including time slot, and drop down highlights
000003	Progress Bar - Past Progress Dots
000004	Text on Progress Icons and Highlighted Icons
000005	Progress Bar - Future Progress Dots
000006	Navigation Buttons - Border Top and LHS
000007	Navigation Buttons - Main Color Top (if used with the below, will create the top gradient)
000008	Navigation Buttons - Main Color Bottom (if used with the above, will create the bottom gradient)
000009	Navigation Buttons - Border Bottom and RHS
000010	Unused

U kunt de onderstaande gids als referentie gebruiken:

Heeft u vragen of heeft u meer hulp nodig? Log dan in op Vetstoria om met ons team te chatten of gebruik het contactformulier bovenaan deze pagina.