Kategorie:Widgets: Unterschied zwischen den Versionen

Aus Beds24 Wiki
Zur Navigation springen Zur Suche springen
Zeile 23: Zeile 23:
 
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
 
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  
 +
Die Sprachkodierung auf der Seite auf welcher die Widgets eingebettet sind muss UTF-8 sein.
 
===Erweiterte Funktionen für Entwickler und  Webdesigner ===
 
===Erweiterte Funktionen für Entwickler und  Webdesigner ===
 
Erforderliche Kenntnisse: HTML, CSS
 
Erforderliche Kenntnisse: HTML, CSS

Version vom 24. September 2017, 16:25 Uhr


Diese Seite ist über das Menue KONFIGURATION -> BUCHUNGSSEITE->WIDGETS

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>
Die Sprachkodierung auf der Seite auf welcher die Widgets eingebettet sind muss UTF-8 sein.

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 Wordpress

Wenn sie das Wordpress Plugin einsetzen, benutzen sie bitte diese Anleitung.

3 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:

4 Troubleshooting

Buchungsseite öffnet nicht die im Widget ausgewählten Daten und/oder Anzahl der Gäste
Sie definieren diese Parameter in der URL des Iframe. Entfernen sie folgende Parameter von der URL des Iframes: &numnight=2&numadult=2&advancedays=2

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.