Kategorie:Widgets: Unterschied zwischen den Versionen

Aus Beds24 Wiki
Zur Navigation springen Zur Suche springen
Zeile 1: Zeile 1:
 
[[Category:Konfiguration]]
 
[[Category:Konfiguration]]
 
[[Category:Buchungsseite_und_Widgets]]
 
[[Category:Buchungsseite_und_Widgets]]
Diese Seite ist über das Menu KONFIGURATION -> WIDGETS
 
  
Über Widgets ist Ihre Website mit dem Buchungssystem verbunden. Sie können ein Widget auswählen oder Ihren eigenen Button oder Bild benutzen. Wählen Sie aus dem Menue und folgen Sie den Anleitungen in der Kontexthilfe.
+
''Diese Seite ist über das Menue KONFIGURATION -> BUCHUNGSSEITE->WIDGETS''
  
Um Widgets auf Ihrer Website zu installieren, müssen Sie oder ihr Webdesigner den Code Ihrer Website bearbeiten. Hierzu können Passwörter notwendig sein. Dies bekommen Sie über Ihren Hosting Provider.
+
Mit dem Widget Designer können sie Widgets für ihre Website erstellen.
 +
 
 +
== 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.
 +
 
 +
=== 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>
 +
 
 +
===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 [https://wiki.beds24.com/index.php?title=Widget_Designer englischsprachigen Wiki].
 +
 
 +
== 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: 
 +
*[https://beds24.com/control2.php?pagetype=widgetcalendar Belegungskalendar]
 +
*[https://beds24.com/control2.php?pagetype=widgetstrip Streifen]
 +
*[https://beds24.com/control2.php?pagetype=widgetbox Buchungsbox]

Version vom 6. Juni 2017, 16:15 Uhr


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

Mit dem Widget Designer können sie Widgets für ihre Website erstellen.

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.

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.