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
