HTML button/nl: Difference between revisions

From SimplyBook.me
Created page with "{{#seo: |title=Aangepaste HTML-knop - SimplyBook.me |description=Maak aangepaste HTML-knoppen om boekingen naadloos in uw website te integreren. Volg onze handleiding om vandaag nog aan de slag te gaan! |titlemode=toevoegen |keywords=faq, veelgestelde vragen, boekingssoftware, vragen over het afspraken systeem, online afspraken, kalendersoftware, boekingssysteem, boekingskalender, planningssoftware, online afspraken plannen, online planning, plug-ins, aangepaste functies..."
Created page with "'''Wat u kunt wijzigen:''' :1. ''image.simplybook.me/v2'' – dit is de link naar uw boekingspagina. U vindt deze door rechtsboven op uw [https://simplybook.me/ 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"...."
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<languages/>
<languages/>
{{#seo: |title=Aangepaste HTML-knop - SimplyBook.me |description=Maak aangepaste HTML-knoppen om boekingen naadloos in uw website te integreren. Volg onze handleiding om vandaag nog aan de slag te gaan! |titlemode=toevoegen |keywords=faq, veelgestelde vragen, boekingssoftware, vragen over het afspraken systeem, online afspraken, kalendersoftware, boekingssysteem, boekingskalender, planningssoftware, online afspraken plannen, online planning, plug-ins, aangepaste functies, aangepaste boekingspagina link, domeinnaam, aangepaste domeinnaam, aangepaste url }}
{{#seo: |title=Aangepaste HTML-knop - SimplyBook.me |description=Maak aangepaste HTML-knoppen om boekingen naadloos in uw website te integreren. Volg onze handleiding om vandaag nog aan de slag te gaan! |titlemode=toevoegen |keywords=faq, veelgestelde vragen, boekingssoftware, vragen over het afspraken systeem, online afspraken, kalendersoftware, boekingssysteem, boekingskalender, planningssoftware, online afspraken plannen, online planning, plug-ins, aangepaste functies, aangepaste boekingspagina link, domeinnaam, aangepaste domeinnaam, aangepaste url }}
<div lang="en" dir="ltr" class="mw-content-ltr">
<br><br>
<br><br>
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]<br><br>
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 [https://simplybook.me/ 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 [https://simplybook.me/ SimplyBook.me] te linken<br><br>
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
<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>
<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>
<br><br>
Now let’s look at the code closer and see its components and how it can be adjusted to your company.
Laten we nu de code eens nader bekijken en zien uit welke onderdelen deze bestaat en hoe deze kan worden aangepast aan uw bedrijf.
<br>
<br>
</div>
'''Wat u kunt wijzigen:'''
<div lang="en" dir="ltr" class="mw-content-ltr">
:1. ''image.simplybook.me/v2'' – dit is de link naar uw boekingspagina. U vindt deze door rechtsboven op uw [https://simplybook.me/ SimplyBook.me-beheerderspagina] op "Mijn boekingskanalen" -&gt; "Mijn boekingswebsite" te klikken. U moet uw bedrijfsnaam invoeren in plaats van "image".
'''What you can change:'''
: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.  
:1. ''image.simplybook.me/v2'' – it is the link to your booking page. It can be found when you press “My booking channels” -> "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”.
: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.
: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.  
:4. ''width="200″ height="200″'' Met behulp van deze functies kunt u een aangepaste grootte van de afbeelding invoegen.  
: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.
:5. Houd er rekening mee dat alle andere tekens, symbolen en spaties erg belangrijk zijn voor de goede werking van de code.
: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.
<br><br>
<br><br>
''Please check the example [http://simplydemowidgets.mozello.com/ here].''
''Bekijk [http://simplydemowidgets.mozello.com/ hier] het voorbeeld.''
<br><br><br><br>
<br><br><br><br>
</div>

Latest revision as of 08:56, 18 June 2025



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.