SimplyBook.me

Widgets for your own website/sv: Difference between revisions

← Older editNewer edit →
VisualWikitext
Created page with ":4. Som resultat kommer kundens uppgifter att fyllas i automatiskt i widgeten och kunden behöver inte ange dem. center <br><br>"
Created page with "== Widgets med fördefinierade kunduppgifter == <br> Nu kan du också skapa en widget för en viss kund med hans/hennes uppgifter redan ifyllda. :1. Välj bara den widget-typ du behöver i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar för bokningswidgets</span>, ställ in designen och klicka på <span style="background-color:#d4f8e..."
Line 107: Line 107:
<br><br>
<br><br>


<div lang="en" dir="ltr" class="mw-content-ltr">
= Widget för bokning och kontakt =
=Booking and Contact Button Widget=
<br><br>
<br><br>
:1. Enable <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Contact_Widget |Contact Widget]]</span> in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">For Development</span>.
:1. Aktivera <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Contact_Widget |kontaktwidget]]</span> i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Anpassade funktioner</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">För utveckling</span>.
[[File:Contact widget enable path redesigned.png|1200px| center|link=https://help.simplybook.me/images/8/8c/Contact_widget_enable_path_redesigned.png]]
[[File:Contact widget enable path redesigned.png|1200px| center|link=https://help.simplybook.me/images/8/8c/Contact_widget_enable_path_redesigned.png]]
<br><br>
<br><br>
:2. Take the booking button code of your booking page by navigating to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> near this custom feature or in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> in the left-side menu -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Contact widget</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code.</span>
:2. Hämta bokningsknappens kod från din bokningssida genom att navigera till <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span> nära denna anpassade funktion eller i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span> i menyn till vänster -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar för bokningswidgets</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Kontaktwidget</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Hämta widgetkod.</span>
[[File:Contact widget settings path redesigned.png|1200px|border| center|link=https://help.simplybook.me/images/0/09/Contact_widget_settings_path_redesigned.png]]
[[File:Contact widget settings path redesigned.png|1200px|border| center|link=https://help.simplybook.me/images/0/09/Contact_widget_settings_path_redesigned.png]]
<br><br>
<br><br>
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
[[File:Contact widget design path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/7/74/Contact_widget_design_path_redesigned.png]]
[[File:Contact widget design path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/7/74/Contact_widget_design_path_redesigned.png]]
<br><br>
<br><br>
[[File:Contact widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/4/49/Contact_widget_code_redesigned.png]]
[[File:Contact widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/4/49/Contact_widget_code_redesigned.png]]
<br><br>
<br><br>
:3. Insert it to the HTML code <body> of your website (or any other place in your website platform designed for inserting HTML JavaScript iFrame code). <br>
:3. Infoga den i HTML-koden <body> på din webbplats (eller någon annan plats på din webbplattform som är avsedd för att infoga HTML JavaScript iFrame-kod). <br>
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' Different website builders/platforms may have various ways to add HTML code, you should check first whether your website supports inserting HTML JavaScript code.</span>
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Observera!''' Olika webbplatsbyggare/plattformar kan ha olika sätt att lägga till HTML-kod. Kontrollera först om din webbplats stöder infogning av HTML JavaScript-kod.</span>
:'''Here are tutorials for several popular website builders:'''
:'''Här finns handledningar för flera populära webbplatsbyggare:'''
:::*[https://help.simplybook.me/index.php/WordPress_integration Wordpress]
:::[https://help.simplybook.me/index.php/WordPress_integration *Wordpress]
:::*[https://help.simplybook.me/index.php/Shopify Shopify]
:::[https://help.simplybook.me/index.php/Shopify *Shopify]
:::*[https://help.simplybook.me/index.php/Joomla_integration Joomla]
:::[https://help.simplybook.me/index.php/Joomla_integration *Joomla]
:::*[https://help.simplybook.me/index.php/Wix_integration Wix]
:::[https://help.simplybook.me/index.php/Wix_integration *Wix]
:::*[https://help.simplybook.me/index.php/Squarespace Squarespace]
:::[https://help.simplybook.me/index.php/Squarespace *Squarespace]
:::*[https://help.simplybook.me/index.php/Weebly Weebly]
:::[https://help.simplybook.me/index.php/Weebly *Weebly]
:::*[https://help.simplybook.me/index.php/Go_Daddy Go Daddy]
:::[https://help.simplybook.me/index.php/Go_Daddy *Go Daddy]
:::*[https://help.simplybook.me/index.php/SITE123_integration SITE123]
:::[https://help.simplybook.me/index.php/SITE123_integration *SITE123]
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
;[https://simplydemowidgets.mozello.com/ Kontrollera hur widgets kan se ut på din webbplats]
;[https://simplydemowidgets.mozello.com/ Check how widgets can look like on your website]
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
= Recensionswidget =
=Reviews Widget=
<br><br>
<br><br>
Wish to add reviews your clients leave on the booking page to your website?<br>
Vill du lägga till recensioner som dina kunder lämnar på bokningssidan till din webbplats?<br>
Just follow these instructions:
Följ bara dessa instruktioner:
:1. Please go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reviews widget.</span>
:1. Gå till <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar för bokningswidgets</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Recensionswidget.</span>
[[File:Reviews widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/5/5b/Reviews_widget_path_redesigned.png]]
[[File:Reviews widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/5/5b/Reviews_widget_path_redesigned.png]]
<br><br>
<br><br>
:2. On the page you will be able to select the theme, set colors, decide on the number of reviews you wish to display and whether you wish your clients to be able to add reviews using the widget.  
:2. På sidan kan du välja tema, ställa in färger, bestämma hur många recensioner du vill visa och om du vill att dina kunder ska kunna lägga till recensioner med hjälp av widgeten.  
[[File:Reviews widget settings redesigned.png|1200px| center|link=https://help.simplybook.me/images/6/6d/Reviews_widget_settings_redesigned.png]]
[[File:Reviews widget settings redesigned.png|1200px| center|link=https://help.simplybook.me/images/6/6d/Reviews_widget_settings_redesigned.png]]
<br><br>
<br><br>
:3. And now, when design is set, just click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code</span> button, copy the code and insert it to your website to the desired place.
:3. När designen är klar klickar du bara på knappen <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Hämta widgetkod</span>, kopierar koden och klistrar in den på önskad plats på din webbplats.
[[File:Get reviews widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/f/f8/Get_reviews_widget_code_redesigned.png]]
[[File:Get reviews widget code redesigned.png|1200px | center|link=https://help.simplybook.me/images/f/f8/Get_reviews_widget_code_redesigned.png]]
<br>
<br>
Congratulations! Widget is now ready, your reviews will be published and updated on your website!
Grattis! Widgeten är nu klar och dina recensioner kommer att publiceras och uppdateras på din webbplats!
<br><br>
<br><br>
</div>
Retrieved from "https://help.simplybook.me/index.php?title=Widgets_for_your_own_website/sv"