WordPress integration: Difference between revisions

Line 15:

:1. Search for [https://wordpress.org/plugins/simplybookme-online-appointment-scheduling-widget-and-booking-system/ Simplybook WordPress plugin] in the list of plugins in the WP catalogue and add it to your website (it is called Online Appointment Scheduling Widget and Booking System).

[[File:~~Install plugin~~.png | center]]

[[File:Wp install.png |border| center]]

:2. Go to WordPress plugin settings and insert your company login to the corresponding box there. (the one in url of your admin page, e.g in the link https://image.secure.simplybook.me/, ''image'' is company name)

:2. Go to WordPress plugin settings and insert your company login to the corresponding box there. (the one in url of your admin page, e.g in the link https://image.secure.simplybook.me/, ''image'' is company name).

Select the theme, timeline and colors for the client view. Save settings

[[File:Wp plugin settings 4.0.png | center]]

[[File:Wp plugin settings 4.0.3.png | center]]

:3~~. Select the theme, timeline and colors for the client view.~~

:3. In your WordPress admin site navigate to Pages and create a new page specifically for bookings (you can also add it to the already existing page if you wish, the process is the same). Then, paste [simplybook] tag into that page.

~~ ~~

:4. In your WordPress admin site navigate to Pages and create a new page specifically for bookings (you can also add it to the already existing page if you wish, the process is the same). Then, paste [simplybook] tag into that page.

[[File:~~Shortcode in wp admin~~.png | center]]

[[File:Wp plugin page tag.png | center]]

:5. Example of WordPress plugin (may look different depending on your WP theme and SimplyBook.me settings). You can also use [[Custom_Features#Custom_CSS | CSS custom feature]] to adjust the look of the plugin to the design of your website.

:4. Example of WordPress plugin (may look different depending on your WP theme and SimplyBook.me settings). You can also use [[Custom_Features#Custom_CSS | CSS custom feature]] to adjust the look of the plugin to the design of your website.

Select location

:::Select location

[[File:~~Select~~ location.png | center]]

[[File:Wp select location.png | center]]

Select service

:::Select service

[[File:~~Select~~ service.png | center]]

[[File:Wp select service.png | center]]

Select date and time

:::Select date and time

[[File:~~Select~~ date and time.png | center]]

[[File:Wp select date and time.png | center]]

Fill in the details

:::Fill in the details

[[File:~~Fill-in~~ details.png | center]]

[[File:Wp add details.png | center]]

;Errors while setting up the plugin.

Line 68:

Line 67:

[[File:Widget code copy.png | center]]

:2. Go to your WordPress admn side and create a new page or navigate to already created one, where you plan to add the widget~~. Click on "+" icon~~.

:2. Go to your WordPress admn side and create a new page or navigate to already created one, where you plan to add the widget.

[[File:~~Creating new page wp.png | center]]~~

[[File:Wp add code.png| center]]

~~ ~~

~~:3. Search for HTML option.~~

~~[[File:Add html editor~~.png | center]]

:4. Paste the previously copied code.

:3. Paste the previously copied code to text/HTML box.

[[File:~~Paste the~~ code.png | center]]

[[File:Wp added code.png | center]]

:5. Publish your changes

:4. Publish your changes.

Example (may look different depending on your WP theme and [https://simplybook.me/ SimplyBook.me] theme and settings).

[[File:Wp ~~widget new~~.png| center]]

[[File:Wp select location.png| center]]

=How to translate old version of WordPress plugin to your language=

Line 94:

Line 90:

:7) save and update zip file with your translation file (''Please note!'' Zip file structure should not be changed)

:8) go to your WordPress dashboard, Plugins page and click on "Add new" at the top, then choose "Upload Plugin" and upload your zip file there.

If it does not work you need to apply translations via FTP - if you do not know how to do it please contact your web developer.

:If it does not work you need to apply translations via FTP - if you do not know how to do it please contact your web developer.

@@ Line 15: / Line 15: @@
 :1. Search for <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://wordpress.org/plugins/simplybookme-online-appointment-scheduling-widget-and-booking-system/ Simplybook WordPress plugin]</span> in the list of plugins in the WP catalogue and add it to your website (it is called Online Appointment Scheduling Widget and Booking System).
-[[File:Install plugin.png | center]]
+[[File:Wp install.png |border| center]]
 <br><br>
-:2. Go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">WordPress plugin settings</span> and insert your company login to the corresponding box there. (the one in url of your admin page, e.g in the link <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">https://image.secure.simplybook.me/</span>, ''image'' is company name)
+:2. Go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">WordPress plugin settings</span> and insert your company login to the corresponding box there. (the one in url of your admin page, e.g in the link <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">https://image.secure.simplybook.me/</span>, ''image'' is company name).<br>
+Select the theme, timeline and colors for the client view. Save settings
-[[File:Wp plugin settings 4.0.png | center]]
+[[File:Wp plugin settings 4.0.3.png | center]]
 <br><br>
-:3. Select the theme, timeline and colors for the client view.
+:3. In your WordPress admin site navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pages</span> and create a new page specifically for bookings (you can also add it to the already existing page if you wish, the process is the same). Then, paste <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[simplybook]</span> tag into that page.
-<br><br>
-:4. In your WordPress admin site navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pages</span> and create a new page specifically for bookings (you can also add it to the already existing page if you wish, the process is the same). Then, paste <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[simplybook]</span> tag into that page.
-[[File:Shortcode in wp admin.png | center]]
+[[File:Wp plugin page tag.png | center]]
 <br><br>
-:5. Example of WordPress plugin (may look different depending on your WP theme and SimplyBook.me settings). You can also use <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Custom_CSS | CSS custom feature]]</span> to adjust the look of the plugin to the design of your website.
+:4. Example of WordPress plugin (may look different depending on your WP theme and SimplyBook.me settings). You can also use <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Custom_CSS | CSS custom feature]]</span> to adjust the look of the plugin to the design of your website.
-<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Select location</span>
+:::<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Select location</span>
-[[File:Select location.png | center]]
+[[File:Wp select location.png | center]]
 <br><br>
-<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Select service</span>
+:::<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Select service</span>
-[[File:Select service.png | center]]
+[[File:Wp select service.png | center]]
 <br><br>
-<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Select date and time</span>
+:::<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Select date and time</span>
-[[File:Select date and time.png | center]]
+[[File:Wp select date and time.png | center]]
 <br><br>
-<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Fill in the details</span>
+:::<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Fill in the details</span>
-[[File:Fill-in details.png | center]]
+[[File:Wp add details.png | center]]
 <br><br>
 ;Errors while setting up the plugin.
@@ Line 68: / Line 67: @@
 [[File:Widget code copy.png | center]]
 <br><br>
-:2. Go to your WordPress admn side and create a new page or navigate to already created one, where you plan to add the widget. Click on "+" icon.
+:2. Go to your WordPress admn side and create a new page or navigate to already created one, where you plan to add the widget.
-[[File:Creating new page wp.png | center]]
+[[File:Wp add code.png| center]]
-<br><br>
-:3. Search for HTML option.
-[[File:Add html editor.png | center]]
 <br><br>
-:4. Paste the previously copied code.
+:3. Paste the previously copied code to text/HTML box.
-[[File:Paste the code.png | center]]
+[[File:Wp added code.png | center]]
 <br><br>
-:5. Publish your changes
+:4. Publish your changes.
 <br><br>
 <span style="background-color:#fef3de; padding:5px; border-radius:5px;">Example</span> (may look different depending on your WP theme and [https://simplybook.me/ SimplyBook.me] theme and settings).
-[[File:Wp widget new.png| center]]
+[[File:Wp select location.png| center]]
 <br><br>
 =How to translate old version of WordPress plugin to your language=
@@ Line 94: / Line 90: @@
 :7) save and update zip file with your translation file (''Please note!'' Zip file structure should not be changed)
 :8) go to your WordPress dashboard, Plugins page and click on "Add new" at the top, then choose "Upload Plugin" and upload your zip file there.<br><br>
-If it does not work you need to apply translations via FTP - if you do not know how to do it please contact your web developer.
+:If it does not work you need to apply translations via FTP - if you do not know how to do it please contact your web developer.
 <br><br>