SimplyBook.me

Widgets for your own website/da: Difference between revisions

← Older editNewer edit →
VisualWikitext
Created page with "= iFrame-widget = <br><br> :1. Find iFrame-koden på din reservationsside under <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Indstillinger</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Indstillinger for reservationswidget</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame-widget</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Hen..."
Created page with ":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 " <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Predefined client name</span>", " <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Predefined client email</span>" og " <span style="background-color:#d4f8e5; padding:5px; border-radiu..."
Line 40: Line 40:
<br><br>
<br><br>


<div lang="en" dir="ltr" class="mw-content-ltr">
== Widgets med foruddefinerede klientoplysninger ==
==Widgets with predefined client details==
<br>
<br>
Now you can also create a widget for some particular client with his/her details already filled in.
Nu kan du også oprette en widget til en bestemt kunde med hans/hendes oplysninger allerede udfyldt.
:1. Just select the widget type you need in <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>, set the design and click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code.</span>
:1. Vælg blot den widget-type, du har brug for, i <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Indstillinger</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Indstillinger for booking-widgets</span>, indstil designet, og klik på <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Hent widget-kode.</span>
[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]
[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]
<br><br>
<br><br>
</div>
:2. Der vises et pop op-vindue med koden. Klik på den nederste del for at få oplysninger om kundekoden.
<div lang="en" dir="ltr" class="mw-content-ltr">
:Kopier hovedkoden, tilføj den nederste del (til det foruddefinerede afsnit) og erstat " <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Predefined client name</span>", " <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Predefined client email</span>" og " <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Predefined client phone</span> " med de nødvendige kundeoplysninger.
:2. You will see a pop-up window with the code, click on the bottom part to get client code details.
:Please copy the main code, add bottom part to it(to predefined section) and replace <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Predefined client name</span>, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Predefined client email</span>, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Predefined client phone</span> with the necessary client details.
[[File:Predefined client details redesigned.png|1200px |border| center|link=https://help.simplybook.me/images/3/3a/Predefined_client_details_redesigned.png]]
[[File:Predefined client details redesigned.png|1200px |border| center|link=https://help.simplybook.me/images/3/3a/Predefined_client_details_redesigned.png]]
<br><br>
<br><br>
:3. You will get the code like this:<br>
:3. Du får følgende kode:<br>
<code><script src="//simplybook.me/v2/widget/widget.js"></script>
<code><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": {<br>
<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": {<br>
Line 62: Line 59:
}});</script></code>
}});</script></code>
<br><br>
<br><br>
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
:4. As a result the details of this client will be pre-filled in the widget and there will be no need for client to provide them.
:4. As a result the details of this client will be pre-filled in the widget and there will be no need for client to provide them.
Retrieved from "https://help.simplybook.me/index.php?title=Widgets_for_your_own_website/da"