https://help.simplybook.me/index.php?action=history&feed=atom&title=HTML_button%2Fnl
HTML button/nl - Revision history
2026-05-04T04:04:33Z
Revision history for this page on the wiki
MediaWiki 1.43.0
https://help.simplybook.me/index.php?title=HTML_button/nl&diff=44272&oldid=prev
Admin at 13:05, 17 February 2026
2026-02-17T13:05:49Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 13:05, 17 February 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><languages/></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><languages/></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><div class="mw-translate-fuzzy"></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{#seo: |title=Aangepaste HTML-knop - SimplyBook.me |description=<ins style="font-weight: bold; text-decoration: none;">Eenvoudige </ins>HTML-<ins style="font-weight: bold; text-decoration: none;">knopcode voor websites</ins>. <ins style="font-weight: bold; text-decoration: none;">Link naar </ins>de <ins style="font-weight: bold; text-decoration: none;">boekingspagina wanneer JavaScript-widgets niet worden ondersteund. Alternatieve integratiemethode voor beperkte platforms.</ins>|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></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{#seo: |title=Aangepaste HTML-knop - SimplyBook.me |description=<del style="font-weight: bold; text-decoration: none;">Maak aangepaste </del>HTML-<del style="font-weight: bold; text-decoration: none;">knoppen om boekingen naadloos in uw website te integreren</del>. <del style="font-weight: bold; text-decoration: none;">Volg onze handleiding om vandaag nog aan </del>de <del style="font-weight: bold; text-decoration: none;">slag te gaan! </del>|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></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></div></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br><br></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br><br></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>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></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>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></td></tr>
<!-- diff cache key wikiv2:diff:1.41:old-44267:rev-44272:php=table -->
</table>
Admin
https://help.simplybook.me/index.php?title=HTML_button/nl&diff=44267&oldid=prev
FuzzyBot: Updating to match new version of source page
2026-02-17T13:04:02Z
<p>Updating to match new version of source page</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 13:04, 17 February 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><languages/></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><languages/></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><div class="mw-translate-fuzzy"></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{#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></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{#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></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></div></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br><br></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br><br></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>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></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>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></td></tr>
<!-- diff cache key wikiv2:diff:1.41:old-29600:rev-44267:php=table -->
</table>
FuzzyBot
https://help.simplybook.me/index.php?title=HTML_button/nl&diff=29600&oldid=prev
Admin: 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"...."
2025-06-18T08:56:58Z
<p>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"...."</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 08:56, 18 June 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l8">Line 8:</td>
<td colspan="2" class="diff-lineno">Line 8:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Laten we nu de code eens nader bekijken en zien uit welke onderdelen deze bestaat en hoe deze kan worden aangepast aan uw bedrijf.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Laten we nu de code eens nader bekijken en zien uit welke onderdelen deze bestaat en hoe deze kan worden aangepast aan uw bedrijf.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><div lang="en" dir="ltr" class="mw-content-ltr"></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''<ins style="font-weight: bold; text-decoration: none;">Wat u kunt wijzigen</ins>:'''</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''<del style="font-weight: bold; text-decoration: none;">What you can change</del>:'''</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:1. ''image.simplybook.me/v2'' – <ins style="font-weight: bold; text-decoration: none;">dit </ins>is <ins style="font-weight: bold; text-decoration: none;">de </ins>link <ins style="font-weight: bold; text-decoration: none;">naar uw boekingspagina</ins>. <ins style="font-weight: bold; text-decoration: none;">U vindt deze door rechtsboven op uw </ins>[https://simplybook.me/ SimplyBook.me<ins style="font-weight: bold; text-decoration: none;">-beheerderspagina</ins>] <ins style="font-weight: bold; text-decoration: none;">op "Mijn boekingskanalen" -&gt; "Mijn boekingswebsite" te klikken</ins>. <ins style="font-weight: bold; text-decoration: none;">U moet uw bedrijfsnaam invoeren in plaats van "image"</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:1. ''image.simplybook.me/v2'' – <del style="font-weight: bold; text-decoration: none;">it </del>is <del style="font-weight: bold; text-decoration: none;">the </del>link <del style="font-weight: bold; text-decoration: none;">to your booking page</del>. <del style="font-weight: bold; text-decoration: none;">It can be found when you press “My booking channels” -> "My booking website" in the upper right corner of your admin </del>[https://simplybook.me/ SimplyBook.me] <del style="font-weight: bold; text-decoration: none;">page</del>. <del style="font-weight: bold; text-decoration: none;">You need to insert your company name instead of “image”</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:2. ''https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-4.jpg?w=660'' – <ins style="font-weight: bold; text-decoration: none;">dit </ins>is <ins style="font-weight: bold; text-decoration: none;">de </ins>link <ins style="font-weight: bold; text-decoration: none;">naar de afbeelding van de knop "Nu boeken"</ins>. <ins style="font-weight: bold; text-decoration: none;">U kunt een afbeelding kiezen die bij het ontwerp van uw </ins>website <ins style="font-weight: bold; text-decoration: none;">past</ins>. </div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:2. ''https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-4.jpg?w=660'' <del style="font-weight: bold; text-decoration: none;"> </del>– <del style="font-weight: bold; text-decoration: none;">this </del>is <del style="font-weight: bold; text-decoration: none;">the </del>link <del style="font-weight: bold; text-decoration: none;">to the image of “Book now” button</del>. <del style="font-weight: bold; text-decoration: none;">You can choose the image that suits your </del>website <del style="font-weight: bold; text-decoration: none;">design</del>. </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:3. ''alt=<ins style="font-weight: bold; text-decoration: none;">"Boekingsknop"</ins>'' – <ins style="font-weight: bold; text-decoration: none;">dit </ins>is <ins style="font-weight: bold; text-decoration: none;">de alternatieve tekst voor een afbeelding</ins>, <ins style="font-weight: bold; text-decoration: none;">als de afbeelding niet kan worden weergegeven</ins>. <ins style="font-weight: bold; text-decoration: none;">U kunt de tekst "Boekingsknop" wijzigen in "Boek nu"</ins>, <ins style="font-weight: bold; text-decoration: none;">"Boek hier"</ins>, <ins style="font-weight: bold; text-decoration: none;">enz</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:3. ''alt=<del style="font-weight: bold; text-decoration: none;">”Booking button”</del>'' <del style="font-weight: bold; text-decoration: none;"> </del>– <del style="font-weight: bold; text-decoration: none;">this </del>is <del style="font-weight: bold; text-decoration: none;">the alternate text for an image</del>, <del style="font-weight: bold; text-decoration: none;">if the image cannot be displayed</del>. <del style="font-weight: bold; text-decoration: none;">You can change the text “Booking button” to “Book now”</del>, <del style="font-weight: bold; text-decoration: none;">“Book here”</del>, <del style="font-weight: bold; text-decoration: none;">etc</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:4. ''width=<ins style="font-weight: bold; text-decoration: none;">"200″ </ins>height=<ins style="font-weight: bold; text-decoration: none;">"200″</ins>'' <ins style="font-weight: bold; text-decoration: none;">Met behulp van deze functies kunt u een aangepaste grootte van de afbeelding invoegen</ins>. </div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:4. ''width=<del style="font-weight: bold; text-decoration: none;">”200″ </del>height=<del style="font-weight: bold; text-decoration: none;">”200″</del>'' <del style="font-weight: bold; text-decoration: none;"> You can insert custom size of the image with the help of these functions</del>. </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:5. <ins style="font-weight: bold; text-decoration: none;">Houd er rekening mee dat alle andere tekens</ins>, <ins style="font-weight: bold; text-decoration: none;">symbolen en spaties erg belangrijk zijn voor de goede werking van de </ins>code.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:5. <del style="font-weight: bold; text-decoration: none;">Please note that all the other signs</del>, <del style="font-weight: bold; text-decoration: none;">symbols and spaces are very important for the proper functioning of the </del>code.</div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br><br></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br><br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>''<del style="font-weight: bold; text-decoration: none;">Please check the example </del>[http://simplydemowidgets.mozello.com/ <del style="font-weight: bold; text-decoration: none;">here</del>].''</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>''<ins style="font-weight: bold; text-decoration: none;">Bekijk </ins>[http://simplydemowidgets.mozello.com/ <ins style="font-weight: bold; text-decoration: none;">hier</ins>] <ins style="font-weight: bold; text-decoration: none;">het voorbeeld</ins>.''</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br><br><br><br></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br><br><br><br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></div></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<!-- diff cache key wikiv2:diff:1.41:old-29598:rev-29600:php=table -->
</table>
Admin
https://help.simplybook.me/index.php?title=HTML_button/nl&diff=29598&oldid=prev
Admin: Created page with "<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 [htt..."
2025-06-18T08:56:56Z
<p>Created page with "<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 [htt..."</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 08:56, 18 June 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><languages/></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><languages/></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{#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></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{#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></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><div lang="en" dir="ltr" class="mw-content-ltr"></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br><br></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br><br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Sometimes, </del>websites (WordPress.com <del style="font-weight: bold; text-decoration: none;">in particular</del>) <del style="font-weight: bold; text-decoration: none;">do not support inserting </del>HTML <del style="font-weight: bold; text-decoration: none;">Javascript code </del>we <del style="font-weight: bold; text-decoration: none;">use for our </del>iFrame <del style="font-weight: bold; text-decoration: none;">and button widgets</del>. <del style="font-weight: bold; text-decoration: none;">Then it can be useful to use a simple </del>HTML <del style="font-weight: bold; text-decoration: none;">button code to get your clients attention to go to your booking site at </del>[https://simplybook.me/ SimplyBook.me] <del style="font-weight: bold; text-decoration: none;">and make the appointment</del>. <del style="font-weight: bold; text-decoration: none;">Here </del>is <del style="font-weight: bold; text-decoration: none;">a simple </del>code <del style="font-weight: bold; text-decoration: none;">you can insert on your </del>site <del style="font-weight: bold; text-decoration: none;">or into your emails to link to your booking site at </del>[https://simplybook.me/ SimplyBook.me]<br><br<del style="font-weight: bold; text-decoration: none;">></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Soms ondersteunen </ins>websites (<ins style="font-weight: bold; text-decoration: none;">met name </ins>WordPress.com) <ins style="font-weight: bold; text-decoration: none;">het invoegen van </ins>HTML<ins style="font-weight: bold; text-decoration: none;">-javascriptcode die </ins>we <ins style="font-weight: bold; text-decoration: none;">gebruiken voor onze </ins>iFrame<ins style="font-weight: bold; text-decoration: none;">- en knopwidgets niet</ins>. <ins style="font-weight: bold; text-decoration: none;">In dat geval kan het handig zijn om een eenvoudige </ins>HTML<ins style="font-weight: bold; text-decoration: none;">-knopcode te gebruiken om uw klanten erop te wijzen dat ze naar uw boekingssite op </ins>[https://simplybook.me/ SimplyBook.me] <ins style="font-weight: bold; text-decoration: none;">moeten gaan om de afspraak te maken</ins>. <ins style="font-weight: bold; text-decoration: none;">Hier </ins>is <ins style="font-weight: bold; text-decoration: none;">een eenvoudige </ins>code <ins style="font-weight: bold; text-decoration: none;">die u op uw </ins>site <ins style="font-weight: bold; text-decoration: none;">of in uw e-mails kunt invoegen om naar uw boekingssite op </ins>[https://simplybook.me/ SimplyBook.me] <ins style="font-weight: bold; text-decoration: none;">te linken</ins><br><br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></div</del>></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><div lang="en" dir="ltr" class="mw-content-ltr"></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><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></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><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></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br><br></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br><br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Now let’s look at the </del>code <del style="font-weight: bold; text-decoration: none;">closer and see its components and how it can be adjusted to your company</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Laten we nu de </ins>code <ins style="font-weight: bold; text-decoration: none;">eens nader bekijken en zien uit welke onderdelen deze bestaat en hoe deze kan worden aangepast aan uw bedrijf</ins>.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></div></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div lang="en" dir="ltr" class="mw-content-ltr"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div lang="en" dir="ltr" class="mw-content-ltr"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''What you can change:'''</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''What you can change:'''</div></td></tr>
<!-- diff cache key wikiv2:diff:1.41:old-29594:rev-29598:php=table -->
</table>
Admin
https://help.simplybook.me/index.php?title=HTML_button/nl&diff=29594&oldid=prev
Admin: 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..."
2025-06-18T08:56:54Z
<p>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..."</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 08:56, 18 June 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><languages/></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><languages/></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><div lang="en" dir="ltr" class="mw-content-ltr"></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{#seo: |title=<ins style="font-weight: bold; text-decoration: none;">Aangepaste </ins>HTML<ins style="font-weight: bold; text-decoration: none;">-knop </ins>- SimplyBook.me |description=<ins style="font-weight: bold; text-decoration: none;">Maak aangepaste </ins>HTML<ins style="font-weight: bold; text-decoration: none;">-knoppen om boekingen naadloos in uw </ins>website <ins style="font-weight: bold; text-decoration: none;">te integreren</ins>. <ins style="font-weight: bold; text-decoration: none;">Volg onze handleiding om vandaag nog aan de slag te gaan</ins>! |titlemode=<ins style="font-weight: bold; text-decoration: none;">toevoegen </ins>|keywords=faq, <ins style="font-weight: bold; text-decoration: none;">veelgestelde vragen</ins>, <ins style="font-weight: bold; text-decoration: none;">boekingssoftware</ins>, <ins style="font-weight: bold; text-decoration: none;">vragen over het afspraken systeem</ins>, online <ins style="font-weight: bold; text-decoration: none;">afspraken</ins>, <ins style="font-weight: bold; text-decoration: none;">kalendersoftware</ins>, <ins style="font-weight: bold; text-decoration: none;">boekingssysteem</ins>, <ins style="font-weight: bold; text-decoration: none;">boekingskalender</ins>, <ins style="font-weight: bold; text-decoration: none;">planningssoftware</ins>, online <ins style="font-weight: bold; text-decoration: none;">afspraken plannen</ins>, online <ins style="font-weight: bold; text-decoration: none;">planning</ins>, <ins style="font-weight: bold; text-decoration: none;">plug-ins</ins>, <ins style="font-weight: bold; text-decoration: none;">aangepaste functies</ins>, <ins style="font-weight: bold; text-decoration: none;">aangepaste boekingspagina </ins>link, <ins style="font-weight: bold; text-decoration: none;">domeinnaam</ins>, <ins style="font-weight: bold; text-decoration: none;">aangepaste domeinnaam</ins>, <ins style="font-weight: bold; text-decoration: none;">aangepaste </ins>url }}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{#seo:</div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|title=HTML <del style="font-weight: bold; text-decoration: none;">button custom feature </del>- SimplyBook.me</div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|description=<del style="font-weight: bold; text-decoration: none;">Create custom </del>HTML <del style="font-weight: bold; text-decoration: none;">buttons to integrate bookings seamlessly into your </del>website. <del style="font-weight: bold; text-decoration: none;">Follow our guide to start today</del>!</div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|titlemode=<del style="font-weight: bold; text-decoration: none;">append</del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|keywords=faq, <del style="font-weight: bold; text-decoration: none;">frequently asked questions</del>, <del style="font-weight: bold; text-decoration: none;">booking software</del>, <del style="font-weight: bold; text-decoration: none;">appointment system questions</del>, <del style="font-weight: bold; text-decoration: none;">appointments </del>online, <del style="font-weight: bold; text-decoration: none;">calendar software</del>, <del style="font-weight: bold; text-decoration: none;">booking system</del>, <del style="font-weight: bold; text-decoration: none;">booking calendar</del>, <del style="font-weight: bold; text-decoration: none;">scheduling software</del>, online <del style="font-weight: bold; text-decoration: none;">appointment scheduling</del>, online <del style="font-weight: bold; text-decoration: none;">scheduling</del>, <del style="font-weight: bold; text-decoration: none;">plugins</del>, <del style="font-weight: bold; text-decoration: none;">custom features</del>, <del style="font-weight: bold; text-decoration: none;">custom booking page </del>link, <del style="font-weight: bold; text-decoration: none;">domain name</del>, <del style="font-weight: bold; text-decoration: none;">custom domain name</del>, <del style="font-weight: bold; text-decoration: none;">custom </del>url</div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></div></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div lang="en" dir="ltr" class="mw-content-ltr"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div lang="en" dir="ltr" class="mw-content-ltr"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br><br></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br><br></div></td></tr>
<!-- diff cache key wikiv2:diff:1.41:old-29585:rev-29594:php=table -->
</table>
Admin
https://help.simplybook.me/index.php?title=HTML_button/nl&diff=29585&oldid=prev
Admin: Created page with "HTML-knop"
2025-06-18T08:56:52Z
<p>Created page with "HTML-knop"</p>
<p><b>New page</b></p><div><languages/><br />
<div lang="en" dir="ltr" class="mw-content-ltr"><br />
{{#seo:<br />
|title=HTML button custom feature - SimplyBook.me<br />
|description=Create custom HTML buttons to integrate bookings seamlessly into your website. Follow our guide to start today!<br />
|titlemode=append<br />
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, custom booking page link, domain name, custom domain name, custom url<br />
}}<br />
</div><br />
<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><br />
</div><br />
<br />
<div lang="en" dir="ltr" class="mw-content-ltr"><br />
<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.<br />
<br><br />
</div><br />
<div lang="en" dir="ltr" class="mw-content-ltr"><br />
'''What you can change:'''<br />
: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”.<br />
: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. <br />
: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.<br />
:4. ''width=”200″ height=”200″'' You can insert custom size of the image with the help of these functions. <br />
: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].''<br />
<br><br><br><br><br />
</div></div>
Admin