Created page with "{{#seo: |title=Anpassningsbar HTML-knapp – SimplyBook.me |description=Skapa anpassade HTML-knappar för att integrera bokningar sömlöst i din webbplats. Följ vår guide för att komma igång idag! |titlemode=lägg till |keywords=faq, vanliga frågor, bokningsprogramvara, frågor om bokningssystem, onlinebokningar, kalenderprogramvara, bokningssystem, bokningskalender, schemaläggningsprogramvara, onlinebokning, onlinebokning, plugins, anpassade funktioner, anpassad..." |
Created page with "'''Vad du kan ändra:''' :1. ''image.simplybook.me/v2'' – det är länken till din bokningssida. Du hittar den när du klickar på "Mina bokningskanaler" -> "Min bokningswebbplats" i det övre högra hörnet på din [https://simplybook.me/ SimplyBook.me-] administratörssida. Du måste ange ditt företagsnamn istället för "image". :2. ''https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-4.jpg?w=660'' – detta är länken till bilden av k..." Tags: Mobile edit Mobile web edit |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<languages/> | <languages/> | ||
{{#seo: |title=Anpassningsbar HTML-knapp – SimplyBook.me |description=Skapa anpassade HTML-knappar för att integrera bokningar sömlöst i din webbplats. Följ vår guide för att komma igång idag! |titlemode=lägg till |keywords=faq, vanliga frågor, bokningsprogramvara, frågor om bokningssystem, onlinebokningar, kalenderprogramvara, bokningssystem, bokningskalender, schemaläggningsprogramvara, onlinebokning, onlinebokning, plugins, anpassade funktioner, anpassad bokningssida, domännamn, anpassat domännamn, anpassad webbadress }} | {{#seo: |title=Anpassningsbar HTML-knapp – SimplyBook.me |description=Skapa anpassade HTML-knappar för att integrera bokningar sömlöst i din webbplats. Följ vår guide för att komma igång idag! |titlemode=lägg till |keywords=faq, vanliga frågor, bokningsprogramvara, frågor om bokningssystem, onlinebokningar, kalenderprogramvara, bokningssystem, bokningskalender, schemaläggningsprogramvara, onlinebokning, onlinebokning, plugins, anpassade funktioner, anpassad bokningssida, domännamn, anpassat domännamn, anpassad webbadress }} | ||
<br><br> | <br><br> | ||
Ibland stöder webbplatser (särskilt WordPress.com) inte infogning av HTML-Javascript-kod som vi använder för våra iFrame- och knappwidgets. Då kan det vara användbart att använda en enkel HTML-knappkod för att uppmärksamma dina kunder på att gå till din bokningssida på [https://simplybook.me/ SimplyBook.me] och boka en tid. Här är en enkel kod som du kan infoga på din webbplats eller i dina e-postmeddelanden för att länka till din bokningssida på [https://simplybook.me/ SimplyBook.me]<br><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> | <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> | ||
Låt oss nu titta närmare på koden och se dess komponenter och hur den kan anpassas till ditt företag. | |||
<br> | <br> | ||
'''Vad du kan ändra:''' | |||
:1. ''image.simplybook.me/v2'' – det är länken till din bokningssida. Du hittar den när du klickar på "Mina bokningskanaler" -> "Min bokningswebbplats" i det övre högra hörnet på din [https://simplybook.me/ SimplyBook.me-] administratörssida. Du måste ange ditt företagsnamn istället för "image". | |||
''' | :2. ''https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-4.jpg?w=660'' – detta är länken till bilden av knappen "Boka nu". Du kan välja den bild som passar din webbplatsdesign. | ||
:1. ''image.simplybook.me/v2'' – | :3. ''alt="Bokningsknapp"'' – detta är den alternativa texten för en bild om bilden inte kan visas. Du kan ändra texten "Bokningsknapp" till "Boka nu", "Boka här" osv. | ||
:2. ''https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-4.jpg?w=660'' | :4. ''width="200″ height="200″'' Du kan ange en anpassad storlek på bilden med hjälp av dessa funktioner. | ||
:3. ''alt= | :5. Observera att alla andra tecken, symboler och mellanslag är mycket viktiga för att koden ska fungera korrekt. | ||
:4. ''width= | |||
:5. | |||
<br><br> | <br><br> | ||
'' | ''Se exemplet [http://simplydemowidgets.mozello.com/ här].'' | ||
<br><br><br><br> | <br><br><br><br> | ||
Latest revision as of 08:55, 18 June 2025
Ibland stöder webbplatser (särskilt WordPress.com) inte infogning av HTML-Javascript-kod som vi använder för våra iFrame- och knappwidgets. Då kan det vara användbart att använda en enkel HTML-knappkod för att uppmärksamma dina kunder på att gå till din bokningssida på SimplyBook.me och boka en tid. Här är en enkel kod som du kan infoga på din webbplats eller i dina e-postmeddelanden för att länka till din bokningssida på SimplyBook.me
<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>
Låt oss nu titta närmare på koden och se dess komponenter och hur den kan anpassas till ditt företag.
Vad du kan ändra:
- 1. image.simplybook.me/v2 – det är länken till din bokningssida. Du hittar den när du klickar på "Mina bokningskanaler" -> "Min bokningswebbplats" i det övre högra hörnet på din SimplyBook.me- administratörssida. Du måste ange ditt företagsnamn istället för "image".
- 2. https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-4.jpg?w=660 – detta är länken till bilden av knappen "Boka nu". Du kan välja den bild som passar din webbplatsdesign.
- 3. alt="Bokningsknapp" – detta är den alternativa texten för en bild om bilden inte kan visas. Du kan ändra texten "Bokningsknapp" till "Boka nu", "Boka här" osv.
- 4. width="200″ height="200″ Du kan ange en anpassad storlek på bilden med hjälp av dessa funktioner.
- 5. Observera att alla andra tecken, symboler och mellanslag är mycket viktiga för att koden ska fungera korrekt.
Se exemplet här.