Den Terminplaner in eine Webseite einbinden

Aktualisiert:
September 7, 2022

Um den Softpulse-Terminplaner auf deiner Webseite einzubinden, gehe wie folgt vor:

Variante 1

Anzeige von Veranstaltungen mit Reservation im Format 3/5 (= 3 von 5 Plätzen sind noch frei)

Binde den folgenden Code dort in den <body> deines HTML-Codes ein, wo der Terminplaner angezeigt werden soll:

<script>
(function() {
var f = function(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.async = true;
script.src = 'https://your-softpulse-domain.ch/widgets/scheduler/dist/widgets.js';
document.getElementsByTagName('head')[0].appendChild(script);
}
if (window.opera == '[object Opera]') {
document.addEventListener('DOMContentLoaded', f, false);
} else { f(); }
})();
</script>
<iframe id="fitness365-schedule-widget"
name="Fitness365ScheduleWidget"
src="https://your-softpulse-domain.ch/widgets/scheduler/dist/weekly-groups-schedule1.html?eventColor=F7A707&reserveButtonColor=F7A707"
width="100%" height="1060px" frameborder="0" scrolling="no" style="width: 1px; min-width: 100%;"></iframe>
  • Passe die URLs mit deiner persönlichen Softpulse-URL an
  • Passe die Farben-HEX-Codes in der iFrame-URL nach deinen Bedürfnissen an (eventColor und reserveButtonColor)
Tipp: Es kann zu Konflikten mit anderen Javaskripten auf deiner Webseite kommen. Bei Anzeigeproblemen versuche, das Javaskript ans Ende deines HTML-Bodys zu verschieben, direkt vor den schliessenden Body-Tag .

Variante 2

Anzeige von Veranstaltungen mit Reservation im Format 3, das Teilnehmerlimit kann im Widget-Code direkt definiert werden

  • Binde den Code aus Variante 1 wie oben beschrieben in deine Webseite ein.
  • Ersetze die URL mit der folgenden Adresse:
https://your-softpulse-domain.ch/widgets/scheduler/dist/weekly-groups-schedule1.html?freePlacesEventMax=5&freePlacesEventTemplate=Free%20places%3A%20%7B0%7D&freePlacesEventTemplateExceed=Free%20places%20more%20than%20%7B0%7D
  • Passe den Parameter freePlacesEventMax=5 nach deinen Bedürfnissen an
Hinweis: Schreibe deine neue Nummer unbedingt noch zusätzlich in die E-Mail, um Verwechslungen zu vermeiden.
lifesaver

Du brauchst Hilfe?

Kontaktiere uns
Kein vorheriger Post
Kein vorheriger Post
Kein nächster Post
Kein nächster Post

Den Terminplaner in eine Webseite einbinden

Um den Softpulse-Terminplaner auf deiner Webseite einzubinden, gehe wie folgt vor:

Variante 1

Anzeige von Veranstaltungen mit Reservation im Format 3/5 (= 3 von 5 Plätzen sind noch frei)

Binde den folgenden Code dort in den <body> deines HTML-Codes ein, wo der Terminplaner angezeigt werden soll:

<script>
(function() {
var f = function(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.async = true;
script.src = 'https://your-softpulse-domain.ch/widgets/scheduler/dist/widgets.js';
document.getElementsByTagName('head')[0].appendChild(script);
}
if (window.opera == '[object Opera]') {
document.addEventListener('DOMContentLoaded', f, false);
} else { f(); }
})();
</script>
<iframe id="fitness365-schedule-widget"
name="Fitness365ScheduleWidget"
src="https://your-softpulse-domain.ch/widgets/scheduler/dist/weekly-groups-schedule1.html?eventColor=F7A707&reserveButtonColor=F7A707"
width="100%" height="1060px" frameborder="0" scrolling="no" style="width: 1px; min-width: 100%;"></iframe>
  • Passe die URLs mit deiner persönlichen Softpulse-URL an
  • Passe die Farben-HEX-Codes in der iFrame-URL nach deinen Bedürfnissen an (eventColor und reserveButtonColor)
Tipp: Es kann zu Konflikten mit anderen Javaskripten auf deiner Webseite kommen. Bei Anzeigeproblemen versuche, das Javaskript ans Ende deines HTML-Bodys zu verschieben, direkt vor den schliessenden Body-Tag .

Variante 2

Anzeige von Veranstaltungen mit Reservation im Format 3, das Teilnehmerlimit kann im Widget-Code direkt definiert werden

  • Binde den Code aus Variante 1 wie oben beschrieben in deine Webseite ein.
  • Ersetze die URL mit der folgenden Adresse:
https://your-softpulse-domain.ch/widgets/scheduler/dist/weekly-groups-schedule1.html?freePlacesEventMax=5&freePlacesEventTemplate=Free%20places%3A%20%7B0%7D&freePlacesEventTemplateExceed=Free%20places%20more%20than%20%7B0%7D
  • Passe den Parameter freePlacesEventMax=5 nach deinen Bedürfnissen an
Hinweis: Schreibe deine neue Nummer unbedingt noch zusätzlich in die E-Mail, um Verwechslungen zu vermeiden.
lifesaver

Du brauchst Hilfe?

Kontaktiere uns
Zuletzt geändert:
September 7, 2022

Den Terminplaner in eine Webseite einbinden

Um den Softpulse-Terminplaner auf deiner Webseite einzubinden, gehe wie folgt vor:

Variante 1

Anzeige von Veranstaltungen mit Reservation im Format 3/5 (= 3 von 5 Plätzen sind noch frei)

Binde den folgenden Code dort in den <body> deines HTML-Codes ein, wo der Terminplaner angezeigt werden soll:

<script>
(function() {
var f = function(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.async = true;
script.src = 'https://your-softpulse-domain.ch/widgets/scheduler/dist/widgets.js';
document.getElementsByTagName('head')[0].appendChild(script);
}
if (window.opera == '[object Opera]') {
document.addEventListener('DOMContentLoaded', f, false);
} else { f(); }
})();
</script>
<iframe id="fitness365-schedule-widget"
name="Fitness365ScheduleWidget"
src="https://your-softpulse-domain.ch/widgets/scheduler/dist/weekly-groups-schedule1.html?eventColor=F7A707&reserveButtonColor=F7A707"
width="100%" height="1060px" frameborder="0" scrolling="no" style="width: 1px; min-width: 100%;"></iframe>
  • Passe die URLs mit deiner persönlichen Softpulse-URL an
  • Passe die Farben-HEX-Codes in der iFrame-URL nach deinen Bedürfnissen an (eventColor und reserveButtonColor)
Tipp: Es kann zu Konflikten mit anderen Javaskripten auf deiner Webseite kommen. Bei Anzeigeproblemen versuche, das Javaskript ans Ende deines HTML-Bodys zu verschieben, direkt vor den schliessenden Body-Tag .

Variante 2

Anzeige von Veranstaltungen mit Reservation im Format 3, das Teilnehmerlimit kann im Widget-Code direkt definiert werden

  • Binde den Code aus Variante 1 wie oben beschrieben in deine Webseite ein.
  • Ersetze die URL mit der folgenden Adresse:
https://your-softpulse-domain.ch/widgets/scheduler/dist/weekly-groups-schedule1.html?freePlacesEventMax=5&freePlacesEventTemplate=Free%20places%3A%20%7B0%7D&freePlacesEventTemplateExceed=Free%20places%20more%20than%20%7B0%7D
  • Passe den Parameter freePlacesEventMax=5 nach deinen Bedürfnissen an