https://help.simplybook.me/index.php?action=history&feed=atom&title=HTML_button%2Fda
HTML button/da - Revision history
2026-05-04T04:08:18Z
Revision history for this page on the wiki
MediaWiki 1.43.0
https://help.simplybook.me/index.php?title=HTML_button/da&diff=44274&oldid=prev
Admin at 13:06, 17 February 2026
2026-02-17T13:06:03Z
<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:06, 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=HTML-knap til brugerdefinerede funktioner - SimplyBook.me |description=<ins style="font-weight: bold; text-decoration: none;">Simpel </ins>HTML-<ins style="font-weight: bold; text-decoration: none;">knapkode til websites. Link til bookingsiden, når JavaScript-widgets ikke understøttes. Alternativ integrationsmetode til begrænsede platforme</ins>.|titlemode=tilføj |keywords=faq, ofte stillede spørgsmål, bookingssoftware, spørgsmål om aftalesystem, onlineaftaler, kalendersoftware, bookingsystem, bookingkalender, planlægningssoftware, online aftaleplanlægning, online planlægning, plugins, tilpassede funktioner, link til tilpasset bookingside, domænenavn, tilpasset domænenavn, tilpasset 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=HTML-knap til brugerdefinerede funktioner - SimplyBook.me |description=<del style="font-weight: bold; text-decoration: none;">Opret brugerdefinerede </del>HTML-<del style="font-weight: bold; text-decoration: none;">knapper for at integrere bookinger problemfrit på din hjemmeside</del>. <del style="font-weight: bold; text-decoration: none;">Følg vores guide for at komme i gang i dag! </del>|titlemode=tilføj |keywords=faq, ofte stillede spørgsmål, bookingssoftware, spørgsmål om aftalesystem, onlineaftaler, kalendersoftware, bookingsystem, bookingkalender, planlægningssoftware, online aftaleplanlægning, online planlægning, plugins, tilpassede funktioner, link til tilpasset bookingside, domænenavn, tilpasset domænenavn, tilpasset 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>Nogle gange understøtter websteder (især WordPress.com) ikke indsættelse af HTML-Javascript-kode, som vi bruger til vores iFrame- og knapwidgets. I så fald kan det være nyttigt at bruge en simpel HTML-knapkode for at få dine kunders opmærksomhed, så de går til din bookingside på [https://simplybook.me/ SimplyBook.me] og booker en aftale. Her er en simpel kode, du kan indsætte på din side eller i dine e-mails for at linke til din bookingside på [https://simplybook.me/ SimplyBook.me]<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>Nogle gange understøtter websteder (især WordPress.com) ikke indsættelse af HTML-Javascript-kode, som vi bruger til vores iFrame- og knapwidgets. I så fald kan det være nyttigt at bruge en simpel HTML-knapkode for at få dine kunders opmærksomhed, så de går til din bookingside på [https://simplybook.me/ SimplyBook.me] og booker en aftale. Her er en simpel kode, du kan indsætte på din side eller i dine e-mails for at linke til din bookingside på [https://simplybook.me/ SimplyBook.me]<br><br></div></td></tr>
<!-- diff cache key wikiv2:diff:1.41:old-44265:rev-44274:php=table -->
</table>
Admin
https://help.simplybook.me/index.php?title=HTML_button/da&diff=44265&oldid=prev
FuzzyBot: Updating to match new version of source page
2026-02-17T13:03:59Z
<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:03, 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=HTML-knap til brugerdefinerede funktioner - SimplyBook.me |description=Opret brugerdefinerede HTML-knapper for at integrere bookinger problemfrit på din hjemmeside. Følg vores guide for at komme i gang i dag! |titlemode=tilføj |keywords=faq, ofte stillede spørgsmål, bookingssoftware, spørgsmål om aftalesystem, onlineaftaler, kalendersoftware, bookingsystem, bookingkalender, planlægningssoftware, online aftaleplanlægning, online planlægning, plugins, tilpassede funktioner, link til tilpasset bookingside, domænenavn, tilpasset domænenavn, tilpasset 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=HTML-knap til brugerdefinerede funktioner - SimplyBook.me |description=Opret brugerdefinerede HTML-knapper for at integrere bookinger problemfrit på din hjemmeside. Følg vores guide for at komme i gang i dag! |titlemode=tilføj |keywords=faq, ofte stillede spørgsmål, bookingssoftware, spørgsmål om aftalesystem, onlineaftaler, kalendersoftware, bookingsystem, bookingkalender, planlægningssoftware, online aftaleplanlægning, online planlægning, plugins, tilpassede funktioner, link til tilpasset bookingside, domænenavn, tilpasset domænenavn, tilpasset 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>Nogle gange understøtter websteder (især WordPress.com) ikke indsættelse af HTML-Javascript-kode, som vi bruger til vores iFrame- og knapwidgets. I så fald kan det være nyttigt at bruge en simpel HTML-knapkode for at få dine kunders opmærksomhed, så de går til din bookingside på [https://simplybook.me/ SimplyBook.me] og booker en aftale. Her er en simpel kode, du kan indsætte på din side eller i dine e-mails for at linke til din bookingside på [https://simplybook.me/ SimplyBook.me]<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>Nogle gange understøtter websteder (især WordPress.com) ikke indsættelse af HTML-Javascript-kode, som vi bruger til vores iFrame- og knapwidgets. I så fald kan det være nyttigt at bruge en simpel HTML-knapkode for at få dine kunders opmærksomhed, så de går til din bookingside på [https://simplybook.me/ SimplyBook.me] og booker en aftale. Her er en simpel kode, du kan indsætte på din side eller i dine e-mails for at linke til din bookingside på [https://simplybook.me/ SimplyBook.me]<br><br></div></td></tr>
<!-- diff cache key wikiv2:diff:1.41:old-29415:rev-44265:php=table -->
</table>
FuzzyBot
https://help.simplybook.me/index.php?title=HTML_button/da&diff=29415&oldid=prev
Admin: Created page with "'''Hvad du kan ændre:''' :1. ''image.simplybook.me/v2'' – det er linket til din reservationsside. Du finder det, når du klikker på "Mine reservationskanaler" -> "Min reservationswebsite" øverst til højre på din [https://simplybook.me/ SimplyBook.me-] administrationsside. Du skal indsætte dit firmanavn i stedet for "image". :2. ''https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-4.jpg?w=660'' – dette er linket til billedet af knapp..."
2025-06-18T08:54:41Z
<p>Created page with "'''Hvad du kan ændre:''' :1. ''image.simplybook.me/v2'' – det er linket til din reservationsside. Du finder det, når du klikker på "Mine reservationskanaler" -> "Min reservationswebsite" øverst til højre på din [https://simplybook.me/ SimplyBook.me-] administrationsside. Du skal indsætte dit firmanavn i stedet for "image". :2. ''https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-4.jpg?w=660'' – dette er linket til billedet af knapp..."</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:54, 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>Lad os nu se nærmere på koden og se dens komponenter, og hvordan den kan tilpasses til din virksomhed.</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>Lad os nu se nærmere på koden og se dens komponenter, og hvordan den kan tilpasses til din virksomhed.</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;">Hvad du kan ændre</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;">det er linket til din reservationsside</ins>. <ins style="font-weight: bold; text-decoration: none;">Du finder det, når du klikker på "Mine reservationskanaler" </ins>-<ins style="font-weight: bold; text-decoration: none;">&gt; </ins>"<ins style="font-weight: bold; text-decoration: none;">Min reservationswebsite</ins>" <ins style="font-weight: bold; text-decoration: none;">øverst til højre på din </ins>[https://simplybook.me/ SimplyBook.me<ins style="font-weight: bold; text-decoration: none;">-</ins>] <ins style="font-weight: bold; text-decoration: none;">administrationsside</ins>. <ins style="font-weight: bold; text-decoration: none;">Du skal indsætte dit firmanavn i stedet for "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 is the link to your booking page</del>. <del style="font-weight: bold; text-decoration: none;">It can be found when you press “My booking channels” </del>-<del style="font-weight: bold; text-decoration: none;">> </del>"<del style="font-weight: bold; text-decoration: none;">My booking website</del>" <del style="font-weight: bold; text-decoration: none;">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;">dette er linket til billedet af knappen "Book nu"</ins>. <ins style="font-weight: bold; text-decoration: none;">Du kan vælge det billede, der passer til dit websteds </ins>design. </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 is the link to the image of “Book now” button</del>. <del style="font-weight: bold; text-decoration: none;">You can choose the image that suits your website </del>design. </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;">"Bookingknap"</ins>'' – <ins style="font-weight: bold; text-decoration: none;">dette er den alternative tekst til et billede</ins>, <ins style="font-weight: bold; text-decoration: none;">hvis billedet ikke kan vises</ins>. <ins style="font-weight: bold; text-decoration: none;">Du kan ændre teksten "Bookingknap" til "Book nu"</ins>, <ins style="font-weight: bold; text-decoration: none;">"Book her" osv</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 is 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”, 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;">Du kan indsætte en brugerdefineret størrelse på billedet ved hjælp af disse funktioner</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;">Bemærk</ins>, <ins style="font-weight: bold; text-decoration: none;">at alle andre tegn, symboler og mellemrum er meget vigtige </ins>for<ins style="font-weight: bold; text-decoration: none;">, at koden fungerer korrekt</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>: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 </del>for <del style="font-weight: bold; text-decoration: none;">the proper functioning of the code</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;">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;">Se eksemplet </ins>[http://simplydemowidgets.mozello.com/ <ins style="font-weight: bold; text-decoration: none;">her</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-29413:rev-29415:php=table -->
</table>
Admin
https://help.simplybook.me/index.php?title=HTML_button/da&diff=29413&oldid=prev
Admin: Created page with "<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> Lad os nu se nærmere på koden og se dens komponenter, og hvordan den kan tilpasses til din virksomhed. <br>"
2025-06-18T08:54:40Z
<p>Created page with "<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> Lad os nu se nærmere på koden og se dens komponenter, og hvordan den kan tilpasses til din virksomhed. <br>"</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:54, 18 June 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l4">Line 4:</td>
<td colspan="2" class="diff-lineno">Line 4:</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>Nogle gange understøtter websteder (især WordPress.com) ikke indsættelse af HTML-Javascript-kode, som vi bruger til vores iFrame- og knapwidgets. I så fald kan det være nyttigt at bruge en simpel HTML-knapkode for at få dine kunders opmærksomhed, så de går til din bookingside på [https://simplybook.me/ SimplyBook.me] og booker en aftale. Her er en simpel kode, du kan indsætte på din side eller i dine e-mails for at linke til din bookingside på [https://simplybook.me/ SimplyBook.me]<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>Nogle gange understøtter websteder (især WordPress.com) ikke indsættelse af HTML-Javascript-kode, som vi bruger til vores iFrame- og knapwidgets. I så fald kan det være nyttigt at bruge en simpel HTML-knapkode for at få dine kunders opmærksomhed, så de går til din bookingside på [https://simplybook.me/ SimplyBook.me] og booker en aftale. Her er en simpel kode, du kan indsætte på din side eller i dine e-mails for at linke til din bookingside på [https://simplybook.me/ SimplyBook.me]<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;"><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 code 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;">Lad os nu se nærmere på koden og se dens komponenter, og hvordan den kan tilpasses til din virksomhed</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-29411:rev-29413:php=table -->
</table>
Admin
https://help.simplybook.me/index.php?title=HTML_button/da&diff=29411&oldid=prev
Admin: Created page with "<br><br> Nogle gange understøtter websteder (især WordPress.com) ikke indsættelse af HTML-Javascript-kode, som vi bruger til vores iFrame- og knapwidgets. I så fald kan det være nyttigt at bruge en simpel HTML-knapkode for at få dine kunders opmærksomhed, så de går til din bookingside på [https://simplybook.me/ SimplyBook.me] og booker en aftale. Her er en simpel kode, du kan indsætte på din side eller i dine e-mails for at linke til din bookingside på [http..."
2025-06-18T08:54:39Z
<p>Created page with "<br><br> Nogle gange understøtter websteder (især WordPress.com) ikke indsættelse af HTML-Javascript-kode, som vi bruger til vores iFrame- og knapwidgets. I så fald kan det være nyttigt at bruge en simpel HTML-knapkode for at få dine kunders opmærksomhed, så de går til din bookingside på [https://simplybook.me/ SimplyBook.me] og booker en aftale. Her er en simpel kode, du kan indsætte på din side eller i dine e-mails for at linke til din bookingside på [http..."</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:54, 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=HTML-knap til brugerdefinerede funktioner - SimplyBook.me |description=Opret brugerdefinerede HTML-knapper for at integrere bookinger problemfrit på din hjemmeside. Følg vores guide for at komme i gang i dag! |titlemode=tilføj |keywords=faq, ofte stillede spørgsmål, bookingssoftware, spørgsmål om aftalesystem, onlineaftaler, kalendersoftware, bookingsystem, bookingkalender, planlægningssoftware, online aftaleplanlægning, online planlægning, plugins, tilpassede funktioner, link til tilpasset bookingside, domænenavn, tilpasset domænenavn, tilpasset 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=HTML-knap til brugerdefinerede funktioner - SimplyBook.me |description=Opret brugerdefinerede HTML-knapper for at integrere bookinger problemfrit på din hjemmeside. Følg vores guide for at komme i gang i dag! |titlemode=tilføj |keywords=faq, ofte stillede spørgsmål, bookingssoftware, spørgsmål om aftalesystem, onlineaftaler, kalendersoftware, bookingsystem, bookingkalender, planlægningssoftware, online aftaleplanlægning, online planlægning, plugins, tilpassede funktioner, link til tilpasset bookingside, domænenavn, tilpasset domænenavn, tilpasset 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, websites </del>(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 Javascript <del style="font-weight: bold; text-decoration: none;">code we 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 </del>at [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 is a simple code you can insert on your site or into your emails to link to your booking site </del>at [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;">Nogle gange understøtter websteder </ins>(<ins style="font-weight: bold; text-decoration: none;">især </ins>WordPress.com) <ins style="font-weight: bold; text-decoration: none;">ikke indsættelse af </ins>HTML<ins style="font-weight: bold; text-decoration: none;">-</ins>Javascript<ins style="font-weight: bold; text-decoration: none;">-kode, som vi bruger til vores </ins>iFrame<ins style="font-weight: bold; text-decoration: none;">- og knapwidgets</ins>. <ins style="font-weight: bold; text-decoration: none;">I så fald kan det være nyttigt at bruge en simpel </ins>HTML<ins style="font-weight: bold; text-decoration: none;">-knapkode for </ins>at <ins style="font-weight: bold; text-decoration: none;">få dine kunders opmærksomhed, så de går til din bookingside på </ins>[https://simplybook.me/ SimplyBook.me] <ins style="font-weight: bold; text-decoration: none;">og booker en aftale</ins>. <ins style="font-weight: bold; text-decoration: none;">Her er en simpel kode, du kan indsætte på din side eller i dine e-mails for </ins>at <ins style="font-weight: bold; text-decoration: none;">linke til din bookingside på </ins>[https://simplybook.me/ SimplyBook.me]<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"></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>
<!-- diff cache key wikiv2:diff:1.41:old-29409:rev-29411:php=table -->
</table>
Admin
https://help.simplybook.me/index.php?title=HTML_button/da&diff=29409&oldid=prev
Admin: Created page with "{{#seo: |title=HTML-knap til brugerdefinerede funktioner - SimplyBook.me |description=Opret brugerdefinerede HTML-knapper for at integrere bookinger problemfrit på din hjemmeside. Følg vores guide for at komme i gang i dag! |titlemode=tilføj |keywords=faq, ofte stillede spørgsmål, bookingssoftware, spørgsmål om aftalesystem, onlineaftaler, kalendersoftware, bookingsystem, bookingkalender, planlægningssoftware, online aftaleplanlægning, online planlægning, plugi..."
2025-06-18T08:54:36Z
<p>Created page with "{{#seo: |title=HTML-knap til brugerdefinerede funktioner - SimplyBook.me |description=Opret brugerdefinerede HTML-knapper for at integrere bookinger problemfrit på din hjemmeside. Følg vores guide for at komme i gang i dag! |titlemode=tilføj |keywords=faq, ofte stillede spørgsmål, bookingssoftware, spørgsmål om aftalesystem, onlineaftaler, kalendersoftware, bookingsystem, bookingkalender, planlægningssoftware, online aftaleplanlægning, online planlægning, plugi..."</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:54, 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=HTML<ins style="font-weight: bold; text-decoration: none;">-knap til brugerdefinerede funktioner </ins>- SimplyBook.me |description=<ins style="font-weight: bold; text-decoration: none;">Opret brugerdefinerede </ins>HTML<ins style="font-weight: bold; text-decoration: none;">-knapper for at integrere bookinger problemfrit på din hjemmeside</ins>. <ins style="font-weight: bold; text-decoration: none;">Følg vores </ins>guide <ins style="font-weight: bold; text-decoration: none;">for at komme i gang i dag</ins>! |titlemode=<ins style="font-weight: bold; text-decoration: none;">tilføj </ins>|keywords=faq, <ins style="font-weight: bold; text-decoration: none;">ofte stillede spørgsmål</ins>, <ins style="font-weight: bold; text-decoration: none;">bookingssoftware</ins>, <ins style="font-weight: bold; text-decoration: none;">spørgsmål om aftalesystem</ins>, <ins style="font-weight: bold; text-decoration: none;">onlineaftaler</ins>, <ins style="font-weight: bold; text-decoration: none;">kalendersoftware</ins>, <ins style="font-weight: bold; text-decoration: none;">bookingsystem</ins>, <ins style="font-weight: bold; text-decoration: none;">bookingkalender</ins>, <ins style="font-weight: bold; text-decoration: none;">planlægningssoftware</ins>, online <ins style="font-weight: bold; text-decoration: none;">aftaleplanlægning</ins>, online <ins style="font-weight: bold; text-decoration: none;">planlægning</ins>, plugins, <ins style="font-weight: bold; text-decoration: none;">tilpassede funktioner</ins>, link <ins style="font-weight: bold; text-decoration: none;">til tilpasset bookingside</ins>, <ins style="font-weight: bold; text-decoration: none;">domænenavn</ins>, <ins style="font-weight: bold; text-decoration: none;">tilpasset domænenavn</ins>, <ins style="font-weight: bold; text-decoration: none;">tilpasset </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 website</del>. <del style="font-weight: bold; text-decoration: none;">Follow our </del>guide <del style="font-weight: bold; text-decoration: none;">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 online</del>, <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>, plugins, <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-29407:rev-29409:php=table -->
</table>
Admin
https://help.simplybook.me/index.php?title=HTML_button/da&diff=29407&oldid=prev
Admin: Created page with "HTML-knap"
2025-06-18T08:54:35Z
<p>Created page with "HTML-knap"</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