Difference between revisions of "WordPress integration"

From SimplyBook.me
(35 intermediate revisions by the same user not shown)
Line 1: Line 1:
1. With the help of our [https://wordpress.org/plugins/simplybookme-online-appointment-scheduling-widget-and-booking-system/ '''Wordpress plugin''']
+
{{#seo:
 +
|title=WordPress plugin - SimplyBook.me
 +
|titlemode=append
 +
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugin, wordpress integration, widget, website widget, wordpress plugin
 +
}}
  
;Installation
 
:1. Search for [https://wordpress.org/plugins/simplybookme-online-appointment-scheduling-widget-and-booking-system/ Simplybook WordPress plugin] in the list of plugins of WP catalogue and add it to your website (it is called Online Appointment Scheduling Widget and Booking System).
 
[[File:Wp plugin search.png | center]]
 
  
:2. If you don't have account with us yet, please register on SimplyBook.me (you can register [https://simplybook.me/company/ here]), or visit our website and press big button [https://simplybook.me/company/ “Get Free Account”)]. If you already have account, please log into it.
 
[[File:Get free account.png | center]]
 
  
:3. Enable API plugin in the plugin section of SimplyBook.me admin page in the section "For developers" by pressing green button "enable near it.
+
__FORCETOC__
[[File:Enable api plugin.png| center]]
+
=[https://wordpress.org/plugins/simplybookme-online-appointment-scheduling-widget-and-booking-system/ Wordpress Plugin]=
 +
<br><br>
 +
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' Wordpress SimplyBook.me plugin may not work with some custom themes of WordPress and some specific plugins. If you installed the plugin and all the data is correct but the page does not show up, please try inserting widget (option #2)</span>
 +
<br><br>
  
After you enabled the plugin, please press "settings",
+
: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:Api plugin settings.png| center]]
+
[[File:Wp install.png |border| center]]
 +
<br><br>
  
there you will see 2 keys: Api public key (API Key) and API secret key.
+
: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:Api plugin keys.png | center]]
+
[[File:Wp plugin settings 4.0.3.png | center]]
 +
<br><br>
 +
: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.
  
 +
[[File:Wp plugin page tag.png | center]]
 +
<br><br>
 +
: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.
  
:4. Insert those keys into the settings of Simplybook plugin in your WordPress account.
+
:::<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Select location</span>
:5. Insert your company login (the one in url of your admin page, e.g in the link https://image.secure.simplybook.me/, image is company name )
 
  
 +
[[File:Wp select location.png | center]]
 +
<br><br>
 +
:::<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Select service</span>
  
[[File:Wp plugin settings.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>
  
 +
[[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>
  
 +
[[File:Wp add details.png | center]]
 +
<br><br>
 +
;Errors while setting up the plugin.
 +
If you got the error <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">"Seems the method cannot be found on your server. Possible reasons may include: PHP option 'allow_url_fopen' is not enabled, PHP CURL is not enabled. Please ask your hoster for support regarding absence of required methods."</span>
 +
* Please check if your PHP has the necessary methods (allow_url_fopen and  PHP CURL) on.
 +
* To check this, you can install [https://wordpress.org/plugins/php-settings/ PHP Settings plugin].
 +
* After you have checked and the necessary methods are Off, please contact your hosting provider and request activating them.
 +
* If those methods are On, there may be another reason that prevents [https://simplybook.me/ SimplyBook.me] plugin from displaying on your page, please contact our support and we will try to help you.
  
:6. Paste '[simplybook]' tag in one of static page.
 
  
 +
If you receive the message that <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Fatal error occurred when installing the plugin</span> most likely you will need to update your PHP version, the preferable version is 5.3 and higher.
 +
<br><br>
 +
=Widget=
  
[[File:Wp tag.png | center]]
+
:1. Please copy the code from <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bookings on Webpage or Facebook</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widget for your own website</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code.</span>
  
 +
[[File:Widget code path.png | center]]
 +
<br><br>
  
2. As a '''Widget''':
+
[[File:Generate widget code.png| center]]
 +
<br><br>
  
Wordpress.org allows accessing HTML only with the help of special plugins. You need to find the plugin that supports Javascript HTML and then insert the code to your website with the help of this plugin. You can get the code in Settings//Bookings on Webpage or Facebook//Booking widget for your own website//Save settings and Get code.
+
[[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 <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">+</span> icon.
 +
[[File:Creating new page wp.png | center]]
 +
<br><br>
 +
:3. Search for <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span> option.
 +
[[File:Add html editor.png | center]]
 +
<br><br>
 +
:4. Paste the previously copied code.
 +
[[File:Paste the code.png | center]]
 +
<br><br>
 +
:5. 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 select location.png| center]]
 +
<br><br>
 +
=How to translate old version of WordPress plugin to your language=
 +
<br><br>
 +
:1) download plugin zip file from https://wordpress.org/plugins/simplybookme-online-appointment-scheduling-widget-and-booking-system/
 +
:2) uncompress this file
 +
:3) go to "/langs" folder
 +
:4) copy simplybook_me-en_US.po file with name "simplybook_me-sl_SL.po"
 +
:5) download PoEdit (program) https://poedit.net/ (Free)
 +
:6) open simplybook_me-sl_SL.po with PoEdit
 +
: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.
 +
<br><br>

Revision as of 12:29, 12 July 2019



Wordpress Plugin



Please note! Wordpress SimplyBook.me plugin may not work with some custom themes of WordPress and some specific plugins. If you installed the plugin and all the data is correct but the page does not show up, please try inserting widget (option #2)

1. Search for 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).
Wp install.png



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

Wp plugin settings 4.0.3.png



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.
Wp plugin page tag.png



4. Example of WordPress plugin (may look different depending on your WP theme and SimplyBook.me settings). You can also use CSS custom feature to adjust the look of the plugin to the design of your website.
Select location
Wp select location.png



Select service
Wp select service.png



Select date and time
Wp select date and time.png



Fill in the details
Wp add details.png



Errors while setting up the plugin.

If you got the error "Seems the method cannot be found on your server. Possible reasons may include: PHP option 'allow_url_fopen' is not enabled, PHP CURL is not enabled. Please ask your hoster for support regarding absence of required methods."

  • Please check if your PHP has the necessary methods (allow_url_fopen and PHP CURL) on.
  • To check this, you can install PHP Settings plugin.
  • After you have checked and the necessary methods are Off, please contact your hosting provider and request activating them.
  • If those methods are On, there may be another reason that prevents SimplyBook.me plugin from displaying on your page, please contact our support and we will try to help you.


If you receive the message that Fatal error occurred when installing the plugin most likely you will need to update your PHP version, the preferable version is 5.3 and higher.

Widget

1. Please copy the code from Settings -> Bookings on Webpage or Facebook -> Booking widget for your own website -> Get widget code.
Widget code path.png



Generate widget code.png



Widget code copy.png



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.
Creating new page wp.png



3. Search for HTML option.
Add html editor.png



4. Paste the previously copied code.
Paste the code.png



5. Publish your changes.



Example (may look different depending on your WP theme and SimplyBook.me theme and settings).

Wp select location.png



How to translate old version of WordPress plugin to your language



1) download plugin zip file from https://wordpress.org/plugins/simplybookme-online-appointment-scheduling-widget-and-booking-system/
2) uncompress this file
3) go to "/langs" folder
4) copy simplybook_me-en_US.po file with name "simplybook_me-sl_SL.po"
5) download PoEdit (program) https://poedit.net/ (Free)
6) open simplybook_me-sl_SL.po with PoEdit
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.