HTML-knop

Soms ondersteunen websites (met name WordPress.com) het invoegen van HTML-javascriptcode die we gebruiken voor onze iFrame- en knopwidgets niet. In dat geval kan het handig zijn om een eenvoudige HTML-knopcode te gebruiken om uw klanten erop te wijzen dat ze naar uw boekingssite op SimplyBook.me moeten gaan om de afspraak te maken. Hier is een eenvoudige code die u op uw site of in uw e-mails kunt invoegen om naar uw boekingssite op SimplyBook.me te linken

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

Laten we nu de code eens nader bekijken en zien uit welke onderdelen deze bestaat en hoe deze kan worden aangepast aan uw bedrijf.
Wat u kunt wijzigen:

1. image.simplybook.me/v2 – dit is de link naar uw boekingspagina. U vindt deze door rechtsboven op uw SimplyBook.me-beheerderspagina op "Mijn boekingskanalen" -> "Mijn boekingswebsite" te klikken. U moet uw bedrijfsnaam invoeren in plaats van "image".

2. https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-4.jpg?w=660 – dit is de link naar de afbeelding van de knop "Nu boeken". U kunt een afbeelding kiezen die bij het ontwerp van uw website past.

3. alt="Boekingsknop" – dit is de alternatieve tekst voor een afbeelding, als de afbeelding niet kan worden weergegeven. U kunt de tekst "Boekingsknop" wijzigen in "Boek nu", "Boek hier", enz.

4. width="200″ height="200″ Met behulp van deze functies kunt u een aangepaste grootte van de afbeelding invoegen.

5. Houd er rekening mee dat alle andere tekens, symbolen en spaties erg belangrijk zijn voor de goede werking van de code.

Bekijk hier het voorbeeld.