Kategorie:Widgets: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| Zeile 10: | Zeile 10: | ||
*Klicken sie auf "Code generiren" und kopieren das angezeigte Code Snippet. | *Klicken sie auf "Code generiren" und kopieren das angezeigte Code Snippet. | ||
*Gehen sie zu der Seite auf ihrer Website, wo sie das Widget einfügen möchten und fügen den kopierten Code in das HTML ein. Wenn sie nicht wissen, wie das geht, nutzen die die Hilfe ihres CMS Systems oder Websitebilders oder bitten sie ihren Webdesginer um Hilfe. | *Gehen sie zu der Seite auf ihrer Website, wo sie das Widget einfügen möchten und fügen den kopierten Code in das HTML ein. Wenn sie nicht wissen, wie das geht, nutzen die die Hilfe ihres CMS Systems oder Websitebilders oder bitten sie ihren Webdesginer um Hilfe. | ||
| + | |||
| + | Hinweis: Wenn sie mehrere Widgets auf einer Seite ihrer Website anzeigen möchten, stellen sie sicher, dass die den Code für das zweite Widget Code nicht ab Anfang sondern erst ab dieser Stelle einfügen: | ||
| + | <nowiki><!-- Place this div on your page where you want the widget to show --></nowiki> | ||
=== Wenn sie kein JQuery haben === | === Wenn sie kein JQuery haben === | ||
Version vom 6. Juni 2017, 15:30 Uhr
Diese Seite ist über das Menue KONFIGURATION -> BUCHUNGSSEITE->WIDGETS
Inhaltsverzeichnis
1 Widget über den Widget Designer erstellen
- Wählen sie den Widgettyp aus.
- Sndern sie die Einstellungen nach ihren Wünschen
- Klicken sie auf "Aktualisieren" um eine Vorschau zu sehen.
- Klicken sie auf "Code generiren" und kopieren das angezeigte Code Snippet.
- Gehen sie zu der Seite auf ihrer Website, wo sie das Widget einfügen möchten und fügen den kopierten Code in das HTML ein. Wenn sie nicht wissen, wie das geht, nutzen die die Hilfe ihres CMS Systems oder Websitebilders oder bitten sie ihren Webdesginer um Hilfe.
Hinweis: Wenn sie mehrere Widgets auf einer Seite ihrer Website anzeigen möchten, stellen sie sicher, dass die den Code für das zweite Widget Code nicht ab Anfang sondern erst ab dieser Stelle einfügen: <!-- Place this div on your page where you want the widget to show -->
1.1 Wenn sie kein JQuery haben
Wenn jQuery und jQueryUI nicht auf ihrer Website installiert ist, fügen sie folgenden Code und den <head> ihrer Website ein.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
1.2 Erweiterte Funktionen für Entwickler und Webdesigner
Erforderliche Kenntnisse: HTML, CSS
Sie können die Parameter manuell einsetzen und ihr eigenes CSS nutzen. Wenn sie ihre eigenen Styles hinzufügen wollen nutzen sie Developer Tools um die Klassen der Widgets zu identifizieren.
Eine Übersicht über die Parameter finden sie im englischsprachigen Wiki.
2 Andere Widgets
- Code für einen iFrame mit ihrer Buchungsseite kann unter KONFIGURATION -> BUCHUNGSSEITE->WIDGETS'->EMBEDDED IFRAME generiert werden
- Links zu ihrer Buchungsseite können unter KONFIGURATION -> BUCHUNGSSEITE->WIDGETS->LINKS erstellt werden
- Eine URL, die ihre Buchungsseite öffnet kann unter KONFIGURATION -> BUCHUNGSSEITE->WIDGETS->QUICK URL erstellt werden
- Buttons können unter KONFIGURATION -> BUCHUNGSSEITE->WIDGETS->BUTTON erstellt werden
- Code für ein Anfrageformular kann unter KONFIGURATION -> BUCHUNGSSEITE->WIDGETS->ANFRAGEFORMULAR
Vorherige Versionen der Widgets werden nicht mehr unterstützt. Falls sie alte Versionen nutzen wollen, können sie die Menueseiten über diese Links öffnen:
Unterkategorien
Diese Kategorie enthält die folgenden 3 Unterkategorien (3 insgesamt):
Seiten in der Kategorie „Widgets“
Folgende 10 Seiten sind in dieser Kategorie, von 10 insgesamt.
