Kategorie:Widgets: Unterschied zwischen den Versionen

Aus Beds24 Wiki
Zur Navigation springen Zur Suche springen
(13 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
 
[[Category:Konfiguration]]
 
[[Category:Konfiguration]]
 +
[[Category:Buchungsseite_und_Widgets]]
 +
[[Category:Troubleshooting]]
  
 +
''Diese Seite ist über das Menue KONFIGURATION -> BUCHUNGSSEITE->WIDGETS''
  
== Widgets ==
+
== 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.
  
The booking widget links your website to your online booking systems [[:Category:Booking Page|Booking Page]] letting your guests see your availabilty and make a booking. You can create your own widget using the link to your booking page or place one of the widgets or availability calendars Beds24 supplies on your website.  
+
Die Kalender in den Widgets zeigen bis zu einem Jahr im Voraus an.
  
You find the widgets unter SETTINGS -> BOOKING WIDGETS
+
  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>
  
All our widgets can be customised to suit the style of your website.
+
=== Wenn sie kein JQuery haben  ===
  
You can use multiple widgets on multiple websites, blogs etc.
+
Wenn jQuery und jQueryUI nicht auf ihrer Website installiert ist, fügen sie folgenden Code und den <head> ihrer Website ein.  
  
Choose from the menue and use the selector to determine what the widget should link to. Depending what you want to show you have the choice of:  
+
<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>
  
'''Room Widgets'''
+
Die Sprachkodierung auf der Seite auf welcher die Widgets eingebettet sind muss UTF-8 sein.
-for individual rooms showing just this room go to Properties open the room you want to set up and then go to Widgets. When you use these widgets a guest can only see/book this room.
+
===Erweiterte Funktionen für Entwickler und  Webdesigner ===
 +
Erforderliche Kenntnisse: HTML, CSS
  
'''Property Widgets'''
+
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.
-for a property showing all the rooms in a property go to Properties open the property you want to set up and then go to Widgets. When you use these widgets a guest can can see all rooms in this property.
 
  
'''Association Widgets'''
+
Eine Übersicht über die Parameter finden sie im [https://wiki.beds24.com/index.php?title=Widget_Designer englischsprachigen Wiki].
-if you are a host with multiple properties or an association showing all properties and rooms in your account. When you use these widgets a guest can see all rooms in all properties.
 
  
To create the widget, copy the supplied code from the white box to the place in your page source you want the item to appear. These widgets are samples, you are allowed to modify them as you like to create your own booking links, buttons, forms etc.
+
== Wordpress ==
 +
Wenn sie das Wordpress Plugin einsetzen, benutzen sie bitte [[Wordpress_Plugin|diese Anleitung]].
  
To install widgets on your web site you will need the ability to edit the HTML of your page. This may involve knowing the passwords for your web server and the ability to transfer your files. Your web hosting service should be able to provide information and assist you with this.
+
== 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
  
If you prefer our webdesigner can do the installation for you for you for a small fee. Just send us a message via control panel clicking on SUPPORT.
+
 
 +
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]
 +
 
 +
== 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
 +
 
 +
  '''Wix'''
 +
Im Gegensatz zu fast allen anderen Websites unterstützt Wix kein JQuery. Klären Sie mit Wix ob/wie Sie JQuery auf ihrer Seite installieren können. Falls Wix ihnen nicht erlaugt JQuery hinzuzufügen können sie einen Button, Links oder die Widgets der letzten Generation benutzen. Diese erreichen sie über KONFIGURATION-BUCHUNGSSEITE-WIDGETS-BUTTON.

Version vom 13. Juni 2019, 10:53 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.

Die Kalender in den Widgets zeigen bis zu einem Jahr im Voraus an.

 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
 Wix
Im Gegensatz zu fast allen anderen Websites unterstützt Wix kein JQuery. Klären Sie mit Wix ob/wie Sie JQuery auf ihrer Seite installieren können. Falls Wix ihnen nicht erlaugt JQuery hinzuzufügen können sie einen Button, Links oder die Widgets der letzten Generation benutzen. Diese erreichen sie über KONFIGURATION-BUCHUNGSSEITE-WIDGETS-BUTTON.

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.