Tourenportal Widget: Hütten einbinden Inhalte aus dem Tourenportal in deine Website einbinden
Biete deinen Websitebesuchern einen Mehrwert, indem du Inhalte aus dem SAC-Tourenportal auf deiner Website anzeigst.
Mit dem Tourenportal Widget kannst du einfach, schnell und kostenlos Hütten oder Tourenziele aus dem SAC-Tourenportal in deine Sektions-, Hütten-, oder eine beliebige andere Website einbinden.
Beispiele wie die Widgets auf deiner Website aussehen
Wie binde ich eine Hütte aus dem Tourenportal ein?
Das Einbinden einer oder mehrerer Hütten aus dem SAC-Tourenportal in deine Website ist ganz einfach: Kopiere folgenden I-Frame HTML-Code und füge ihn an geeigneter Stelle in dein CMS oder in deine statische Website ein. Fertig! Schon siehst du auf deiner Website sogenannte Hütten-Kacheln, die dann direkt zur Hütte verlinken.
Als Beispiel hier der Code für die Albert-Heim-Hütte, die Mischabelhütte und das Schalijochbiwak.
<!-- SAC TOURENPORTAL START -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.1.1/iframeResizer.min.js"></script>
<iframe src="https://www.sac-cas.ch/de/destinationlistiframe.html?ids=2147000006,2147000238,2147000171" style="width: calc(100% + 60px); border: 0; margin: -30px;" onload="iFrameResize()"></iframe>
<!-- SAC TOURENPORTAL END -->
Wie komme ich zu den Hütten-ID's?
Suche dir die gewünschte Hütte auf dem SAC-Tourenportal. Auf jeder Hütten-Seite verrät dir dein Browser in der URL-Zeile die ID der Hütte. Wenn du beispielsweise die Hütten-Kachel der "Albert-Heim-Hütte SAC" anzeigen möchtest, rufst du die entsprechende Seite auf. In der URL findest du dann zuhinterst die ID, in diesem Fall 2147000006:
www.sac-cas.ch/de/huetten-und-touren/sac-tourenportal/2147000006/
Sprache und Optionen
Du kannst die Grundsprache der Kacheln beeinflussen in dem du die Sprache (de, fr, it oder en) im Iframe-Code anpasst. Willst du mehre Hütten einbinden, trennst du die ID's mit Komma. Selbstverständlich kannst du auch mehrere Iframe-Blöcke auf einer einzelnen Seite bei dir einbinden.
Beispiele zum Einbinden der oben gezeigten in der jeweiligen Sprache:
Hüttenkachel einbinden in Deutsch
www.sac-cas.ch/de/destinationlistiframe.html?ids=2147000006,2147000238,2147000171
in Italienisch
www.sac-cas.ch/it/destinationlistiframe.html?ids=2147000006,2147000238,2147000171
in Englisch
www.sac-cas.ch/en/destinationlistiframe.html?ids=2147000006,2147000238,2147000171
in Französisch
www.sac-cas.ch/fr/destinationlistiframe.html?ids=2147000006,2147000238,2147000171
