Additional tips/uk: Difference between revisions

Line 154:

[[File:Pixel setup web type.png|1000px|border|center]]

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

:4. Виберіть «Піксель Facebook».

:4. ~~Select "Facebook pixel"~~.

[[File:Pixel start.png|border|center]]

:5. ~~Insert the title of pixel~~, ~~your booking website address and press "Continue" button~~.

:5. Вставте назву пікселя, адресу вашого веб-сайту для бронювання та натисніть кнопку «Продовжити».

[[File:Connect site.png|center]]

:6. ~~Choose manual code installation~~.

:6. Виберіть ручну установку коду.

[[File:Install code manually.png|border| center]]

:7. ~~Copy the code and insert it to any text editor~~, ~~copy the~~ src ~~of the tracking pixel~~.

:7. Скопіюйте код і вставте його в будь-який текстовий редактор, скопіюйте src пікселя відстеження.

[[File:Get facebook code.png|border|center]]

[[File:Copy pixel source.png|border|center]]

:8. ~~In your~~ SimplyBook.me ~~admin interface go to Custom Features~~ // ~~Custom Features section and enable Custom CSS Custom Feature~~. ~~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~~.:

:8. В адміністративному інтерфейсі SimplyBook.me перейдіть до розділу «Налаштування» // «Налаштування» та увімкніть «Налаштування CSS». У налаштуваннях Custom Feature виберіть вкладку залежно від того, чи будете ви відстежувати успішні бронювання на веб-сайті бронювання, наданому SimplyBook.me, чи на віджеті бронювання на вашому власному веб-сайті. Додайте код із src, скопійований у попередньому кроці.

:~~For usual confirmation page~~:

:Для звичайної сторінки підтвердження:

<code>#booking-result-view .booking-item.booking-confirmed { background-image: url("src from facebook"); }</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 | «Приймати платежі»]] увімкнена і рахунки використовуються як сторінка підтвердження бронювання.

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

:~~And press Save CSS button~~.

:І натисніть кнопку «Зберегти CSS».

[[File: Add tracking pixel code new.png |center]]

[[File:Add tracking pixel code new.png|center]]

:9. ~~Get back to~~ Facebook ~~pixel setup page and skip the next steps in case you do not need them~~.

:9. Поверніться на сторінку налаштування пікселя Facebook і пропустіть наступні кроки, якщо вони вам не потрібні.

:10. ~~Check your booking page activity in~~ Facebook ~~pixel~~ -~~> Overview tab~~.

:10. Перевірте активність вашої сторінки бронювання в пікселі Facebook -> вкладка «Огляд».

[[File:Pixel results.png|border|center]]

~~</div>~~

@@ Line 154: / Line 154: @@
 [[File:Pixel setup web type.png|1000px|border|center]]
 <br><br>
-<div lang="en" dir="ltr" class="mw-content-ltr">
+:4. Виберіть «Піксель Facebook».
-:4. Select "Facebook pixel".
 [[File:Pixel start.png|border|center]]
 <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>
 <br><br>
-:6. Choose manual code installation.
+:6. Виберіть ручну установку коду.
 [[File:Install code manually.png|border| center]]
 <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]]
 <br><br>
 [[File:Copy pixel source.png|border|center]]<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>
 <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>
 <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>
-:10. Check your booking page activity in Facebook pixel -> Overview tab.<br>
+:10. Перевірте активність вашої сторінки бронювання в пікселі Facebook -&gt; вкладка «Огляд».<br>
 [[File:Pixel results.png|border|center]]<br>
 <br><br>
-</div>