Additional tips: Difference between revisions

(13 intermediate revisions by the same user not shown)

Line 1:

{{#seo:

|title=Additional tips - SimplyBook.me

|description=Discover helpful tips to get the most from SimplyBook.me. Explore features and improve your setup today. Click to learn more!

|titlemode=append

|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, setup, setup help, support, help content

}}

=How to take screenshot=

Line 20:

Line 28:

====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 28:

Line 36:

=How to copy link from browser=

Go to the page you need to get the link from, example is https://sbdemo.simplybook.me/~~sheduler/manage~~, 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]]

=How to reload page=

Line 39:

Line 47:

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

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

Line 110:

:2. In the window that appears, click the Privacy tab. Click the button Remove All Website Data....

:3. Click Remove Now in the pop up window that appears.

~~Totorial~~ with screenshots [https://kb.wisc.edu/helpdesk/page.php?id=45060 here].

Tutorial with screenshots [https://kb.wisc.edu/helpdesk/page.php?id=45060 here].

==Opera==

:1. Open the red O and then click Settings. Alternatively you can press Alt and P together.

:2. Open the Privacy & Security tab. Now click Clear browsing data...

:3. In the drop-down box select the beginning of time. Then check only Cookies and other site data and Cached images and files. Now click Clear browsing data.

Tutorial with screenshots [https://kb.wisc.edu/helpdesk/page.php?id=12381 here]

More about clearing cache in different browsers [https://kb.wisc.edu/helpdesk/page.php?id=12384 here]

Line 112:

Line 123:

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

Line 137:

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

@@ Line 1: / Line 1: @@
+{{#seo:
+|title=Additional tips - SimplyBook.me
+|description=Discover helpful tips to get the most from SimplyBook.me. Explore features and improve your setup today. Click to learn more!
+|titlemode=append
+|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, setup, setup help, support, help content
+}}
 =How to take screenshot=
 <br><br>
@@ Line 20: / Line 28: @@
 ====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====
@@ Line 28: / Line 36: @@
 <br><br>
 =How to copy link from browser=
-Go to the page you need to get the link from, example is https://sbdemo.simplybook.me/sheduler/manage, 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>
 =How to reload page=
@@ Line 39: / Line 47: @@
 .3. Press Ctr + F5 or Ctrl + R in Windows.<br>
 .4. Press ⌘Command + R in OS X.
-[[File:Chrome.png|center]]
+[[File:How_to_reload_the_page.png|1200px|center]]
 <br><br>
 ====2. Reload page in Firefox:====
@@ Line 46: / Line 54: @@
 .3. Press Ctr + F5 or Ctrl + R in Windows.<br>
 .4. Press ⌘Command+Shift+R in OS X.
-[[File:Firefox.png|center]]
 <br><br>
 ====3. Reload page in Internet Explorer:====
@@ Line 103: / Line 110: @@
 :2. In the window that appears, click the Privacy tab. Click the button Remove All Website Data....<br>
 :3. Click Remove Now in the pop up window that appears.<br>
-Totorial with screenshots [https://kb.wisc.edu/helpdesk/page.php?id=45060 here].<br> <br>
+Tutorial with screenshots [https://kb.wisc.edu/helpdesk/page.php?id=45060 here].<br> <br>
+==Opera==
+:1. Open the red O and then click Settings. Alternatively you can press Alt and P together.
+:2. Open the Privacy & Security tab. Now click Clear browsing data...
+:3. In the drop-down box select the beginning of time. Then check only Cookies and other site data and Cached images and files. Now click Clear browsing data.
+Tutorial with screenshots [https://kb.wisc.edu/helpdesk/page.php?id=12381 here] <br> <br>
 More about clearing cache in different browsers [https://kb.wisc.edu/helpdesk/page.php?id=12384 here]
@@ Line 112: / Line 123: @@
 . Android device:<br>
 .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]]
 .2. In the Menu pop up select "Add to Home screen"
-[[File:Add to homescreen.png|center]]
 .3. Insert Title for the icon and click Add.
-[[File:Title.jpg|center]]<br>
 .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>
 . IOS device:<br>
 .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 129: / Line 137: @@
 . In SimplyBook.me admin interface go to Custom Features // Custom Features section and enable Custom CSS custom feature.<br>
 . 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 {
 content: url('http://    ';);
 }</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://    ';);
-}
+}</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>
-=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:<br>
-. 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>
-. Follow the simple steps to create pixel.<br>
-[[File:FBTP01_750.png|750px|center]]<br>
-. Insert the title of the pixel and press Create button.<br>
-[[File:FBTP02_750.png|750px|center]]<br>
-. At install the code step copy src of the tracking pixel:<br>
-[[File:FBTP03_750.png|750px|center]]<br>
-. 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>
-''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>
-And press Save CSS button.<br>
+:10. Check your booking page activity in Facebook pixel -> Overview tab.<br>
-[[File:FBTP06_750.png|750px|center]]<br>
+[[File:Pixel results.png|border|center]]<br>
-. 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>
-. Check your booking pages activity in Facebook Pixel tab.<br>
-[[File:FBTP07_750.png|750px|center]]<br>