SITE123 integration: Difference between revisions

Line 5:

}}

~~ ~~

Use SimplyBook.me at your SITE123 website to allow your customers to schedule an appointment on your 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:

Line 20:

Line 19:

[[File:Bookingwidgetsetting.png | center]]

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]]

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]]

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]]

Line 33:

Line 32:

:'''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]]

[[File:Add code123 new.png | center]]

2. Go to [https://www.site123.com/ SITE123.com] and click on “START HERE” to sign up.

@@ Line 5: / Line 5: @@
 }}
-<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:
@@ Line 20: / Line 19: @@
 [[File:Bookingwidgetsetting.png | center]]
   <br> <br>
-. 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.
+. 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>
 . 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>
 . 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>
@@ Line 33: / Line 32: @@
 :'''Installation'''
 . 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>
 . Go to [https://www.site123.com/ SITE123.com] and click on “START HERE” to sign up.