HTML button/sv: Difference between revisions

From SimplyBook.me
Created page with "<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..."
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
 
(One intermediate revision by the same user not shown)
Line 4: Line 4:
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>
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>


<div lang="en" dir="ltr" class="mw-content-ltr">
<a href="//image.simplybook.me/v2" target="_blank"><img src="https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-4.jpg?w=660" alt="Booking button" width="200" height="200"></a>
<a href="//image.simplybook.me/v2" target="_blank"><img src="https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-4.jpg?w=660" alt="Booking button" width="200" height="200"></a>
<br><br>
<br><br>
Now let’s look at the code closer and see its components and how it can be adjusted to your company.
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>
'''Vad du kan ändra:'''
<div lang="en" dir="ltr" class="mw-content-ltr">
: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".
'''What you can change:'''
: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'' – it is the link to your booking page. It can be found when you press “My booking channels” -> "My booking website" in the upper right corner of your admin [https://simplybook.me/ SimplyBook.me] page. You need to insert your company name instead of “image”.
:3. ''alt="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'' this is the link to the image of “Book now” button. You can choose the image that suits your website design.  
:4. ''width="200″ height="200″'' Du kan ange en anpassad storlek på bilden med hjälp av dessa funktioner.  
:3. ''alt=”Booking button”'' this is the alternate text for an image, if the image cannot be displayed. You can change the text “Booking button” to “Book now”, “Book here”, etc.
:5. Observera att alla andra tecken, symboler och mellanslag är mycket viktiga för att koden ska fungera korrekt.
:4. ''width=”200″ height=”200″'' You can insert custom size of the image with the help of these functions.  
:5. Please note that all the other signs, symbols and spaces are very important for the proper functioning of the code.
<br><br>
<br><br>
''Please check the example [http://simplydemowidgets.mozello.com/ here].''
''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.