Difference between revisions of "SITE123 integration"

From SimplyBook.me
Line 6: Line 6:
 
Use SimplyBook.me at your SITE123 website to allow your customers to schedule an appointment on your website. <br>
 
Use SimplyBook.me at your SITE123 website to allow your customers to schedule an appointment on your website. <br>
 
Watch [https://www.youtube.com/watch?v=CzihU5K-DIo&feature=youtu.be this short video] and learn how to embed SimplyBook.me to your SITE123 website:
 
Watch [https://www.youtube.com/watch?v=CzihU5K-DIo&feature=youtu.be this short video] and learn how to embed SimplyBook.me to your SITE123 website:
  <br>  
+
  <br>
 
'''Step by step guide'''
 
'''Step by step guide'''
<br>
+
<br>
 
:'''Creating the account and customization'''
 
:'''Creating the account and customization'''
 
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>
 
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>
 
2. Then please click on the Settings icon. It is located on the left side menu.
 
2. Then please click on the Settings icon. It is located on the left side menu.
 
[[File:Settings page step.png | center]]
 
[[File:Settings page step.png | center]]
<br> <br>
+
<br> <br>
 
3. Under “Bookings on Webpage or Facebook”, click on “Booking widget for your own website”.
 
3. Under “Bookings on Webpage or Facebook”, click on “Booking widget for your own website”.
 
[[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 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 new.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 preview new.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:Get code new.png |center]]
 
[[File:Get code new.png |center]]
<br> <br>
+
<br> <br>
  
  
Line 33: Line 33:
 
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.
 
[[File:Site123.png | center]]
 
[[File:Site123.png | center]]
<br> <br>
+
<br> <br>
 
3. Choose the category of website you want to create.
 
3. Choose the category of website you want to create.
 
[[File:Site123 categories.png | center]]
 
[[File:Site123 categories.png | center]]
<br> <br>
+
<br> <br>
 
4. Enter the name of your website.
 
4. Enter the name of your website.
 
[[File:Website name.png | center]]
 
[[File:Website name.png | center]]
<br> <br>
+
<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.
 
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]]
 
[[File:Sign up.png | center]]
<br> <br>
+
<br> <br>
 
6. After your account at SITE123 is created open the website editor, go to “Pages” and click on “Add new page”
 
6. After your account at SITE123 is created open the website editor, go to “Pages” and click on “Add new page”
 
[[File:Add new page.png | center]]
 
[[File:Add new page.png | center]]
<br> <br>
+
<br> <br>
 
7. Open the App market, scroll down and find SimplyBook.me.
 
7. Open the App market, scroll down and find SimplyBook.me.
 
[[File:App.png | center]]
 
[[File:App.png | center]]
<br> <br>
+
<br> <br>
 
8. On the Pages menu, you will see the SimplyBook.me module. Click on “Edit”.
 
8. On the Pages menu, you will see the SimplyBook.me module. Click on “Edit”.
 
[[File:Edit settings.png | center]]
 
[[File:Edit settings.png | center]]
<br> <br>
+
<br> <br>
 
9. Now paste the selection into the “Application id” field. Then, hit save and your schedule will be immediately added to your website.
 
9. Now paste the selection into the “Application id” field. Then, hit save and your schedule will be immediately added to your website.
 
[[File:Add setting.png | center]]
 
[[File:Add setting.png | center]]
<br> <br>
+
<br> <br>
 
It's all done now! You have [https://simplybook.me great booking system] on your SITE123 website now!
 
It's all done now! You have [https://simplybook.me great booking system] on your SITE123 website now!

Revision as of 09:25, 18 July 2017

Use SimplyBook.me at your SITE123 website to allow your customers to schedule an appointment on your website.
Watch this short video and learn how to embed SimplyBook.me to your SITE123 website:


Step by step guide

Creating the account and customization

1. If you have not created account with SimplyBook.me you can use this link to create account for your company.
2. Then please click on the Settings icon. It is located on the left side menu.

Settings page step.png



3. Under “Bookings on Webpage or Facebook”, click on “Booking widget for your own website”.

Bookingwidgetsetting.png



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.



5. You can see how the schedule widget will look like on your website. Adapt it to your taste.

Widget preview new.png



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.

Get code new.png




Installation

1. The next window shows a piece of code. Focus on the part that comes right before “simplybook.me”. Copy that part.

Add code123 new.png

2. Go to SITE123.com and click on “START HERE” to sign up.

Site123.png



3. Choose the category of website you want to create.

Site123 categories.png



4. Enter the name of your website.

Website name.png



5. Complete the sign up process by entering your full name, email and password or by using Facebook or Google to log in.

Sign up.png



6. After your account at SITE123 is created open the website editor, go to “Pages” and click on “Add new page”

Add new page.png



7. Open the App market, scroll down and find SimplyBook.me.

App.png



8. On the Pages menu, you will see the SimplyBook.me module. Click on “Edit”.

Edit settings.png



9. Now paste the selection into the “Application id” field. Then, hit save and your schedule will be immediately added to your website.

Add setting.png



It's all done now! You have great booking system on your SITE123 website now!