Difference between revisions of "Remove Elements from booking page"

From SimplyBook.me
 
Line 6: Line 6:
  
  
 +
 +
 +
=Images for Service, Service Provider, Category and Location steps=
 +
Go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Design</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Themes and colors</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Other settings</span> and check the box <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Hide images on booking steps</span>. Save settings.
 +
[[File:Hide images from booking steps.png |border| center]]
 +
=Pay later possibility=
 +
Please navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> -> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Accept_payments_custom_feature|Accept payments]]</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">General payment settings</span> and disable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Allow delay payment</span> option.
 +
[[File:Disable pay later.png | border|center]]
 
<br><br>
 
<br><br>
 
=Employee Step=
 
=Employee Step=
Line 14: Line 22:
 
In <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Company Information</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Basic Information</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Don't use address</span> checkbox.<br/>
 
In <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Company Information</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Basic Information</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Don't use address</span> checkbox.<br/>
 
[[File:Hide map from the booking site.png | center ]]
 
[[File:Hide map from the booking site.png | center ]]
 +
<br><br>
 +
=Promotions button=
 +
In <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> -> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Rewards_and_Referrals_custom_feature|Rewards and Referrals]]</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> set <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add promotion list link to your website</span> to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">No</span> and save.
 +
[[File:Hide promotions button.png | border|center]]
 
<br><br>
 
<br><br>
 
=Company email address=
 
=Company email address=
Line 20: Line 32:
 
<br><br>
 
<br><br>
 
="Change my time zone" option=
 
="Change my time zone" option=
In <<span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">General Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Configuration</span> set <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Show booking page in client timezone</span> and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Send notifications in client timezone</span> to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">No</span> and save settings.
+
In <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">General Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Configuration</span> set <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Show booking page in client timezone</span> and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Send notifications in client timezone</span> to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">No</span> and save settings.
 
[[File:Remove timezone selection.png | center]]
 
[[File:Remove timezone selection.png | center]]
 
<br><br>
 
<br><br>
Line 35: Line 47:
 
[[File:Main page mode v3.png| center]]
 
[[File:Main page mode v3.png| center]]
 
<br><br>
 
<br><br>
 +
=SimplyBook.me Terms and Conditions=
 +
:<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note''', that you need to confirm that you've added information about SimplyBook.me Ltd. as a supplier to your Terms&Conditions.</span>
 +
To remove the checkbox you need to have enabled and correctly set all the options mentioned:<br><br>
 +
Either: <br>
 +
1.  <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#SMTP | SMTP]]</span> + <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Custom_Domain | Custom domain]]</span> + <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Terms_and_Conditions | Terms and Conditions]]</span> + <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://help.simplybook.me/index.php/Design theme]</span> different from blank. <br>
 +
Or:  <br>
 +
2.  <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#SMTP | SMTP]]</span> + <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Terms_and_Conditions | Terms and Conditions]]</span> + <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">blank [https://help.simplybook.me/index.php/Design theme]</span> + <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://help.simplybook.me/index.php/Widgets_for_your_own_website Widget]</span> on your website.
 +
<br><br>
 +
After that you will be able to select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Yes</span> option in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Terms&Conditions</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">I confirm that I've added information about SimplyBook.me Ltd. as a supplier to my T&C.</span> after you save settings there the SimplyBook.me terms and conditions checkbox will be removed from the booking site.
 +
[[File:Remove t&c.png | center]]
 +
<br><br>
 +
=My personal data link=
 +
Go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Configuration</span> and select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Yes</span> in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Hide "My personal data" link on the booking site.</span> save settings.
 +
[[File:Personal data link.png|border|center]]
 +
<br><br>
 +
=Unavailable timeslots=
 +
Please select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">modern,</span> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">modern provider,</span> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">daily(available with [[Classes_custom_feature|Classes feature]] enabled)</span> or <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">weekly classes</span> timelines in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Design</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Themes & Colors</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Timeline settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Select timeline type</span> drop-down.
 +
[[File:Select timeline typev2.png |border|center]]<br/><br/>
 
=Disable booking page=
 
=Disable booking page=
 
In order not to show any info on your booking page (make it blank), you can put blank theme on your booking page in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Design</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Themes and Colors.</span>
 
In order not to show any info on your booking page (make it blank), you can put blank theme on your booking page in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Design</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Themes and Colors.</span>
Line 86: Line 116:
  
  
 +
==May we send you promotions and relevant information==
 +
 +
Please go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> and enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom CSS</span> feature. Then in this feature <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> or in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom CSS</span> paste to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking page CSS</span> window at the very top the following code:<br>
 +
<pre>
 +
#sb_terms_and_conditions div label[role=button] {
 +
    display:none;
 +
}
 +
</pre>
 +
 +
 +
 +
==Filter by Services on Membership page==
  
==Socials==
+
 
Please go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> and enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom CSS</span> feature. Then in this feature <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> or in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom CSS</span> paste to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking pages CSS</span> window at the very top the following code:
+
Please go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> and enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom CSS</span> feature. Then in this feature <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> or in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom CSS</span> paste to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking page CSS</span> window at the very top the following code:<br>
<br><br>
 
 
<pre>
 
<pre>
.social { display: none}
+
#membership-view #membership-filters {
i.fa.fa-share-alt { display: none; }
+
  display: none;
 +
}
 
</pre>
 
</pre>
<br>
 
  
 +
 +
 +
==Remove banner image==
 +
 +
:<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' "Book now" and other buttons that are displayed on top of banner will be hidden as well. The code may not work with some themes.</span>
 +
Please go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> and enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom CSS</span> feature. Then in this feature <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> or in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom CSS</span> paste to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking page CSS</span> window at the very top the following code:<br>
 +
<pre>
 +
#main-buttons {
 +
    display: none;
 +
}
 +
</pre>
  
  

Latest revision as of 13:56, 17 July 2019



Images for Service, Service Provider, Category and Location steps

Go to Settings -> Design -> Themes and colors -> Other settings and check the box Hide images on booking steps. Save settings.

Hide images from booking steps.png

Pay later possibility

Please navigate to Custom Features -> Accept payments -> Settings -> General payment settings and disable Allow delay payment option.

Disable pay later.png



Employee Step

Enable Any Employee Selector in the Custom Features section and in its Settings check the box Hide other service providers from booking interface

Hide employee step.png



Map

In Settings -> Company Information -> Basic Information -> Don't use address checkbox.

Hide map from the booking site.png



Promotions button

In Custom Features -> Rewards and Referrals -> Settings -> Settings set Add promotion list link to your website to No and save.

Hide promotions button.png



Company email address

In Settings -> Company Information -> Basic Information -> Don't show email on booking page checkbox.

Hide email from the booking site.png



"Change my time zone" option

In Settings -> General Settings -> Configuration set Show booking page in client timezone and Send notifications in client timezone to No and save settings.

Remove timezone selection.png



Reviews

You can view all your reviews in the Reviews tab in left-side menu, under Reports. You can also delete reviews there if necessary. If you wish to remove the option to leave a review on your booking site and do not send feedback request then in Settings -> General Settings -> Email and SMS settings -> Settings for email and SMS notifications -> set Number of days until feedback request is sent to client to Disable.

Disable feedback v3.png



Gallery

In Custom Features section disable Photo Gallery.

Photo gallery disable path.png



Working hours

If you want to remove this section for new themes please go to Settings -> Design -> Themes and colors -> Additional theme settings -> Main page mode and choose mode without working hours.

Main page mode v3.png



SimplyBook.me Terms and Conditions

Please note, that you need to confirm that you've added information about SimplyBook.me Ltd. as a supplier to your Terms&Conditions.

To remove the checkbox you need to have enabled and correctly set all the options mentioned:

Either:
1. SMTP + Custom domain + Terms and Conditions + theme different from blank.
Or:
2. SMTP + Terms and Conditions + blank theme + Widget on your website.

After that you will be able to select Yes option in Custom features -> Terms&Conditions -> Settings -> I confirm that I've added information about SimplyBook.me Ltd. as a supplier to my T&C. after you save settings there the SimplyBook.me terms and conditions checkbox will be removed from the booking site.

Remove t&c.png



My personal data link

Go to Settings -> Configuration and select Yes in Hide "My personal data" link on the booking site. save settings.

Personal data link.png



Unavailable timeslots

Please select modern, modern provider, daily(available with Classes feature enabled) or weekly classes timelines in Settings -> Design -> Themes & Colors -> Timeline settings -> Select timeline type drop-down.

Select timeline typev2.png



Disable booking page

In order not to show any info on your booking page (make it blank), you can put blank theme on your booking page in Settings -> Design -> Themes and Colors.

Please select to show all themes and choose the last one without image, add the link to the page your clients should be redirected to in case they open your booking page and save settings.

Disable booking site step1.png
Disable booking site step2.png



Please note! Even with blank theme your booking page will appear in Google and information will be shown in BookingTroll.com directory. To remove your company from directory, please check the box Do not show in catalogue in Settings -> Company information -> Directory listing.

Exclude from directory.png



Removing with Custom CSS

Phone field

(Client login feature is disabled)

1. Go to Settings -> Email and SMS settings -> Settings for email and SMS notifications -> Mandatory registration fields -> Email (to make phone not mandatory).
2. Please go to Custom Features -> Custom Features and enable Custom CSS feature. Then in this feature Settings or in Custom Features -> Custom CSS paste to Booking pages CSS window at the very top the following code:


.form-group.form-client-phone{
    display: none;
}



Email field

(Client login feature is disabled)

1. Go to Go to Settings -> Email and SMS settings -> Settings for email and SMS notifications -> Mandatory registration fields -> Phone (to make email not mandatory).
2. Please go to Custom Features -> Custom Features and enable Custom CSS feature. Then in this feature Settings or in Custom Features -> Custom CSS paste to Booking pages CSS window at the very top the following code:


.form-group.form-client-email{
    display: none;
}



Our time

Please go to Custom Features -> Custom Features and enable Custom CSS feature. Then in this feature Settings or in Custom Features -> Custom CSS paste to Booking page CSS window at the very top the following code:

div#sb_booking_company_time {
    display: none;
}


May we send you promotions and relevant information

Please go to Custom Features -> Custom Features and enable Custom CSS feature. Then in this feature Settings or in Custom Features -> Custom CSS paste to Booking page CSS window at the very top the following code:

#sb_terms_and_conditions div label[role=button] {
     display:none;
}


Filter by Services on Membership page

Please go to Custom Features -> Custom Features and enable Custom CSS feature. Then in this feature Settings or in Custom Features -> Custom CSS paste to Booking page CSS window at the very top the following code:

#membership-view #membership-filters {
   display: none;
}


Remove banner image

Please note! "Book now" and other buttons that are displayed on top of banner will be hidden as well. The code may not work with some themes.

Please go to Custom Features -> Custom Features and enable Custom CSS feature. Then in this feature Settings or in Custom Features -> Custom CSS paste to Booking page CSS window at the very top the following code:

#main-buttons {
    display: none;
}


Remove some specific element

If you need to remove a specific element from your booking page, you will need to use Custom CSS feature and the corresponding code. If you don't know CSS, please contact support and they will create a request to check whether such change is possible.
Please note, that big requests may be done on a paid basis.