Widgets til din egen hjemmeside
- Hvorfor du bør bruge vores widgets
- Video-vejledning tilgængelig
iFrame-widget
- 1. Find iFrame-koden på din reservationsside under Indstillinger -> Indstillinger for reservationswidget -> iFrame-widget -> Hent widgetkode.
- 2. Indsæt den i HTML-koden <body> på din hjemmeside (eller et andet sted på din hjemmesideplatform, der er beregnet til indsættelse af HTML JavaScript iFrame-kode).
Bemærk! Forskellige hjemmesidebyggere/platforme kan have forskellige måder at tilføje HTML-kode på. Du bør først kontrollere, om din hjemmeside understøtter indsættelse af HTML JavaScript-kode.
- Her er vejledninger til flere populære hjemmesidebyggere:
Widgets med foruddefinerede tjenester, udbydere, kategorier eller placeringer
Denne funktion giver dig mulighed for at generere iframe-kode specifikt til den service, leverandør, kategori eller placering, du har. Hvis du f.eks. har to tjenester, A og B, og du vælger tjeneste A som foruddefineret, åbnes widgetten på den pågældende tjeneste, og trinnet med at vælge tjeneste springes over. Denne funktion kan være nyttig, hvis du kun vil vise bestemte tjenester på en bestemt side på din hjemmeside. Trinene til at generere koden er de samme som ovenfor, men i widgetindstillingerne skal du vælge det element, du vil foruddefinere.
Widgets med foruddefinerede klientoplysninger
Nu kan du også oprette en widget til en bestemt kunde med hans/hendes oplysninger allerede udfyldt.
- 1. Vælg blot den widget-type, du har brug for, i Indstillinger -> Indstillinger for booking-widgets, indstil designet, og klik på Hent widget-kode.
- 2. Der vises et pop op-vindue med koden. Klik på den nederste del for at få oplysninger om kundekoden.
- Kopier hovedkoden, tilføj den nederste del (til det foruddefinerede afsnit) og erstat " Predefined client name", " Predefined client email" og " Predefined client phone " med de nødvendige kundeoplysninger.
- 3. Du får følgende kode:
<script src="//simplybook.me/v2/widget/widget.js"></script>
<script>var widget = new SimplybookWidget({"widget_type":"iframe","url":"https:\/\/companyname.simplybook.me","theme":"belle","theme_settings":{"sb_base_color":"#FF6969","body_bg_color":"#ffffff","dark_font_color":"#494949","light_font_color":"#ffffff","sb_busy":"#dad2ce","sb_available":"#d3e0f1"},"timeline":"flexible","datepicker":"top_calendar","is_rtl":false,"app_config":{"predefined": {"client": {
"name": "Mary",
"email": "mary@gmail.com",
"phone": "+1234567890"
}}
}});</script>
- 4. Som resultat vil denne kundes oplysninger blive udfyldt på forhånd i widgeten, og kunden behøver ikke at indtaste dem.
Widgets til klientlogin, pakker, medlemskaber, gavekort
Bemærk! Det fungerer i øjeblikket kun med iFrame-widgets og fungerer ikke med widgets til bookingknapper og kontaktknapper.
Hvis du bruger en eller flere af disse funktioner, kan det være nødvendigt at tilføje en widget, der giver dine kunder mulighed for at bruge denne funktion på din hjemmeside.
Det kan gøres på en enkel måde ved at tilføje det tilsvarende "navigate" -element til widgetkoden:
- Kundelogin - "navigate":"client/sign-in"
- Pakker - "navigate":"packages"
- Medlemskaber - "navigate":"membership"
- Gavekort - "navigate":"gift-card"
Eksempel på widgetkode for gavekort:
<script src="//simplybook.it/v2/widget/widget.js"></script>
<script>var widget = new SimplybookWidget({"widget_type":"iframe","url":"https:\/\/demo.simplybook.it","navigate":"gift-card","theme":"default","theme_settings":{"timeline_show_end_time":"0","timeline_modern_display":"as_slots","sb_base_color":"#0cadef","display_item_mode":"block","booking_nav_bg_color":"#80d0f2","body_bg_color":"#f7f7f7","dark_font_color":"#494949","light_font_color":"#ffffff","btn_color_1":"#5e7da7","sb_company_label_color":"#ffffff","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#dad2ce","sb_available":"#0cadef"},"timeline":"modern","datepicker":"inline_datepicker","is_rtl":false,"app_config":{"predefined":[]}});</script>
Widget til bookingknap
- 1. Find koden til reservationsknappen på din reservationsside under Indstillinger -> Indstillinger for reservationswidget -> Reservationsknap -> Hent widgetkode.
- 2. Indsæt det i HTML-koden <body> på din hjemmeside (eller et andet sted på din hjemmesideplatform, der er beregnet til indsættelse af HTML JavaScript iFrame-kode).
Bemærk! Forskellige hjemmesidebyggere/platforme kan have forskellige måder at tilføje HTML-kode på. Du bør først kontrollere, om din hjemmeside understøtter indsættelse af HTML JavaScript-kode.
- Her er vejledninger til flere populære hjemmesidebyggere:
- Widgets med foruddefineret service, udbyder, kategori eller placering.
Denne funktion giver dig mulighed for at generere iframe-kode specifikt til den service, udbyder, kategori eller placering, du har. Hvis du f.eks. har to tjenester, A og B, og du vælger tjeneste A som foruddefineret, åbnes widgeten på den pågældende tjeneste, og trinnet med at vælge tjeneste springes over. Denne funktion kan være nyttig, hvis du kun vil vise bestemte tjenester på en bestemt side på din hjemmeside. Trinene til at generere koden er de samme som ovenfor, men i widgetindstillingerne skal du vælge det element, du vil foruddefinere.
Widget til booking og kontakt
- 1. Aktivér kontaktwidget i Tilpassede funktioner -> Til udvikling.
- 2. Hent bookingknap-koden fra din booking-side ved at navigere til Indstillinger nær denne tilpassede funktion eller i Indstillinger i menuen til venstre -> Bookingwidget-indstillinger -> Kontaktwidget -> Hent widgetkode.
- 3. Indsæt det i HTML-koden <body> på din hjemmeside (eller et andet sted på din hjemmesideplatform, der er designet til at indsætte HTML JavaScript iFrame-kode).
Bemærk! Forskellige hjemmesidebyggere/platforme kan have forskellige måder at tilføje HTML-kode på. Du bør først kontrollere, om din hjemmeside understøtter indsættelse af HTML JavaScript-kode.
- Her er vejledninger til flere populære hjemmesidebyggere:
Anmeldelseswidget
Ønsker du at tilføje anmeldelser, som dine kunder efterlader på reservationssiden, til din hjemmeside?
Følg blot disse instruktioner:
- 1. Gå til Indstillinger -> Indstillinger for booking-widgets -> Anmeldelses-widget.
- 2. På siden kan du vælge tema, indstille farver, bestemme antallet af anmeldelser, du ønsker at vise, og om du ønsker, at dine kunder skal kunne tilføje anmeldelser ved hjælp af widgeten.
- 3. Når designet er indstillet, skal du blot klikke på knappen Hent widgetkode, kopiere koden og indsætte den på det ønskede sted på din hjemmeside.
Tillykke! Widgeten er nu klar, og dine anmeldelser vil blive offentliggjort og opdateret på din hjemmeside!
