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]]
 
[[Category:Troubleshooting]]
 
[[Category:Troubleshooting]]
 +
<div class="heading">Wigets</div>
 +
Diese Seite ist über das Menue {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > WIDGETS''
  
−
''Diese Seite ist über das Menue KONFIGURATION -> BUCHUNGSMASCHINE->WIDGETS''
+
= Widget über den Widget Designer erstellen=
−
 
 
−
== Widget über den Widget Designer erstellen==
 
 
*Wählen sie den Widgettyp aus.  
 
*Wählen sie den Widgettyp aus.  
 
*Sndern sie die Einstellungen nach ihren Wünschen
 
*Sndern sie die Einstellungen nach ihren Wünschen
Zeile 17: Zeile 17:
 
  <nowiki><!-- Place this div on your page where you want the widget to show --></nowiki>
 
  <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  ==
−
 
 
 
Wenn jQuery und jQueryUI nicht auf ihrer Website installiert ist, fügen sie folgenden Code und den <head> ihrer Website ein.  
 
Wenn jQuery und jQueryUI nicht auf ihrer Website installiert ist, fügen sie folgenden Code und den <head> ihrer Website ein.  
  
Zeile 26: Zeile 25:
  
 
  Die Sprachkodierung auf der Seite auf welcher die Widgets eingebettet sind muss UTF-8 sein.
 
  Die Sprachkodierung auf der Seite auf welcher die Widgets eingebettet sind muss UTF-8 sein.
−
===Erweiterte Funktionen für Entwickler und  Webdesigner ===
+
==Funktionen für Entwickler und  Webdesigner ==
 
Erforderliche Kenntnisse: HTML, CSS
 
Erforderliche Kenntnisse: HTML, CSS
  
Zeile 36: Zeile 35:
 
Wenn sie das Wordpress Plugin einsetzen, benutzen sie bitte [[Wordpress_Plugin|diese Anleitung]].
 
Wenn sie das Wordpress Plugin einsetzen, benutzen sie bitte [[Wordpress_Plugin|diese Anleitung]].
  
−
== Andere Widgets ==
+
== Eingebetteter Iframe oder Link zur Buchungsseite ==
−
*Code für einen iFrame mit ihrer Buchungsseite kann unter   KONFIGURATION -> BUCHUNGSMASCHINEE->WIDGETS'->EMBEDDED IFRAME generiert werden
+
*Code für einen iFrame mit ihrer Buchungsseite kann unter     {{#fas:cog}} (KONFIGURATION)  BUCHUNGSMASCHINE > WIDGETS > Eingebetteter IFRAME generiert werden
−
*Links  zu ihrer Buchungsseite können unter   KONFIGURATION -> BUCHUNGSMASCHINEE->WIDGETS->LINKS erstellt werden
+
*Links  zu ihrer Buchungsseite können unter   {{#fas:cog}} (KONFIGURATION)  BUCHUNGSMASCHINE > WIDGETS > LINKS erstellt werden
−
*Eine URL, die ihre Buchungsseite öffnet kann unter   KONFIGURATION -> BUCHUNGSMASCHINE->WIDGETS->QUICK URL erstellt werden
+
*Eine URL, die ihre Buchungsseite öffnet kann unter {{#fas:cog}} (KONFIGURATION)  BUCHUNGSMASCHINE > WIDGETS > QUICK URL erstellt werden
−
*Buttons können unter  KONFIGURATION -> BUCHUNGSMASCHINE->WIDGETS->BUTTON erstellt werden
+
*Buttons können unter   {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > WIDGETS > BUTTON erstellt werden
−
*Code für ein Anfrageformular kann unter   KONFIGURATION -> BBUCHUNGSMASCHINE->WIDGETS->ANFRAGEFORMULAR
+
*Code für ein Anfrageformular kann unter   {{#fas:cog}} (KONFIGURATION)  BUCHUNGSMASCHINE > WIDGETS > ANFRAGEFORMULAR
 +
 
 +
== 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: <code>&numnight=2&numadult=2&advancedays=2</code>
 +
 
 +
== Probleme bei der Installation mit 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  {{#fas:cog}} (KONFIGURATION)  BUCHUNGSMASCHINE > WIDGETS > BUTTON.
 +
 
 +
==Booking page does not open the dates and or number of guests selected in the widget==
 +
You are defining these parameters in the URL in the embedded Iframe. Remove these parameters from the Iframe URL: <code> &numnight=2&numadult=2&advancedays=2</code>
  
 +
==Problem installing widgets on Wix==
 +
Other than almost all other web sites Wix does not support JQuery. You will need to check with Wix if they allow you to add JQuery to your page. If Wix will not allow you to add JQuery you can use a button, links or our legacy widgets. The legacy widgets are available via SETTINGS-BOOKING PAGE-WIDGETS-BOOKING BUTTON.
  
−
Vorherige Versionen der Widgets werden nicht mehr unterstützt. Falls sie alte Versionen nutzen wollen, können sie die Menueseiten über diese Links öffnen: 
+
==Konsole zeigt Fehler "bookWidget is not a function"==
−
*[https://beds24.com/control2.php?pagetype=widgetcalendar Belegungskalendar]
+
Ihre Seite schein das Wort JQuery nicht zu akzeptieren. Tauschen Sie
−
*[https://beds24.com/control2.php?pagetype=widgetstrip Streifen]
 
−
*[https://beds24.com/control2.php?pagetype=widgetbox Buchungsbox]
 
  
−
== Troubleshooting ==
+
jQuery(document).ready(function() {
−
'''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
+
jQuery('#bookWidget-44005-75744-0-1589444240').bookWidget({
 +
 
 +
propid:75744,
 +
 
 +
formAction:'https://beds24.com/booking.php',
 +
 
 +
widgetLang:'en',
 +
 
 +
widgetType:'BookingStrip'
 +
});
 +
 
 +
 
 +
gegen diesen Code aus:
 +
 
 +
$(document).ready(function() {
 +
 
 +
$('#bookWidget-44005-75744-0-1589444240').bookWidget({
 +
 
 +
propid:75744,
 +
 
 +
formAction:'https://beds24.com/booking.php',
 +
 
 +
widgetLang:'en',
  
−
  '''Wix'''
+
widgetType:'BookingStrip'
−
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 KONFIGURATIONBUCHUNGSMASCHINE-WIDGETS-BUTTON.
+
});

Version vom 15. Mai 2020, 13:38 Uhr

Wigets
Diese Seite ist über das Menue  (KONFIGURATION) BUCHUNGSMASCHINE > 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 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.

1.3 Wordpress

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

1.4 Eingebetteter Iframe oder Link zur Buchungsseite

  • Code für einen iFrame mit ihrer Buchungsseite kann unter (KONFIGURATION) BUCHUNGSMASCHINE > WIDGETS > Eingebetteter IFRAME generiert werden
  • Links zu ihrer Buchungsseite können unter (KONFIGURATION) BUCHUNGSMASCHINE > WIDGETS > LINKS erstellt werden
  • Eine URL, die ihre Buchungsseite öffnet kann unter (KONFIGURATION) BUCHUNGSMASCHINE > WIDGETS > QUICK URL erstellt werden
  • Buttons können unter (KONFIGURATION) BUCHUNGSMASCHINE > WIDGETS > BUTTON erstellt werden
  • Code für ein Anfrageformular kann unter (KONFIGURATION) BUCHUNGSMASCHINE > WIDGETS > ANFRAGEFORMULAR

1.5 Troubleshooting

1.5.1 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

1.6 Probleme bei der Installation mit 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) BUCHUNGSMASCHINE > WIDGETS > BUTTON.

1.7 Booking page does not open the dates and or number of guests selected in the widget

You are defining these parameters in the URL in the embedded Iframe. Remove these parameters from the Iframe URL: &numnight=2&numadult=2&advancedays=2

1.8 Problem installing widgets on Wix

Other than almost all other web sites Wix does not support JQuery. You will need to check with Wix if they allow you to add JQuery to your page. If Wix will not allow you to add JQuery you can use a button, links or our legacy widgets. The legacy widgets are available via SETTINGS-BOOKING PAGE-WIDGETS-BOOKING BUTTON.

1.9 Konsole zeigt Fehler "bookWidget is not a function"

Ihre Seite schein das Wort JQuery nicht zu akzeptieren. Tauschen Sie

jQuery(document).ready(function() {

jQuery('#bookWidget-44005-75744-0-1589444240').bookWidget({

propid:75744,

formAction:'https://beds24.com/booking.php',

widgetLang:'en',

widgetType:'BookingStrip' });


gegen diesen Code aus:

$(document).ready(function() {

$('#bookWidget-44005-75744-0-1589444240').bookWidget({

propid:75744,

formAction:'https://beds24.com/booking.php',

widgetLang:'en',

widgetType:'BookingStrip' });

Unterkategorien

Diese Kategorie enthält die folgenden 3 Unterkategorien (3 insgesamt):

B

L

W

Seiten in der Kategorie „Widgets“

Folgende 10 Seiten sind in dieser Kategorie, von 10 insgesamt.

A

B

C

E

F

L

Q

W

Abgerufen von „https://wiki.beds24.com/wikiDE/index.php?title=Kategorie:Widgets&oldid=9897“