Changes

From SimplyBook.me
no edit summary
Line 94: Line 94:  
: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'''”. 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.
[[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 190:  
[[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 203:  
:'''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.