Changes

187 bytes added , 2 years ago

no edit summary

Line 20: Line 20:

====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.

+

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.

−

+

If you have the device without Home button. Hold down together Volume down and Power buttons for 1-2 seconds.

====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.

−

[[File:~~Copy link from browser~~.png| center]]

+

[[File:Copy_link_from_address_bar.png|1200px| center]]

=How to reload page=

Line 39: Line 39:

1.3. Press Ctr + F5 or Ctrl + R in Windows.

1.4. Press ⌘Command + R in OS X.

−

[[File:~~Chrome~~.png|center]]

+

[[File:How_to_reload_the_page.png|1200px|center]]

====2. Reload page in Firefox:====

Line 46: Line 46:

2.3. Press Ctr + F5 or Ctrl + R in Windows.

2.4. Press ⌘Command+Shift+R in OS X.

−

~~[[File:Firefox.png|center]]~~

====3. Reload page in Internet Explorer:====

Line 116: Line 115:

1. Android device:

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"

−

~~[[File:Add to homescreen.png|center]]~~

1.3. Insert Title for the icon and click Add.

−

~~[[File:Title.jpg|center]] ~~

1.4 Check your home page, the icon will appear there.

−

[[File:~~Icon~~.jpg|center]]

+

[[File:Add site to home screen.jpg|1200px|center]]

2. IOS device:

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.

Line 133: Line 129:

1. In SimplyBook.me admin interface go to Custom Features // Custom Features section and enable Custom CSS custom feature.

2. In this custom feature Settings add to Booking pages CSS tab code:

−

~~''New themes'' ~~

+

:For usual confirmation page

<code>#booking-result-view .booking-item.booking-confirmed {

content: url('http:// ';);

}</code>

−

~~ ~~

+

:In case [[Custom_Features#Accept_Payments | Accept payments]] feature is on and invoices are used as the booking confirmation page.

−

~~''Old themes'' ~~

+

<code>.invoice-pay-page .invoice-info .part table b.text-success{

−

<code>

−

.~~booking~~-~~result #pageNotifications~~ {

content: url('http:// ';);

−

}

+

}</code>

−

</code>

+

:where content should contain tracking pixel url. And press Save CSS.

−

where content should contain tracking pixel url. And press Save CSS.

−

=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 SimplyBook.me site: ~~

−

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.

−

~~2. Follow the simple steps to create pixel. ~~

−

~~[[File:FBTP01_750.png|750px|center]] ~~

−

~~3. Insert the title of the pixel and press Create button. ~~

−

~~[[File:FBTP02_750.png|750px|center]] ~~

−

~~4. At install the code step copy src of the tracking pixel: ~~

−

~~[[File:FBTP03_750.png|750px|center]] ~~

−

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:

−

~~''New themes''~~

−

~~<code>#booking-result-view .booking-item.booking-confirmed { background-image: url("src from facebook"); }</code>~~

−

~~''Old themes''~~

+

;To add Facebook tracking pixel to SimplyBook.me site:

−

<code>.go-~~back~~-~~link~~ {

+

:1. Go to your [https://www.facebook.com/events_manager2/list/pixel/ Facebook Pixel tab] in Ads Manager.

−

background-image: url("src from facebook");

+

:2. Follow the simple steps to create pixel. Choose to connect a data source.

−

}

+

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

−

</code>

+

:3. Choose Web option.

−

~~or (it can depend~~ on ~~theme settings~~ and ~~it can be any element present only on successful bookings~~ page)

+

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

−

<code>.~~booking~~-~~result #pageNotifications~~ {

+

−

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]]

+

+

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

+

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

+

+

:6. Choose manual code installation.

+

[[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.

+

[[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.:

+

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

+

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

+

[[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.

−

~~And press Save CSS button. ~~

+

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

−

~~[[File~~:~~FBTP06_750~~.~~png|750px|center]] ~~

+

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

−

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.

+

−

[[File:~~FBTP08_750~~.png|~~750px~~|center]]

−

~~7. Check your booking pages activity in Facebook Pixel tab.~~

−

~~[[File:FBTP07_750.png|750px|center]]~~

Admin

Bureaucrats, Administrators

9,514

edits

Changes

Additional tips (view source)

Revision as of 08:25, 19 January 2022