WordPress integration/sv: Difference between revisions

From SimplyBook.me
No edit summary
No edit summary
 
(6 intermediate revisions by 2 users not shown)
Line 12: Line 12:
<br><br>
<br><br>
:2. Gå till tilläggets <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span>.
:2. Gå till tilläggets <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span>.
<br><br>
<br><br><span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"></span>
:3. Om du redan har ett konto hos SimplyBook.me, välj alternativet <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Logga in här</span>.<br>  
:3. Om du redan har ett konto hos SimplyBook.me, välj alternativet <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Logga in här</span>.<br>  
:Om du ännu inte har skapat ett konto, följ bara stegen för att <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Skapa gratis konto</span>. [[File:Create account or sign up in wp.png|1200px|center|link=https://help.simplybook.me/images/2/2f/Create_account_or_sign_up_in_wp.png]] <br><br>  
:Om du ännu inte har skapat ett konto, följ bara stegen för att <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Skapa gratis konto</span>. [[File:Create account or sign up in wp.png|1200px|center|link=https://help.simplybook.me/images/2/2f/Create_account_or_sign_up_in_wp.png]] <br><br>  
:4. Efter en kort registrerings-/inloggningsprocess kommer du till din <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Översiktspanel</span>. [[File:Wp new dashboard overview.png|1200px|center|link=https://help.simplybook.me/images/a/ab/Wp_new_dashboard_overview.png]] <br><br>  
:4. Efter en kort registrerings-/inloggningsprocess kommer du till din <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Översiktspanel</span>. [[File:Wp new dashboard overview.png|1200px|center|link=https://help.simplybook.me/images/a/ab/Wp_new_dashboard_overview.png]] <br><br>  
:5. Gå till fliken <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span> och välj "Tjänster" eller "Leverantörer" för att se befintliga i ditt konto och enkelt hantera dem eller lägga till fler. [[File:Wp new see the list of services and providers.png|1200px|center|link=https://help.simplybook.me/images/9/97/Wp_new_see_the_list_of_services_and_providers.png]]
:5. Gå till fliken <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span> och välj "Tjänster" eller "Leverantörer" för att se befintliga i ditt konto och enkelt hantera dem eller lägga till fler. [[File:Wp new see the list of services and providers.png|1200px|center|link=https://help.simplybook.me/images/9/97/Wp_new_see_the_list_of_services_and_providers.png]]
:6. Växla till fliken '''Design'''.<br>
:6. Växla till fliken <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Design</span>.<br>
:Justera <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">designinställningarna</span> för din widget.<br>
:Justera utseendet på din widget.<br>  
:Du kan välja önskad kalenderlayout, ändra tema, justera färger och mycket mer.
:Du kan välja önskat kalenderlayout, justera färgerna och mycket mer. [[File:Wp new design settings path.png|1200px|center|link=https://help.simplybook.me/images/b/ba/Wp_new_design_settings_path.png]] <br><br>  
:Här kan du också välja några fördefinierade alternativ för plugin-programmet om det behövs.
:7. Spara dina inställningar och till fliken <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Sidor</span> i WordPress-gränssnittet.<br>
[[File:Wordpress design settings overview.png|1200px|center|link=https://help.simplybook.me/images/5/54/Wordpress_design_settings_overview.png]]
:Öppna sidan du vill lägga till bokningsfunktionen på, eller skapa en ny. :Klicka på "+"-knappen och leta efter alternativet '''Simplybook'''. Klicka på det för att lägga till det på sidan. Spara sidan.
<br><br>
:När webbplatsen är publicerad kommer kunder att kunna boka dina tjänster. [[File:Wp new add plugin to page.png|1200px|center|link=https://help.simplybook.me/images/7/7e/Wp_new_add_plugin_to_page.png]] <br><br>
:7. Spara dina inställningar och navigera till fliken <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Allmänt</span> i plugin-gränssnittet.
:8. (valfritt) Om du endast vill ha bokningsfunktionen för en viss tjänst/leverantör/plats/kategori kan du använda alternativet <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Redigera fördefinierade parametrar</span>. [[File:Wp edit predefined path.png|1200px|center|link=https://help.simplybook.me/images/d/d7/Wp_edit_predefined_path.png]] <br><br> :Och välj önskat/önskade alternativ i popup-fönstret som visas. [[File:Wp new predefined options.png|1200px|center|link=https://help.simplybook.me/images/7/70/Wp_new_predefined_options.png]] <br><br>  
[[File:Wordpress plugin general tab page options.png|1200px|center|link=https://help.simplybook.me/images/d/d6/Wordpress_plugin_general_tab_page_options.png]]
:9. Som ett alternativt sätt att lägga till funktionen på sidan kan du använda en kortkod. :Kopiera kalenderkortkoden från tilläggets <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Inställningar</span>-sida. [[File:Wp new shortcode for widget.png|1200px|center|link=https://help.simplybook.me/images/e/e5/Wp_new_shortcode_for_widget.png]] <br><br>  
<br><br>
:Och klistra helt enkelt in den i HTML-delen den sida du önskar. [[File:Wp new paste shortcode.png|1200px|center|link=https://help.simplybook.me/images/0/0a/Wp_new_paste_shortcode.png]] <br><br>
:Sidan med bokningswidgeten är redan förskapad åt dig – du kan redigera, ta bort eller behålla den som den är.<br>
:Du kan också skapa en ny sida och klistra in taggen <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[simplybook_widget]</span> i sidtexten och publicera sidan.<br><br>
:Härifrån kan du också enkelt komma åt olika sidor SimplyBook.me för att lägga till eller redigera dina tjänster och leverantörer, aktivera ytterligare funktioner för bokningsprocessen med de anpassade funktionerna.
[[File:Wordress plugin general tab useful links.png|1200px|center|link=https://help.simplybook.me/images/7/7d/Wordress_plugin_general_tab_useful_links.png]]
<br><br><br><br>
== Som widget ==
== Som widget ==
:1. Kopiera koden från <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 bokningswidget</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame-widget</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Hämta widgetkod.</span>
:1. Kopiera koden från <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 bokningswidget</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame-widget</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Hämta widgetkod.</span>

Latest revision as of 13:02, 17 October 2025


Med hjälp av WordPress-plugin

1. I din WordPress-administrationspanel, gå till Tillägg -> Lägg till nytt tillägg och sök efter Simplybook.
Installera det och aktivera.





2. Gå till tilläggets Inställningar.



3. Om du redan har ett konto hos SimplyBook.me, välj alternativet Logga in här.
Om du ännu inte har skapat ett konto, följ bara stegen för att Skapa gratis konto.


4. Efter en kort registrerings-/inloggningsprocess kommer du till din Översiktspanel.


5. Gå till fliken Inställningar och välj "Tjänster" eller "Leverantörer" för att se befintliga i ditt konto och enkelt hantera dem eller lägga till fler.
6. Växla till fliken Design.
Justera utseendet på din widget.
Du kan välja önskat kalenderlayout, justera färgerna och mycket mer.


7. Spara dina inställningar och gå till fliken Sidor i WordPress-gränssnittet.
Öppna sidan du vill lägga till bokningsfunktionen på, eller skapa en ny. :Klicka på "+"-knappen och leta efter alternativet Simplybook. Klicka på det för att lägga till det på sidan. Spara sidan.
När webbplatsen är publicerad kommer kunder att kunna boka dina tjänster.


8. (valfritt) Om du endast vill ha bokningsfunktionen för en viss tjänst/leverantör/plats/kategori kan du använda alternativet Redigera fördefinierade parametrar.


:Och välj önskat/önskade alternativ i popup-fönstret som visas.


9. Som ett alternativt sätt att lägga till funktionen på sidan kan du använda en kortkod. :Kopiera kalenderkortkoden från tilläggets Inställningar-sida.


Och klistra helt enkelt in den i HTML-delen på den sida du önskar.


Som widget

1. Kopiera koden från Inställningar -> Inställningar för bokningswidget -> iFrame-widget -> Hämta widgetkod.







2. Gå till din WordPress-administratörssida och skapa en ny sida eller navigera till en redan skapad sida där du planerar att lägga till widgeten. Klicka på +- ikonen.



3. Sök efter HTML- alternativet.



4. Klistra in den tidigare kopierade koden.



5. Publicera dina ändringar.



Exempel (kan se annorlunda ut beroende på ditt WP-tema och SimplyBook.me-tema och inställningar).