Changes

From SimplyBook.me

Other Integrations (view source)

Revision as of 10:08, 28 September 2018

2,394 bytes removed ,  5 years ago
no edit summary
Line 1: Line 1:  
<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">[[Zapier_integration| Zapier]]</span>
 
<div class="mw-collapsible-content">
 
<div class="mw-collapsible-content">
−
[https://zapier.com/ What is Zapier?]
+
[[Zapier_integration | What is Zapier?]]
    
[[Using_Zapier.com| How to send copy of confirmation email (gmail integration).]]
 
[[Using_Zapier.com| How to send copy of confirmation email (gmail integration).]]
Line 16: Line 16:  
<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//Save settings and Get 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 Custom Feature in the Custom Features 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 2.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:Bookingwidgetsetting.png | center]]
 +
<br><br>
 +
[[File:Widget settings new.png | center]]
 +
<br><br>
 +
[[File:New iframe code.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 94: Line 67:  
: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:Bookingwidgetsetting.png | center]]
 
[[File:Bookingwidgetsetting.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:Widgetsettings.png | center]]
+
[[File:Widget settings new.png | center]]
−
 
+
<br><br>
 
:7. Copy the code you received.
 
:7. Copy the code you received.
−
[[File:Widgetcode.png | center]]
+
[[File:New iframe 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 191: Line 163:  
[[File:Bookingwidgetsetting.png | center]]
 
[[File:Bookingwidgetsetting.png | center]]
 
  <br> <br>
 
  <br> <br>
−
4. Now you have all the options needed to design the widget. Choose the sizes, types and modes. Choose the layout and colors that match your website.  
+
4. Now you have all the options needed to design the widget. Choose the types and modes. Choose the layout and colors that match your website.  
−
[[File:Widget settings page.png | center]]
+
[[File:Widget settings new.png | center]]
 
  <br> <br>
 
  <br> <br>
 
5. You can see how the schedule widget will look like on your website. Adapt it to your taste.
 
5. You can see how the schedule widget will look like on your website. Adapt it to your taste.
−
[[File:Widget timeframe.png | center]]
+
[[File:Widget preview new.png | center]]
 
  <br> <br>
 
  <br> <br>
 
6. When you are done with the settings, click on “Save settings and Get iframe code”. It is on the top on the page, on the right.
 
6. When you are done with the settings, click on “Save settings and Get iframe code”. It is on the top on the page, on the right.
−
[[File:Save settings widget.png |center]]
+
[[File:Get code new.png |center]]
 
  <br> <br>
 
  <br> <br>
   Line 204: Line 176:  
:'''Installation'''
 
:'''Installation'''
 
1. The next window shows a piece of code. Focus on the part that comes right before “simplybook.me”. Copy that part.
 
1. The next window shows a piece of code. Focus on the part that comes right before “simplybook.me”. Copy that part.
−
[[File:Code.png | center]]
+
[[File:Add code123 new.png | center]]
 
  <br> <br>
 
  <br> <br>
 
2. Go to [https://www.site123.com/ SITE123.com] and click on “START HERE” to sign up.
 
2. Go to [https://www.site123.com/ SITE123.com] and click on “START HERE” to sign up.
Retrieved from "https://help.simplybook.me/index.php/Special:MobileDiff/3809...4732"