Line 20: |
Line 20: |
| ====Taking Screenshot on iOS==== | | ====Taking Screenshot on iOS==== |
| | | |
− | Hold down the Lock(Sleep/Wake) button at the top of the device, then press and immediately release Home button. The screen flashed and you can find the picture in the Photos app.<br/> | + | If you have the device with Home button. Hold down the Lock(Sleep/Wake) button at the top of the device, then press and immediately release Home button. The screen flashed and you can find the picture in the Photos app.<br/> |
− | <br><br> | + | If you have the device without Home button. Hold down together Volume down and Power buttons for 1-2 seconds.<br><br> |
| ====Taking Screenshot on Chrome OS==== | | ====Taking Screenshot on Chrome OS==== |
| | | |
Line 30: |
Line 30: |
| Go to the page you need to get the link from, example is https://sbdemo.simplybook.me/v2, in the upper section of browser you will see the url link, highlight the link, right-mouse-click it and "'''Copy'''" it. Then right-mouse-click and "'''Paste'''" it to the place where you need to insert it. | | Go to the page you need to get the link from, example is https://sbdemo.simplybook.me/v2, in the upper section of browser you will see the url link, highlight the link, right-mouse-click it and "'''Copy'''" it. Then right-mouse-click and "'''Paste'''" it to the place where you need to insert it. |
| | | |
− | [[File:Copy link from browser.png| center]] | + | [[File:Copy_link_from_address_bar.png|1200px| center]] |
| <br><br> | | <br><br> |
| =How to reload page= | | =How to reload page= |
Line 39: |
Line 39: |
| 1.3. Press Ctr + F5 or Ctrl + R in Windows.<br> | | 1.3. Press Ctr + F5 or Ctrl + R in Windows.<br> |
| 1.4. Press ⌘Command + R in OS X. | | 1.4. Press ⌘Command + R in OS X. |
− | [[File:Chrome.png|center]] | + | [[File:How_to_reload_the_page.png|1200px|center]] |
| <br><br> | | <br><br> |
| ====2. Reload page in Firefox:==== | | ====2. Reload page in Firefox:==== |
Line 46: |
Line 46: |
| 2.3. Press Ctr + F5 or Ctrl + R in Windows.<br> | | 2.3. Press Ctr + F5 or Ctrl + R in Windows.<br> |
| 2.4. Press ⌘Command+Shift+R in OS X. | | 2.4. Press ⌘Command+Shift+R in OS X. |
− | [[File:Firefox.png|center]]
| |
| <br><br> | | <br><br> |
| ====3. Reload page in Internet Explorer:==== | | ====3. Reload page in Internet Explorer:==== |
Line 116: |
Line 115: |
| 1. Android device:<br> | | 1. Android device:<br> |
| 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.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: |
− | [[File:Mobile screen.png|center]]
| |
| 1.2. In the Menu pop up select "Add to Home screen" | | 1.2. In the Menu pop up select "Add to Home screen" |
− | [[File:Add to homescreen.png|center]]
| |
| 1.3. Insert Title for the icon and click Add. | | 1.3. Insert Title for the icon and click Add. |
− | [[File:Title.jpg|center]]<br>
| |
| 1.4 Check your home page, the icon will appear there. | | 1.4 Check your home page, the icon will appear there. |
− | [[File:Icon.jpg|center]]<br><br> | + | [[File:Add site to home screen.jpg|1200px|center]]<br><br> |
| 2. IOS device:<br> | | 2. IOS device:<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 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> |
Line 133: |
Line 129: |
| 1. In SimplyBook.me admin interface go to Custom Features // Custom Features section and enable Custom CSS custom feature.<br> | | 1. In SimplyBook.me admin interface go to Custom Features // Custom Features section and enable Custom CSS custom feature.<br> |
| 2. In this custom feature Settings add to Booking pages CSS tab code:<br><br> | | 2. In this custom feature Settings add to Booking pages CSS tab code:<br><br> |
− | ''New themes''<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> |
− | <br><br>
| + | :In case [[Custom_Features#Accept_Payments | Accept payments]] feature is on and invoices are used as the booking confirmation page. |
− | ''Old themes''<br>
| + | <code>.invoice-pay-page .invoice-info .part table b.text-success{ |
− | <code> | |
− | .booking-result #pageNotifications { | |
| content: url('http:// ';); | | content: url('http:// ';); |
− | } | + | }</code><br> |
− | </code><br> | + | :where content should contain tracking pixel url. And press Save CSS. |
− | where content should contain tracking pixel url. And press Save CSS. | |
| <br><br> | | <br><br> |
− | =Facebook tracking pixel= | + | =Create Facebook pixel= |
| To add Facebook tracking pixel to your site please follow the instructions from [https://www.facebook.com/business/help/952192354843755 Advertiser Help Center] | | To add Facebook tracking pixel to your site please follow the instructions from [https://www.facebook.com/business/help/952192354843755 Advertiser Help Center] |
− |
| |
− | To add Facebook tracking pixel to SimplyBook.me site:<br>
| |
− | 1. Go to your [https://www.facebook.com/business/url/?href=https%3A%2F%2Fwww.facebook.com%2Fads%2Fmanager%2Fpixel%2Ffacebook_pixel&cmsid=952192354843755&creative=link&creative_detail=advertiser-help-center&create_type&destination_cms_id&orig_http_referrer Facebook Pixel tab] in Ads Manager.<br>
| |
− | 2. Follow the simple steps to create pixel.<br>
| |
− | [[File:FBTP01_750.png|750px|center]]<br>
| |
− | 3. Insert the title of the pixel and press Create button.<br>
| |
− | [[File:FBTP02_750.png|750px|center]]<br>
| |
− | 4. At install the code step copy src of the tracking pixel:<br>
| |
− | [[File:FBTP03_750.png|750px|center]]<br>
| |
− | 5. In your SimplyBook.me admin interface go to Custom Features // Custom Features section and enable Custom CSS Custom Feature. In this Custom Feature settings add code with src copied from previous step:<br><br>
| |
− | ''New themes''
| |
− | <code>#booking-result-view .booking-item.booking-confirmed { background-image: url("src from facebook"); }</code>
| |
| <br><br> | | <br><br> |
− | ''Old themes''
| + | ;To add Facebook tracking pixel to SimplyBook.me site:<br><br> |
− | <code>.go-back-link { | + | :1. Go to your [https://www.facebook.com/events_manager2/list/pixel/ Facebook Pixel tab] in Ads Manager.<br><br> |
− | background-image: url("src from facebook"); | + | :2. Follow the simple steps to create pixel. Choose to connect a data source.<br> |
− | } | + | [[File:Pixel start page.png|border|center]]<br><br> |
− | </code><br> | + | :3. Choose Web option. |
− | or (it can depend on theme settings and it can be any element present only on successful bookings page)<br>
| + | [[File:Pixel setup web type.png|1000px|border|center]] |
− | <code>.booking-result #pageNotifications { | + | <br><br> |
− | background-image: url("https://www.facebook.com/tr?id=XXXXXXXXXXXXXXX&ev=Pageview&noscript=1") !important; | + | :4. Select "Facebook pixel". |
− | }</code> | + | [[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> | | <br> |
− | And press Save CSS button.<br>
| + | :10. Check your booking page activity in Facebook pixel -> Overview tab.<br> |
− | [[File: Add tracking pixel code new.png |center]]<br>
| + | [[File:Pixel results.png|border|center]]<br> |
− | 6. Now you can track successful bookings. In [https://www.facebook.com/business/url/?href=https%3A%2F%2Fwww.facebook.com%2Fads%2Fmanager%2Fpixel%2Fcustom_audience_pixel%2F&cmsid=952192354843755&creative=link&creative_detail=advertiser-help-center&create_type&destination_cms_id&orig_http_referrer Facebook pixel tab] press Create conversion // Track Custom Conversions. In the section Rule section, click on dropdown and change URL Contains to Events. Then choose PageView as a value. In Category section choose View Content. Then press Next.<br>
| + | <br><br> |
− | [[File:FBTP08_750.png|750px|center]]<br> | |
− | 7. Check your booking pages activity in Facebook Pixel tab.<br>
| |
− | [[File:FBTP07_750.png|750px|center]]<br>
| |