9,513
edits
Changes
From SimplyBook.me
no edit summary
<span class="qa">[[HTML button]]</span>
<span class="qa">[[HTML button]]</span>
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
[[File:Book_1_new.jpg|left]]
[[File:Book-now-button-4.jpg|200px|left]]
Sometimes, websites (WordPress.com in particular) do not support inserting HTML Javascript code we use for our iFrame and button widgets. Then it can be useful to use a simple HTML button code to get your clients attention to go to your booking site at [https://simplybook.me/ SimplyBook.me] and make the appointment. Here is a simple code you can insert on your site or into your emails to link to your booking site at [https://simplybook.me/ SimplyBook.me]
Sometimes, websites (WordPress.com in particular) do not support inserting HTML Javascript code we use for our iFrame and button widgets. Then it can be useful to use a simple HTML button code to get your clients attention to go to your booking site at [https://simplybook.me/ SimplyBook.me] and make the appointment. Here is a simple code you can insert on your site or into your emails to link to your booking site at [https://simplybook.me/ SimplyBook.me]
<a href="//image.simplybook.me/v2" target="_blank"><img src="https://appointmentbookingsystem.files.wordpress.com/2015/11/book_button.jpg?w=660″ alt="Booking button" width="200" height="200" /></a>
<a href="//image.simplybook.me/v2" target="_blank"><img src="https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-4.jpg?w=660" alt="Booking button" width="200" height="200"></a>
<br><br>
Now let’s look at the code closer and see its components and how it can be adjusted to your company.
<br>
'''What you can change:'''
'''What you can change:'''
:1. ''image.simplybook.me/v2'' – it is the link to your booking page. It can be found when you press “My booking website” in the upper right corner of your admin [https://simplybook.me/ SimplyBook.me] page. You need to insert your company name instead of “image”.
:1. ''image.simplybook.me/v2'' – it is the link to your booking page. It can be found when you press “My booking website” in the upper right corner of your admin [https://simplybook.me/ SimplyBook.me] page. You need to insert your company name instead of “image”.
:2. ''https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-1.png?w=660'' – this is the link to the image of “Book now” button. You can choose the image that suits your website design.
:2. ''https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-4.jpg?w=660'' – this is the link to the image of “Book now” button. You can choose the image that suits your website design.
:3. ''alt=”Booking button”'' – this is the alternate text for an image, if the image cannot be displayed. You can change the text “Booking button” to “Book now”, “Book here”, etc.
:3. ''alt=”Booking button”'' – this is the alternate text for an image, if the image cannot be displayed. You can change the text “Booking button” to “Book now”, “Book here”, etc.
:4. ''width=”200″ height=”200″'' You can insert custom size of the image with the help of these functions.
:4. ''width=”200″ height=”200″'' You can insert custom size of the image with the help of these functions.
5. Please note that all the other signs, symbols and spaces are very important for the proper functioning of the code.
:5. Please note that all the other signs, symbols and spaces are very important for the proper functioning of the code.
<br><br>
'''[https://appointmentbookingsystem.wordpress.com/ Tutorial with pictures and Booking Button gallery]'''
''Please check the example [http://simplydemowidgets.mozello.com/ here].''
<br><br>
</div>
</div>
</div>
</div>
<br><br>
<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 widget result.png|border | center]]
[[File:Wix widget result upd.png|border | center]]
