HTML button/sv: Difference between revisions

(One intermediate revision by the same user not shown)

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>

~~<div lang="en" dir="ltr" class="mw-content-ltr">~~

~~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>

~~</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" -> "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~~.

''~~Please check the example~~ [http://simplydemowidgets.mozello.com/ ~~here~~].''

''Se exemplet [http://simplydemowidgets.mozello.com/ här].''

~~</div>~~

@@ 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>
-<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>
 <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>
-</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>
-''Please check the example [http://simplydemowidgets.mozello.com/ here].''
+''Se exemplet [http://simplydemowidgets.mozello.com/ här].''
 <br><br><br><br>
-</div>