Tourenportal Widget: Hütten einbinden Inhalte aus dem Tourenportal in deine Website einbinden

Biete deinen WebseitenbesucherInnen und Gästen einen Mehrwert, in dem du Inhalte aus dem SAC-Tourenportal auf deiner Webseite 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 Webseite einbinden.

Wie binde ich eine Hütte aus dem Tourenportal ein?

Das Einbinden einer oder mehrerer Hütte/n aus dem SAC-Tourenportal in deine Webseite ist ganz einfach: Kopiere folgenden I-Frame HTML-Code und füge ihn an geeigneter Stelle in dein CMS oder in deine statische Webseite ein. Fertig! Schon siehst du auf deiner Webseite 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 -->

Ein Tourenziel einbinden

Möchtest du ein Tourenziel (Gipfel, Pass) aus dem SAC-Tourenportal einbinden?

Fragen zum Tourenportal Widget

Hast du Fragen oder brauchst du Support betreffend dem Tourenportal Widget? Kontaktiere uns einfach.

Resultat in ganzer Breite:

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

Beispiel in Französisch

Feedback