Line 342: |
Line 342: |
| </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"> |
| + | 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> |
| + | |
| + | '''Step by step guide''' |
| + | <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> |
| + | 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 sizes, types and modes. Choose the layout and colors that match your website. |
| + | [[File:Widget settings page.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 timeframe.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:Save settings widget.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:Code.png | center]] |
| + | <br> <br> |
| + | 2. Go to [https://www.site123.com/ SITE123.com] and click on “START HERE” to sign up. |
| + | [[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:Add new page.png | center]] |
| + | <br> <br> |
| + | 7. Open the App market, scroll down and find SimplyBook.me. |
| + | [[File:App.png | center]] |
| + | <br> <br> |
| + | 8. On the Pages menu, you will see the SimplyBook.me module. Click on “Edit”. |
| + | [[File:Edit settings.png | center]] |
| + | <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. |
| + | [[File:Add setting.png | center]] |
| + | <br> <br> |
| + | It's all done now! You have [https://simplybook.me great booking system] on your SITE123 website now! |
| + | </div> |