HTML button/uk: Difference between revisions

(One intermediate revision by the same user not shown)

Line 4:

Іноді веб-сайти (зокрема WordPress.com) не підтримують вставку HTML-коду Javascript, який ми використовуємо для наших віджетів iFrame та кнопок. У такому випадку може бути корисно використовувати простий HTML-код кнопки, щоб привернути увагу клієнтів до вашого сайту бронювання на [https://simplybook.me/ SimplyBook.me] та спонукати їх записатися на зустріч. Ось простий код, який ви можете вставити на свій сайт або в електронні листи, щоб створити посилання на ваш сайт бронювання на [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~~.

Тепер давайте детальніше розглянемо код, його компоненти та можливості адаптації до вашої компанії.

<br>

~~</div>~~

'''Що можна змінювати:'''

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

:1. ''image.simplybook.me/v2'' – це посилання на вашу сторінку бронювання. Його можна знайти, натиснувши «Мої канали бронювання» -> «Мій веб-сайт бронювання» у верхньому правому куті вашої адміністративної сторінки [https://simplybook.me/ SimplyBook.me]. Вам потрібно вставити назву вашої компанії замість «image».

'''~~What you can change~~:'''

:2. ''https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-4.jpg?w=660'' – це посилання на зображення кнопки «Забронювати зараз». Ви можете вибрати зображення, яке підходить до дизайну вашого веб-сайту.

: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="Кнопка бронювання"'' – це альтернативний текст для зображення, якщо зображення не може бути відображено. Ви можете змінити текст «Кнопка бронювання» на «Забронювати зараз», «Забронювати тут» тощо.

: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″'' За допомогою цих функцій ви можете вставити зображення власного розміру.

: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. Зверніть увагу, що всі інші знаки, символи та пробіли дуже важливі для правильної роботи коду.

: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~~].''

''Перевірте приклад [http://simplydemowidgets.mozello.com/ тут].''

~~</div>~~

@@ Line 4: / Line 4: @@
 Іноді веб-сайти (зокрема WordPress.com) не підтримують вставку HTML-коду Javascript, який ми використовуємо для наших віджетів iFrame та кнопок. У такому випадку може бути корисно використовувати простий HTML-код кнопки, щоб привернути увагу клієнтів до вашого сайту бронювання на [https://simplybook.me/ SimplyBook.me] та спонукати їх записатися на зустріч. Ось простий код, який ви можете вставити на свій сайт або в електронні листи, щоб створити посилання на ваш сайт бронювання на [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.
+Тепер давайте детальніше розглянемо код, його компоненти та можливості адаптації до вашої компанії.
 <br>
-</div>
+'''Що можна змінювати:'''
-<div lang="en" dir="ltr" class="mw-content-ltr">
+:1. ''image.simplybook.me/v2'' – це посилання на вашу сторінку бронювання. Його можна знайти, натиснувши «Мої канали бронювання» -&gt; «Мій веб-сайт бронювання» у верхньому правому куті вашої адміністративної сторінки [https://simplybook.me/ SimplyBook.me]. Вам потрібно вставити назву вашої компанії замість «image».
-'''What you can change:'''
+:2. ''https://appointmentbookingsystem.files.wordpress.com/2015/11/book-now-button-4.jpg?w=660'' – це посилання на зображення кнопки «Забронювати зараз». Ви можете вибрати зображення, яке підходить до дизайну вашого веб-сайту.
-: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="Кнопка бронювання"'' – це альтернативний текст для зображення, якщо зображення не може бути відображено. Ви можете змінити текст «Кнопка бронювання» на «Забронювати зараз», «Забронювати тут» тощо.
-: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″'' За допомогою цих функцій ви можете вставити зображення власного розміру.
-: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. Зверніть увагу, що всі інші знаки, символи та пробіли дуже важливі для правильної роботи коду.
-: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].''
+''Перевірте приклад [http://simplydemowidgets.mozello.com/ тут].''
 <br><br><br><br>
-</div>