Difference between revisions of "SITE123 integration"

From SimplyBook.me
Line 4: Line 4:
 
|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
 
|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
 
}}
 
}}
 +
<br><br>
 
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:
 
 
<br><br>
 
<br><br>
'''Step by step guide'''
+
'''How to set it up'''
 +
 
 
<br><br>
 
<br><br>
:'''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><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. 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).
2. Then please click on the Settings icon. It is located on the left side menu.
 
[[File:Settings page step.png | center]]
 
<br> <br>
 
3. Under “Bookings on Webpage or Facebook”, click on “Booking widget for your own website”.
 
[[File:Bookingwidgetsetting.png | center]]
 
<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.
 
[[File:Widget settings new.png | center]]
 
<br> <br>
 
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]]
 
<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.
 
[[File:Get code new.png |center]]
 
<br> <br>
 
 
 
 
 
:'''Installation'''
 
1. The next window shows a piece of code. Focus on the part that comes right before “simplybook.me”. Copy that part.
 
[[File:Add code123 new.png | center]]
 
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. Choose "Text" type and select the template to your taste.
[[File:App.png | center]]
+
[[File:Site123 create new page.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 newly created page. Click on “Edit”.
[[File:Edit settings.png | center]]
+
[[File:Site123 edit new page.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. Then enter the text that will be the link to your booking site, highlight it and click on "Link" icon in the menu
[[File:Add setting.png | center]]
+
[[File:Site123 add link text.png | center]]
<br> <br>
+
<br><br>
It's all done now! You have [https://simplybook.me great booking system] on your SITE123 website now!
+
: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>

Revision as of 08:14, 13 March 2019



Use SimplyBook.me at your SITE123 website to allow your customers to schedule an appointment on your website.


How to set it up



1. If you have not created account with SimplyBook.me you can use this link to create account for your company.

2. Go to 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).
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. Choose "Text" type and select the template to your taste.
Site123 create new page.png



8. On the Pages menu, you will see newly created page. Click on “Edit”.
Site123 edit new page.png



9. Then enter the text that will be the link to your booking site, highlight it and click on "Link" icon in the menu
Site123 add link text.png



10. Add link to your booking site to the corresponding field. You can set it to automatically open in the new tab
Site123 add link.png



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.
Site123 integration result.png



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.