SimplyBook.me

Additional tips/uk: Difference between revisions

← Older editNewer edit →
VisualWikitext
Created page with "==== 1. Перезавантажте сторінку в Chrome: ==== 1.1. Натисніть на піктограму «Оновити» в адресному рядку.<br> 1.2. Натисніть кнопку F5.<br> 1.3. Натисніть Ctrl + F5 або Ctrl + R у Windows.<br> 1.4. Натисніть ⌘Command + R в OS X. 1200px|center <br><br> ==== 2. Перезавантажити сторінку в Firefox: ==== 2.1. Н..."
Created page with "1. Пристрій Android:<br> 1.1. Відкрийте мобільний браузер і увійдіть у свій обліковий запис адміністратора Simplybook.me. Натисніть на 3 крапки в правому верхньому куті мобільного браузера: 1.2. У спливаючому меню виберіть «Додати на головний екран» 1.3. Введіть назву для пікт..."
Line 116: Line 116:
= Як додати SimplyBook.me на екран мобільного пристрою =
= Як додати SimplyBook.me на екран мобільного пристрою =


<div lang="en" dir="ltr" class="mw-content-ltr">
1. Пристрій Android:<br>
1. Android device:<br>
1.1. Відкрийте мобільний браузер і увійдіть у свій обліковий запис адміністратора Simplybook.me. Натисніть на 3 крапки в правому верхньому куті мобільного браузера:
1.1. Open your mobile browser and log into your Simplybook.me admin account there. Click 3 dots icon in the right top corner of the mobile browser:
1.2. У спливаючому меню виберіть «Додати на головний екран»
1.2. In the Menu pop up select "Add to Home screen"
1.3. Введіть назву для піктограми та натисніть «Додати».
1.3. Insert Title for the icon and click Add.
1.4 Перевірте головну сторінку, піктограма з'явиться там.
1.4 Check your home page, the icon will appear there.
[[File:Add site to home screen.jpg|1200px|center]]<br><br>
[[File:Add site to home screen.jpg|1200px|center]]<br><br>
2. IOS device:<br>
2. Пристрій iOS:<br>
2.1 Launch the Safari browser on Apple’s iOS and navigate to the website or web page you want to add to your home screen. <br>
2.1 Запустіть браузер Safari на Apple iOS і перейдіть на веб-сайт або веб-сторінку, яку ви хочете додати на головний екран. <br>
2.2 Tap the Share button on the browser’s toolbar(the rectangle with an arrow pointing upward. It’s on the bar at the top of the screen on an iPad, and on the bar at the bottom of the screen on an iPhone or iPod Touch).<br>
2.2 Натисніть кнопку «Поділитися» на панелі інструментів браузера (прямокутник зі стрілкою, спрямованою вгору. Вона знаходиться на панелі у верхній частині екрана iPad і на панелі в нижній частині екрана iPhone або iPod Touch).<br>
2.3 Tap the Add to Home Screen icon in the Share menu. You’ll be prompted to name the shortcut before tapping the Add button. <br>
2.3 Натисніть значок «Додати на головний екран» у меню «Поділитися». Вам буде запропоновано назвати ярлик перед натисканням кнопки «Додати». <br>
Other browsers, like Chrome for iOS, don’t offer this feature. Due the limitations in Apple’s iOS, only Apple’s own Safari browser is allowed to do this.
Інші браузери, такі як Chrome для iOS, не підтримують цю функцію. Через обмеження в iOS від Apple, це можна зробити лише в браузері Safari від Apple.
<br><br>
<br><br>
=Tracking pixel=
= Піксель відстеження =
To add tracking pixel to SimplyBook.me to track successful bookings:<br>
Щоб додати піксель відстеження до SimplyBook.me для відстеження успішних бронювань:<br>
1. In SimplyBook.me admin interface go to Custom Features // Custom Features section and enable Custom CSS custom feature.<br>
1. В адміністративному інтерфейсі SimplyBook.me перейдіть до розділу «Налаштування» // «Налаштування» та увімкніть налаштування «Налаштування CSS».<br>
2. In this custom feature Settings add to Booking pages CSS tab code:<br><br>
2. У налаштуваннях цієї функції додайте до вкладки CSS сторінок бронювання такий код:<br><br>
:For usual confirmation page
:Для звичайної сторінки підтвердження
<code>#booking-result-view .booking-item.booking-confirmed {
<code>#booking-result-view .booking-item.booking-confirmed {
content: url('http://    ';);
content: url('http://    ';);
}</code>
}</code>
:In case [[Custom_Features#Accept_Payments | Accept payments]] feature is on and invoices are used as the booking confirmation page.
:У разі, якщо [[Custom_Features#Accept_Payments | функція «Приймати платежі»]] увімкнена і рахунки використовуються як сторінка підтвердження бронювання.
<code>.invoice-pay-page .invoice-info .part table b.text-success{
<code>.invoice-pay-page .invoice-info .part table b.text-success{
content: url('http://    ';);
content: url('http://    ';);
}</code><br>
}</code><br>
:where content should contain tracking pixel url. And press Save CSS.
:де вміст повинен містити URL-адресу пікселя відстеження. Натисніть «Зберегти CSS».
<br><br>
<br><br>
=Create Facebook pixel=
= Створити піксель Facebook =
To add Facebook tracking pixel to your site please follow the instructions from [https://www.facebook.com/business/help/952192354843755 Advertiser Help Center]
Щоб додати піксель відстеження Facebook на свій сайт, дотримуйтесь інструкцій із [https://www.facebook.com/business/help/952192354843755 Довідкового центру рекламодавців]
<br><br>
<br><br>
;To add Facebook tracking pixel to SimplyBook.me site:<br><br>
;Щоб додати піксель відстеження Facebook на сайт SimplyBook.me:<br><br>
:1. Go to your [https://www.facebook.com/events_manager2/list/pixel/ Facebook Pixel tab] in Ads Manager.<br><br>
:1. Перейдіть на [https://www.facebook.com/events_manager2/list/pixel/ вкладку «Піксель Facebook»] в Менеджері реклами.<br><br>
:2. Follow the simple steps to create pixel. Choose to connect a data source.<br>
:2. Виконайте прості кроки, щоб створити піксель. Виберіть підключення джерела даних.<br>
[[File:Pixel start page.png|border|center]]<br><br>
[[File:Pixel start page.png|border|center]]<br><br>
:3. Choose Web option.
:3. Виберіть опцію «Веб».
[[File:Pixel setup web type.png|1000px|border|center]]
[[File:Pixel setup web type.png|1000px|border|center]]
<br><br>
<br><br>
:4. Select "Facebook pixel".
:4. Виберіть «Піксель Facebook».
[[File:Pixel start.png|border|center]]
[[File:Pixel start.png|border|center]]
<br><br>
<br><br>
:5. Insert the title of pixel, your booking website address and press "Continue" button.<br>
:5. Введіть назву пікселя, адресу вашого веб-сайту для бронювання та натисніть кнопку «Продовжити».<br>
[[File:Connect site.png|center]]<br><br>
[[File:Connect site.png|center]]<br><br>
<br><br>
<br><br>
:6. Choose manual code installation.
:6. Виберіть ручну інсталяцію коду.
[[File:Install code manually.png|border| center]]
[[File:Install code manually.png|border| center]]
<br><br>
<br><br>
:7. Copy the code and insert it to any text editor, copy the src of the tracking pixel.<br>
:7. Скопіюйте код і вставте його в будь-який текстовий редактор, скопіюйте src пікселя відстеження.<br>
[[File:Get facebook code.png|border|center]]
[[File:Get facebook code.png|border|center]]
<br><br>
<br><br>
[[File:Copy pixel source.png|border|center]]<br>
[[File:Copy pixel source.png|border|center]]<br>
<br><br>
<br><br>
:8. In your SimplyBook.me admin interface go to Custom Features // Custom Features section and enable Custom CSS Custom Feature.<br>In this Custom Feature settings select the tab depending on whether you will be traking successful bookings on the booking website provided by SimplyBook.me or booking widget on your own website . Add the code with src copied from previous step.:<br><br>
:8. В адміністративному інтерфейсі SimplyBook.me перейдіть до розділу «Налаштування» // «Налаштування» та увімкніть «Налаштування CSS».<br>У налаштуваннях Custom Feature виберіть вкладку залежно від того, чи будете ви відстежувати успішні бронювання на веб-сайті бронювання, наданому SimplyBook.me, чи на віджеті бронювання на вашому власному веб-сайті. Додайте код із src, скопійований у попередньому кроці.<br><br>
:For usual confirmation page:
:Для звичайної сторінки підтвердження:
<code>#booking-result-view .booking-item.booking-confirmed { background-image: url("src from facebook"); }</code>
<code>#booking-result-view .booking-item.booking-confirmed { background-image: url("src from facebook"); }</code>
<br><br>
<br><br>
:In case [[Custom_Features#Accept_Payments | Accept payments]] feature is on and invoices are used as the booking confirmation page.<br>
:У разі, якщо функція [[Custom_Features#Accept_Payments | «Приймати платежі»]] увімкнена і рахунки використовуються як сторінка підтвердження бронювання.<br>
:This way you will track successful purchases.
:Таким чином ви будете відстежувати успішні покупки.
<code>.invoice-pay-page .invoice-info .part table b.text-success{ background-image: url("src from facebook"); }</code>
<code>.invoice-pay-page .invoice-info .part table b.text-success{ background-image: url("src from facebook"); }</code>
<br><br>
<br><br>
:And press Save CSS button.<br>
:І натисніть кнопку «Зберегти CSS».<br>
[[File: Add tracking pixel code new.png |center]]<br><br>
[[File:Add tracking pixel code new.png|center]]<br><br>
:9. Get back to Facebook pixel setup page and skip the next steps in case you do not need them.
:9. Поверніться на сторінку налаштування пікселя Facebook і пропустіть наступні кроки, якщо вони вам не потрібні.
<br>
<br>
:10. Check your booking page activity in Facebook pixel -> Overview tab.<br>
:10. Перевірте активність вашої сторінки бронювання в пікселі Facebook -&gt; вкладка «Огляд».<br>
[[File:Pixel results.png|border|center]]<br>
[[File:Pixel results.png|border|center]]<br>
<br><br>
<br><br>
</div>
Retrieved from "https://help.simplybook.me/index.php?title=Additional_tips/uk"