Changes

From SimplyBook.me
3,758 bytes removed ,  4 years ago
no edit summary
Line 8: Line 8:  
<span class="qa">[[Widgets for your own website]]</span>
 
<span class="qa">[[Widgets for your own website]]</span>
 
<div class="mw-collapsible-content">
 
<div class="mw-collapsible-content">
__FORCETOC__
+
[[Widgets_for_your_own_website#iFrame_Widget | iFrame widget]]
 
  −
=iFrame Widget=
  −
:1. Take the iFrame code of your booking page in Settings//Bookings on Webpage or Facebook//Booking widget for your 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]]
  −
 
  −
:2. Insert it to the HTML code <body> of your website (or any other place in your website platform designed for inserting html javascript iFrame code). Please note that different website builders/platforms may have various ways to add HTML code, you should check first whether your website supports inserting HTML Javascript code.
  −
:'''Here are tutorials for several popular website builders:'''
  −
:::*[http://wiki.simplybook.me/index.php/WordPress_plugin Wordpress]
  −
:::*[http://wiki.simplybook.me/index.php/Joomla_module Joomla]
  −
:::*[http://wiki.simplybook.me/index.php/Wix_integration Wix]
  −
:::*[http://wiki.simplybook.me/index.php/Squarespace Squarespace]
  −
:::*[http://wiki.simplybook.me/index.php/Weebly Weebly]
  −
:::*[http://wiki.simplybook.me/index.php/Go_Daddy Go Daddy]
  −
 
  −
;[http://appointmentscheduleronline.weebly.com/simplybook.html Check how widgets will look like on your website]
  −
 
  −
 
  −
;Widgets with predefined service, provider,category or location.
  −
This feature allows you to generate iframe code specifically for service, provider, category or location you have. For example, if you have 2 services A and B and you choose service A as predefined, the widget will open on that service, skipping the step of choosing the service. This feature may be useful if you need to display only certain services on specific page on your website. The steps to generate the code are the same as above, only in the settings of the widget, choose the item you need to predefine.
  −
 
  −
[[File:Predefined widget settings.png | center]]
  −
 
  −
=Booking Button Widget=
  −
:1. Take the booking button code of your booking page in Settings//Bookings on Webpage or Facebook//Booking button for your website//Save settings and Get Button code.
  −
 
  −
[[File:BookButtonWidget750.png | center]]
  −
 
  −
 
  −
[[File:BookButtonWidgetSett750.png | center]]
  −
 
  −
 
  −
[[File:BookButtonWidgetCode750.png | center]]
  −
 
  −
:2. Insert it to the HTML code <body> of your website (or any other place in your website platform designed for inserting html javascript iFrame code). Please note that different website builders/platforms may have various ways to add HTML code, you should check first whether your website supports inserting HTML Javascript code.
  −
:'''Here are tutorials for several popular website builders:'''
  −
:::*[http://wiki.simplybook.me/index.php/WordPress_plugin Wordpress]
  −
:::*[http://wiki.simplybook.me/index.php/Joomla_module Joomla]
  −
:::*[http://wiki.simplybook.me/index.php/Squarespace Squarespace]
  −
:::*[http://wiki.simplybook.me/index.php/Weebly Weebly]
  −
:::*[http://wiki.simplybook.me/index.php/Go_Daddy Go Daddy]
  −
 
  −
;[http://appointmentscheduleronline.weebly.com/simplybook.html Check how widgets will look like on your website]
  −
 
  −
 
  −
;Widgets with predefined service, provider,category or location.
  −
This feature allows you to generate iframe code specifically for service, provider, category or location you have. For example, if you have 2 services A and B and you choose service A as predefined, the widget will open on that service, skipping the step of choosing the service. This feature may be useful if you need to display only certain services on specific page on your website. The steps to generate the code are the same as above, only in the settings of the widget, choose the item you need to predefine.
  −
 
  −
=Booking and Contact Button Widget=
  −
:1. Enable [[Plugins#Contact_widget |Contact Widget]] in Plugin section//For Development.
  −
[[File:Enable contact widget plugin.png | center]]
  −
:2. Take the booking button code of your booking page in Settings//Bookings on Webpage or Facebook//Booking and contact button your website//make the necessary customization//copy the code from the code window on the right.
  −
 
  −
[[File:Booking and contact button.png | center]]
  −
 
  −
 
  −
[[File:Booking and contact button code.png | center]]
  −
 
  −
 
  −
:3. Insert it to the HTML code <body> of your website (or any other place in your website platform designed for inserting html javascript iFrame code). Please note that different website builders/platforms may have various ways to add HTML code, you should check first whether your website supports inserting HTML Javascript code.
  −
:'''Here are tutorials for several popular website builders:'''
  −
:::*[http://wiki.simplybook.me/index.php/WordPress_plugin Wordpress]
  −
:::*[http://wiki.simplybook.me/index.php/Joomla_module Joomla]
  −
:::*[http://wiki.simplybook.me/index.php/Squarespace Squarespace]
  −
:::*[http://wiki.simplybook.me/index.php/Weebly Weebly]
  −
:::*[http://wiki.simplybook.me/index.php/Go_Daddy Go Daddy]
     −
;[http://appointmentscheduleronline.weebly.com/simplybook.html Check how widgets will look like on your website]
+
[[Widgets_for_your_own_website#Booking_Button_Widget | Booking Button Widget]]
    +
[[Widgets_for_your_own_website#Booking_and_Contact_Button_Widget | Booking and Contact widget]]
 
  </div>
 
  </div>
</div>
   
<br/>
 
<br/>
 +
</div>
 
<div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;">
 
<div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;">
<span class="qa">[http://appointmentscheduleronline.weebly.com/simplybook.html  Widget examples]</span>
+
<span class="qa">[http://simplydemowidgets.mozello.com/ Widget examples]</span>
 
<div class="mw-collapsible-content">
 
<div class="mw-collapsible-content">
Click to see [http://appointmentscheduleronline.weebly.com/simplybook.html  Widget examples]
+
Please check widget examples [http://simplydemowidgets.mozello.com/ here]
</div>
   
</div>
 
</div>
 
<br/>
 
<br/>
Line 97: Line 25:  
<span class="qa">[[Bookings on Facebook]]</span>
 
<span class="qa">[[Bookings on Facebook]]</span>
 
<div class="mw-collapsible-content">
 
<div class="mw-collapsible-content">
====How can I add booking functionality to my Facebook fan page?====
+
==How to add SimplyBook.me widget to your Facebook fan page==
:You can add [https://simplybook.me SimplyBook] functionality to Facebook fan page in Settings//Bookings on Webpage or Facebook//Facebook booking widget//Save settings and connect facebook page// choose the page to attach [https://simplybook.me Simplybook] to.
+
<br>
 
+
:1.You can add [https://simplybook.me SimplyBook.me] functionality to Facebook fan page (only to fan page, it can't be connected to your personal page) in Settings//Bookings on Webpage or Facebook//Facebook booking widget//Apply & add to facebook// choose the page to attach [https://simplybook.me Simplybook] to.
[[File:Facebook widget 3.png | center]]
+
<br>
 
+
[[File:Facebook widget path v3.png | center]]
====Facebook widget is not visible from mobiles====
+
<br><br>
 +
:2. After you connected [https://simplybook.me SimplyBook.me] to Facebook fan page, it is listed in the left-side menu of the page under the photo of your company.
 +
<br>
 +
[[File:Simplybook tab on facebook.png | center]]
 +
<br><br>
 +
You can press Settings//Templates and tabs and make [https://simplybook.me SimplyBook.me] more visible for clients by dragging and dropping it higher in the list.
 +
<br><br>
 +
[[File:Facebook reorder.png | center]]
 +
<br><br>
 +
:3. You may need to change the title "[https://simplybook.me Simplybook.me appointments]" to something else. For this, on your Facebook fan page go to Settings (upper bar)//Templates and tabs//SimplyBook.me appointments//Settings//Edit settings//Custom tab name.
 +
<br>
 +
[[File:Facebook rename tab 2.png | center]]
 +
<br><br>
 +
[[File:Rename tab.png | center]]
 +
<br><br>
 +
==How to remove Facebook widget from my Facebook page?==
 +
<br>
 +
On your Facebook fan page go to Settings (upper bar)//Templates and tabs//SimplyBook.me appointments//Settings//press "Off" near [https://simplybook.me Simplybook] app to remove this tab and save settings.
 +
<br><br>
 +
[[File:Remove tab Facebook.png | center]]
 +
<br><br>
 +
==Facebook widget is not visible from mobiles==
 +
<br>
 
:Unfortunately, Facebook does not show third-party apps from mobiles. Your clients need to access desktop version to book from Facebook.  
 
:Unfortunately, Facebook does not show third-party apps from mobiles. Your clients need to access desktop version to book from Facebook.  
 
+
<br>
====I attached Facebook app but cannot find it====
+
==I cannot change the email when book from Facebook==
[[File:Facebook_more.PNG]]
+
<br>
 
  −
It may be in the tab "More" in the menu of the page under photo. You can also press More//Manage tabs and move [https://simplybook.me simplybook] to another main bar to make it more visible for clients.
  −
 
  −
 
  −
====[https://simplybook.me Simplybook ] app is listed in "More" tab on my Facebook fan page, can I move it to make it more noticeable?====
  −
 
  −
[[File:Facebook_manage_order.png]]
  −
 
  −
On your Facebook fan page you can press More//Manage tabs and move [https://simplybook.me simplybook] to another place to make it more noticeable for clients.
  −
 
  −
 
  −
====How to remove Facebook widget from my Facebook page?====
  −
[[File:Delete_app_facebook.PNG]]
  −
 
  −
On your Facebook fan page go to Settings (upper bar)//Apps//Added apps//press "x" near [https://simplybook.me Simplybook] app to delete it.
  −
 
  −
 
  −
====Can I change the title of the tab on my Facebook fan page from "[https://simplybook.me Simplybook.me appointments]" to something else?====
  −
[[File:Change_name_of_facebook_tab.PNG]]
  −
 
  −
Yes, on your Facebook fan page go to Settings (upper bar)//Apps//Added apps//[https://simplybook.me Simplybook]//edit settings//change name.
  −
 
  −
 
  −
====I cannot change the email when book from Facebook====
   
:When you use Facebook widget, the [https://simplybook.me system] perceives a customer as Facebook user and uses his/her data to fill in the details. Thus, by default it uses email under which Facebook is registered. Unfortunately, it is not in our competency to change this, you can try contacting Facebook support to clarify this issue.
 
:When you use Facebook widget, the [https://simplybook.me system] perceives a customer as Facebook user and uses his/her data to fill in the details. Thus, by default it uses email under which Facebook is registered. Unfortunately, it is not in our competency to change this, you can try contacting Facebook support to clarify this issue.
 +
<br>
 
</div>
 
</div>
 
<br/>
 
<br/>
 
<div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;">
 
<div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;">
<span class="qa">[[WordPress plugin]]</span>
+
<span class="qa">[[WordPress plugin |WordPress integration]]</span>
 
<div class="mw-collapsible-content">
 
<div class="mw-collapsible-content">
1. With the help of our [https://wordpress.org/plugins/simplybookme-online-appointment-scheduling-widget-and-booking-system/ '''Wordpress plugin''']
+
__FORCETOC__
 +
=With the help of our [https://wordpress.org/plugins/simplybookme-online-appointment-scheduling-widget-and-booking-system/ '''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)''
 +
<br><br>
 
;Installation
 
;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).
 
: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]]
+
[[File:Install plugin.png | center]]
 
+
<br><br>
 
  −
: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]]
      +
:2. If you don't have an 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.
   −
: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]]
+
[[File:Create account new.png | center]]
 +
<br><br>
    +
:3. 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)
   −
After you enabled the plugin, please press "settings",
        −
[[File:Api plugin settings.png| center]]
     −
 
+
[[File:Wp plugin settings 4.0.png | center]]
there you will see 2 keys: Api public key (API Key) and API secret key.
+
<br><br>
 
+
:4. Select the theme, timeline and colors for the client view.
 
+
<br><br>
[[File:Api plugin keys.png | center]]
+
:5. 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 in that page.
 
  −
 
  −
 
  −
: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/, image is company name )
  −
 
  −
 
  −
[[File:Wp plugin settings.png | center]]
  −
 
  −
 
  −
 
  −
: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:Shortcode in wp admin.png | center]]
 
[[File:Shortcode in wp admin.png | center]]
 
+
<br><br>
: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.  
+
:6. 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:Example wp plugin.png | center]]
+
[[File:Select location.png | center]]
 
+
<br><br>
 
Select service
 
Select service
   −
[[File:Example wp plugin choose service.png| center]]
+
[[File:Select service.png | center]]
 
+
<br><br>
 
Select date and time
 
Select date and time
   −
[[File:Example wp plugin select time and date.png | center]]
+
[[File:Select date and time.png | center]]
 
+
<br><br>
 
Fill in the details
 
Fill in the details
   −
[[File:Example wp plugin details.png | center]]
+
[[File:Fill-in details.png | center]]
 
+
<br><br>
 
;Error while setting up the widget.
 
;Error while setting up the widget.
 
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.''"  
 
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.  
 
* 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].  
 
* 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.  
+
* 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.  
+
* 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.  
 +
 
    
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.  
 
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.  
 +
<br><br>
 +
=As a '''Widget'''=
    +
:1. Please copy the code from Settings//Bookings on Webpage or Facebook//Booking widget for your own website//Save settings and Get code.
    +
[[File:Widget code path.png | center]]
 +
<br><br>
   −
2. As a '''Widget''':
+
[[File:Generate widget code.png| center]]
 
+
<br><br>
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]]
      +
[[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.
 +
[[File:Creating new page wp.png | center]]
 +
<br><br>
 +
:3. Search for HTML 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>
    
''Example'''' (may look different depending on your WP theme and [https://simplybook.me/ SimplyBook.me] theme and settings)''
 
''Example'''' (may look different depending on your WP theme and [https://simplybook.me/ SimplyBook.me] theme and settings)''
   −
[[File:Wp iframe example.png| center]]
+
[[File:Wp widget new.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>
      Line 237: Line 168:  
<br/>
 
<br/>
 
<div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;">
 
<div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;">
<span class="qa">[[Using_Zapier.com| Zapier]]</span>
+
<span class="qa">[[Custom_Features#Zapier_Connector| Zapier]]</span>
 
<div class="mw-collapsible-content">
 
<div class="mw-collapsible-content">
[https://zapier.com/ What is Zapier?]
+
[[Custom_Features#Zapier_Connector | Zapier integration]]
    
[[Using_Zapier.com| How to send copy of confirmation email (gmail integration).]]
 
[[Using_Zapier.com| How to send copy of confirmation email (gmail integration).]]
 +
 +
[[Email_notifications_with_Zapier | How to send email confirmations to several emails]]
    
[http://appointmentschedulingnews.com/zap-a-new-functionality-to-simplybook-me/ Simplybook and MailChimp integration]
 
[http://appointmentschedulingnews.com/zap-a-new-functionality-to-simplybook-me/ Simplybook and MailChimp integration]
Line 251: Line 184:  
<br/>
 
<br/>
 
<div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;">
 
<div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;">
<span class="qa">[[Joomla module]]</span>
+
<span class="qa">[[Joomla integration]]</span>
 
<div class="mw-collapsible-content">
 
<div class="mw-collapsible-content">
How to install Joomla Online Appointment Scheduling software and Booking app:
+
:1. Take the iFrame code of your booking page in Settings//Bookings on Webpage or Facebook//Booking widget for your website//Get widget code.
  −
How to install Joomla Online Appointment Scheduling software and Booking app:
  −
  −
:1. Please download [https://simplybook.me/common/docs/mod_simplybook.zip this file of the module] and upload it in your Joomla admin page Extentions//Manager//Install or by url domen.com/administrator/index.php?option=com_installer (please note that the path may vary depending on the Joomla version)
  −
:2. Register on Simplybook (you can register here ( https://simplybook.me/company/ ), or visit our website and press big button “Get Free Account”).
  −
:3. In your Joomla admin page, find the newly uploaded module called Online Appointment Scheduling software and Booking app. In API url insert  user-api.simplybook.me (without any chnages just copy this text)
  −
:4. Enable API plugin in the plugin section of SimplyBook.me, there you will see 2 keys: Your API key (or API public key) and Your API secret key.
  −
:5. Insert those keys into the settings of SimplyBook.me plugin in your Joomla account, Your API key to API public key and Your API secret key to API secret key.
  −
:6. 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:Joomla settings 1.PNG| center]]
  −
 
  −
 
  −
:7. Now go to Content>Articles check the box of the entry you want to insert the booking functionality into and click 'edit'. Then insert the tag {loadmodule mod_simplybook} on the page where you need to display the booking functionality.
  −
 
  −
 
  −
[[File:Joomla tag 1.PNG | center]]
  −
 
  −
 
  −
:8. In “Menu Assignment” tab of the module settings choose “On all pages”.
  −
 
  −
 
  −
[[File:On all pages 1.PNG | center]]
  −
 
  −
 
  −
:9. Go back to the module overview and make sure that in the Status column of the module make sure the module is “Published and is current”.
  −
 
  −
 
  −
[[File:Status active checked 1.PNG | center]]
  −
 
  −
;Error while setting up the module.
  −
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 in admin Joomla account//System//System information//PHP information.
  −
*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.
  −
 
  −
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.  
      +
[[File:Widget code path.png | center]]
 +
<br><br>
 +
[[File:Generate widget code.png | center]]
 +
<br><br>
 +
[[File:Widget code copy.png | center]]
 +
<br><br>
 +
:2. Now go to Content>Articles check the box of the entry you want to insert the booking functionality into and click 'edit'. Then insert the widget code to the HTML code <body> of your website on the page where you need to display the booking functionality.
 +
[[File:Joomla widget code adding.png | center]]
 +
<br><br>
 +
:3. Save settings and publish the page.
 +
<br><br>
 
</div>
 
</div>
 
</div>
 
</div>
Line 303: Line 209:  
Sometimes, websites (WordPress.com in particular) do not support inserting HTML Javascript code we use for our iFrame and button widgets. Then it can be useful to use a simple HTML button code to get your clients attention to go to your booking site at [https://simplybook.me/ SimplyBook.me] and make the appointment. Here is a simple code you can insert on your site or into your emails to link to your booking site at [https://simplybook.me/ SimplyBook.me]
 
Sometimes, websites (WordPress.com in particular) do not support inserting HTML Javascript code we use for our iFrame and button widgets. Then it can be useful to use a simple HTML button code to get your clients attention to go to your booking site at [https://simplybook.me/ SimplyBook.me] and make the appointment. Here is a simple code you can insert on your site or into your emails to link to your booking site at [https://simplybook.me/ SimplyBook.me]
   −
<a href=//image.simplybook.me/sheduler/manage” target=”_blank”><img src=”https://appointmentbookingsystem.files.wordpress.com/2015/11/book_button.jpg?w=660&#8243; alt=”Booking button” width=”200″ height=”200″ /></a>
+
<a href="//image.simplybook.me/v2" target="_blank"><img src="https://appointmentbookingsystem.files.wordpress.com/2015/11/book_button.jpg?w=660″ alt="Booking button" width="200" height="200" /></a>
    
Now let’s look at the code closer and see its components and how it can be adjusted to your company.
 
Now let’s look at the code closer and see its components and how it can be adjusted to your company.
    
'''What you can change:'''
 
'''What you can change:'''
:1. ''image.simplybook.me/sheduler/manage'' – it is the link to your booking page. It can be found when you press “My booking website” in the upper right corner of your admin [https://simplybook.me/ SimplyBook.me] page. You need to insert your company name instead of “image”.
+
:1. ''image.simplybook.me/v2'' – it is the link to your booking page. It can be found when you press “My booking website” in the upper right corner of your admin [https://simplybook.me/ SimplyBook.me] page. You need to insert your company name instead of “image”.
 
:2. ''https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-1.png?w=660''  – this is the link to the image of “Book now” button. You can choose the image that suits your website design.  
 
:2. ''https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-1.png?w=660''  – this is the link to the image of “Book now” button. You can choose the image that suits your website design.  
 
:3. ''alt=”Booking button”''  – this is the alternate text for an image, if the image cannot be displayed. You can change the text “Booking button” to “Book now”, “Book here”, etc.
 
:3. ''alt=”Booking button”''  – this is the alternate text for an image, if the image cannot be displayed. You can change the text “Booking button” to “Book now”, “Book here”, etc.
Line 329: Line 235:  
:1. Go to '''Wix App Store'''.
 
:1. Go to '''Wix App Store'''.
   −
[[File:Wix app store.jpg | center]]
+
[[File:Wix app market new.png | center]]
 
+
<br><br>
 
:2. Enter “'''HTML'''” in the Search apps field.
 
:2. Enter “'''HTML'''” in the Search apps field.
[[File:Html plugin.jpg | center]]
+
[[File:New wix html.png | center]]
 
+
<br><br>
 
:3. Select “'''HTML iFrame/Embed'''”  plugin.
 
:3. Select “'''HTML iFrame/Embed'''”  plugin.
 
[[File:Html iframe.jpg | center]]
 
[[File:Html iframe.jpg | center]]
 
+
[[File:New wixt html add.png | center]]
 +
<br><br>
 
:4. Switch to “'''HTML code'''” mode.
 
:4. Switch to “'''HTML code'''” mode.
[[File:Html mode.jpg | center]]
+
[[File:Screenshot from 2017-06-16 15-47-05.png | center]]
 
+
<br><br>
 
:5. Go to your [https://simplybook.me SimplyBook.com] admin page. Go to '''Settings → Bookings on Webpage or Facebook → Booking widget for your own website'''.
 
:5. Go to your [https://simplybook.me SimplyBook.com] admin page. Go to '''Settings → Bookings on Webpage or Facebook → Booking widget for your own website'''.
[[File:Booking widget 1.PNG | center]]
+
[[File:Widget code path.png| center]]
 
+
<br><br>
 
:6. Press “'''Save Settings and get iFrame code'''”. Almost done, just few simple steps left!
 
:6. Press “'''Save Settings and get iFrame code'''”. Almost done, just few simple steps left!
[[File:Widget settings 2.png | center]]
+
[[File:Create iframe widget.png | center]]
 
+
<br><br>
 
:7. Copy the code you received.
 
:7. Copy the code you received.
[[File:Widget code 3.png | center]]
+
[[File:Iframe widget code.png | center]]
 
+
<br><br>
:8. Insert the code into Wix  iFrame plugin and Press “'''Update'''”. Remark that there is a “width=960” inside the code you paste into the HTML plugin. You may need to adjust the “960” number to some width that suits your website. You could try some numbers in the range from 500 to 960 and see what fits best. You can do these changes directly in the code that you pasted in the HTML plugin.
+
:8. Insert the code into Wix  iFrame plugin and Press “'''Update'''”.  
[[File:Insert code.jpg | center]]
+
[[File:New wix add code2.png | center]]
 
+
<br><br>
 
   
Congratulations! Now you have [https://simplybook.me the best booking system] on your Wix website!
 
Congratulations! Now you have [https://simplybook.me the best booking system] on your Wix website!
 
+
[[File:Wix new widget.png | center]]
[[File:Widget example.jpg | center]]
      
</div>
 
</div>
Line 409: Line 314:  
</div>
 
</div>
 
<br/>
 
<br/>
 +
<div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;">
 +
<span class="qa">[[SITE123 integration | SITE123]]</span>
 +
<div class="mw-collapsible-content">
 +
:1. If you have not created account with [https://simplybook.me/ SimplyBook.me] you can use [https://simplybook.it/default/registration this link] to create account for your company.<br><br>
 +
:2. Go to [https://www.site123.com/ SITE123.com] and click on “START HERE” to sign up or login to your account if you already have one(you can also skip steps 3-5 in this case).
 +
[[File:Site123.png | center]]
 +
<br> <br>
 +
:3. Choose the category of website you want to create.
 +
[[File:Site123 categories.png | center]]
 +
<br> <br>
 +
:4. Enter the name of your website.
 +
[[File:Website name.png | center]]
 +
<br> <br>
 +
:5. Complete the sign up process by entering your full name, email and password or by using Facebook or Google to log in.
 +
[[File:Sign up.png | center]]
 +
<br> <br>
 +
:6. After your account at SITE123 is created open the website editor, go to “Pages” and click on “Add new page”
 +
[[File:Site123 add new page.png | center]]
 +
<br> <br>
 +
:7. Choose "Text" type and select the template to your taste.
 +
[[File:Site123 create new page.png | center]]
 +
<br> <br>
 +
:8. On the Pages menu, you will see newly created page. Click on “Edit”.
 +
[[File:Site123 edit new page.png | center]]
 +
<br> <br>
 +
:9. Then enter the text that will be the link to your booking site, highlight it and click on "Link" icon in the menu
 +
[[File:Site123 add link text.png | center]]
 +
<br><br>
 +
:10. Add link to your booking site to the corresponding field. You can set it to automatically open in the new tab
 +
[[File:Site123 add link.png | center]]
 +
<br><br>
 +
:11. Click "Insert" and save your page. As the result you will have the page with the link to your booking site and your customers will be able to easily book from there.
 +
[[File:Site123 integration result.png | border| center]]
 +
<br><br>
 +
:'''Please note!''' Site123 has also plugin integration option developed by themselves, but it works with old themes only, that are no longer supported by us and does not have any new functionality.
 +
<br><br>
 +
</div>
 +
</div>