HTML button/sv: Difference between revisions

From SimplyBook.me
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> Låt oss nu titta närmare på koden och se dess komponenter och hur den kan anpassas till ditt företag. <br>"
Tags: Mobile edit Mobile web edit
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
 
Line 8: Line 8:
Låt oss nu titta närmare på koden och se dess komponenter och hur den kan anpassas till ditt företag.
Låt oss nu titta närmare på koden och se dess komponenter och hur den kan anpassas till ditt företag.
<br>
<br>
<div lang="en" dir="ltr" class="mw-content-ltr">
'''Vad du kan ändra:'''
'''What you can change:'''
:1. ''image.simplybook.me/v2'' – det är länken till din bokningssida. Du hittar den när du klickar på "Mina bokningskanaler" -&gt; "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".
: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”.
: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.  
: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.  
: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.
: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.
:4. ''width="200″ height="200″'' Du kan ange en anpassad storlek på bilden med hjälp av dessa funktioner.  
:4. ''width=”200″ height=”200″'' You can insert custom size of the image with the help of these functions.  
:5. Observera att alla andra tecken, symboler och mellanslag är mycket viktiga för att koden ska fungera korrekt.
: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].''
''Se exemplet [http://simplydemowidgets.mozello.com/ här].''
<br><br><br><br>
<br><br><br><br>
</div>

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.