Changes

From SimplyBook.me
1,686 bytes added ,  7 years ago
no edit summary
Line 67: Line 67:     
;Installation
 
;Installation
:1. Search for Simplybook WordPress plugin in the list of plugins of WP catalogue and add it to your website ( https://simplybook.me/ ).
+
: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).
:2. Register on Simplybook (you can register here ( https://simplybook.me/company/ ), or visit our website and press big button “Get Free Account”).
+
 
:3. Enable API plugin in the plugin section of Simplybook, there you will see 2 keys: Api public key and API secret key.
+
[[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.
 +
 
 +
[[File:Enable api plugin.png| center]]
 +
 
 +
 
 +
After you enabled the plugin, please press "settings",
 +
 
 +
 
 +
[[File:Api plugin settings.png| center]]
 +
 
 +
 
 +
there you will see 2 keys: Api public key (API Key) and API secret key.
 +
 
 +
 
 +
[[File:Api plugin keys.png | center]]
 +
 
 +
 
 +
 
 
:4. Insert those keys into the settings of Simplybook plugin in your WordPress account.
 
:4. Insert those keys into the settings of Simplybook plugin in your WordPress account.
:5. Insert your company login (the one in url of your admin page, e.g in the link https://image.secure.simplybook.me/, demo is company name )
+
: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 )
      Line 78: Line 104:       −
:6. Paste '[simplybook]' tag in one of static page.
+
:6. In your WordPress admin site navigate to "Pages" and create a new page specifically for bookings (you can also add it to already existing page if you wish, the process is the same). Then, paste '[simplybook]' tag in that page.
      −
[[File:Wp tag.png | center]]
+
[[File:Shortcode in wp admin.png | center]]
    +
:7. Example of WordPress plugin (may look different depending on your WP theme and SimplyBook.me settings). You can also use CSS option in the settings of SimplyBook WP plugin to adjust the look of the plugin to the design of your website.
 +
 +
Select location
 +
 +
[[File:Example wp plugin.png | center]]
 +
 +
Select service
 +
 +
[[File:Example wp plugin choose service.png| center]]
 +
 +
Select date and time
 +
 +
[[File:Example wp plugin select time and date.png | center]]
 +
 +
Fill in the details
 +
 +
[[File:Example wp plugin details.png | center]]
    
2. As a '''Widget''':
 
2. As a '''Widget''':
   −
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.
+
Please copy the code from Settings//Bookings on Webpage or Facebook//Booking widget for your own website//Save settings and Get code.
 +
 
 +
[[File:Widget integration for your own website.png | center]]
 +
 
 +
 
 +
[[File:Widget settings 2.png | center]]
 +
 
 +
 
 +
[[File:Widget code 3.png | center]]
 +
 
 +
Then, insert the iFrame code to the page you want to show the widget on in WordPress admin page//Pages//Add new or edit existing one//paste the code and press "publish/update".
 +
 
 +
 
 +
[[File:Wp iframe.png | center]]
 +
 
 +
 
 +
''Example'''' (may look different depending on your WP theme and [https://simplybook.me/ SimplyBook.me] theme and settings)''
 +
 
 +
[[File:Wp iframe example.png| center]]
 +
 
    
</div>
 
</div>