Die Urlaubsguru-Widgets sind Web Components und können folgendermaßen eingebunden werden:

1. Einbindung des korrekten Scripts

Zuerst muss das entsprechende Script eingebunden werden. Für jedes Widget gibt es ein eigenes Script, in dem sich nur das jeweilige Widget befindet. Zum Beispiel:

<script src="https://whitelabel.holidayguru.de/de/header.js"></script>

2. Verwendung des Custom Elements

Die Widgets können als normale HTML-Tags verwendet werden. Zum Beispiel:

<hg-header></hg-header>

Folgende Widget stehen aktuell zur Verfügung:

Header - DE

<script src="https://whitelabel.holidayguru.de/de/header.js"></script>

<hg-header></hg-header>

Header - AT

<script src="https://whitelabel.holidayguru.de/de-at/header.js"></script>

<hg-header></hg-header>

Header - CH

<script src="https://whitelabel.holidayguru.de/de-ch/header.js"></script>

<hg-header></hg-header>

Header - ES

<script src="https://whitelabel.holidayguru.de/es/header.js"></script>

<hg-header></hg-header>

Footer - DE

<script src="https://whitelabel.holidayguru.de/de/footer.js"></script>

<hg-footer></hg-footer>