|
Tags: Mobile edit Mobile web edit |
| (One intermediate revision by the same user not shown) |
| Line 118: |
Line 118: |
| = Як додати SimplyBook.me на екран мобільного пристрою = | | = Як додати SimplyBook.me на екран мобільного пристрою = |
|
| |
|
| <div class="mw-translate-fuzzy">
| |
| 1. Пристрій Android:<br> | | 1. Пристрій Android:<br> |
| 1.1. Відкрийте мобільний браузер і увійдіть у свій обліковий запис адміністратора Simplybook.me. Натисніть на 3 крапки в правому верхньому куті мобільного браузера: | | 1.1. Відкрийте мобільний браузер і увійдіть у свій обліковий запис адміністратора Simplybook.me. Натисніть на 3 крапки в правому верхньому куті мобільного браузера: |
| Line 158: |
Line 157: |
| [[File:Pixel start.png|border|center]] | | [[File:Pixel start.png|border|center]] |
| <br><br> | | <br><br> |
| :5. Введіть назву пікселя, адресу вашого веб-сайту для бронювання та натисніть кнопку «Продовжити».<br> | | :5. Вставте назву пікселя, адресу вашого веб-сайту для бронювання та натисніть кнопку «Продовжити».<br> |
| [[File:Connect site.png|center]]<br><br> | | [[File:Connect site.png|center]]<br><br> |
| <br><br> | | <br><br> |
| :6. Виберіть ручну інсталяцію коду. | | :6. Виберіть ручну установку коду. |
| [[File:Install code manually.png|border| center]] | | [[File:Install code manually.png|border| center]] |
| <br><br> | | <br><br> |
| Line 184: |
Line 183: |
| [[File:Pixel results.png|border|center]]<br> | | [[File:Pixel results.png|border|center]]<br> |
| <br><br> | | <br><br> |
| </div>
| |
| <div lang="en" dir="ltr" class="mw-content-ltr">
| |
| :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>
| |
| [[File:Connect site.png|center]]<br><br>
| |
| <br><br>
| |
| :6. Choose manual code installation.
| |
| [[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>
| |
| [[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>
| |
| :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>
| |
| :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>
| |
| [[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.
| |
| <br>
| |
| :10. Check your booking page activity in Facebook pixel -> Overview tab.<br>
| |
| [[File:Pixel results.png|border|center]]<br>
| |
| <br><br>
| |
| </div>
| |