Changes

From SimplyBook.me
no edit summary
Line 1: Line 1: −
=Employee Step=
+
{{#seo:
Enable "[[Custom_Features#Any_Employee_Selector| Any Employee Selector]]" in the Custom Features section and in the settings of Custom Feature check the box "Hide other service providers from booking interface"<br/>
+
|title=Remove Elements from booking page - SimplyBook.me
[[File:AnyEmployeeSettings750.png | center]]
+
|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, remove elements, adjust look, remove information, remove link
 +
}}
 +
 
   −
=Map=
  −
In Settings // Company Information // Basic Information // Don't use address checkbox.<br/>
  −
[[File:DoNotShowMap750.png | center ]]
  −
="Change your time zone" link and time zone pop-up=
  −
In Settings // General Settings // Configuration set "Show booking page in client timezone" and "Send notifications in client timezone" to NO and save settings.
     −
[[File:Remove time zone popup.png | center]]
      +
=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>
 +
=Employee Step=
 +
Enable <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Any_Employee_Selector|Any Employee Selector]]</span> in the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features section</span> and in its <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> check the box <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Hide other service providers from booking interface</span><br/>
 +
[[File:Hide employee step.png | center]]
 +
<br><br>
 +
=Map=
 +
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 ]]
 +
<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>
 +
=Company email address=
 +
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 show email on booking page</span> checkbox.<br/>
 +
[[File:Hide email from the booking site.png | center]]
 +
<br><br>
 +
="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.
 +
[[File:Remove timezone selection.png | center]]
 +
<br><br>
 
=Reviews=
 
=Reviews=
You can view all your reviews in the Review tab in left-side menu and delete reviews. If you wish to remove the option to leave a review and do not send feedback request in  
+
You can view all your reviews in the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reviews</span> tab in left-side menu, under <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span>. 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 <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;">Email and SMS settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings for email and SMS notifications</span> -> set <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Send feedback request X days after booking</span> to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Disable.</span><br/>
Settings // General Settings // Configuration // set Number of days until feedback request is sent to client to Disable.<br/>
+
[[File:Disable feedback upd.png | center ]]
[[File:HideReviews750.png | center ]]
+
<br><br>
 
   
=Gallery=
 
=Gallery=
In Custom Features section disable [[Custom_Features#Main_Page_Images| Main page Images Custom Feature]].
+
In <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> section disable <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Photo_Gallery| Photo Gallery]].</span>
 
+
[[File:Photo gallery disable path.png | center]]
[[File:Disable Gallery.png | center]]
+
<br><br>
 
   
=Working hours=
 
=Working hours=
If you want to remove this section in Settings // Configurations // Hide working hours block choose 'Yes' in drop-down menu.<br/>
+
If you want to remove this section for new themes please 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;">Additional theme settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Main page mode</span> and choose mode without working hours.
[[File:HideOpenHoursBlock750.png | center ]]
+
[[File:Main page mode v3.png| center]]
 
+
<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> calendar layout in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking Website Design</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Calendar Layout</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Calendar Layout settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Calendar Layout</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 Settings//Design//Themes and Colors//Theme//Blank.  
+
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>
 +
<br><br>
 +
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.
 +
[[File:Disable booking site step1.png | center]]
 +
[[File:Disable booking site step2.png | center]]
 +
<br><br>
 +
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''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 <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Do not show in catalogue</span> 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;">Directory listing.</span></span>
 +
[[File:Exclude from directory.png| center]]
 +
<br><br>
 +
=Removing with Custom CSS=
   −
[[File:Blank theme.png| center]]  
+
==Phone field==
 +
<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">([[Custom_Features#Client_Login |Client login]]<span> feature is disabled)<br>
 +
:1. Go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Email and SMS settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings for email and SMS notifications</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Mandatory registration fields</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Email</span> (to make phone not mandatory).
    +
:2. 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:
 +
<br>
 +
<pre>
 +
.form-group.form-client-phone{
 +
    display: none;
 +
}
 +
</pre>
   −
If you wish blank page to have a link to your website, please insert the link in Settings//Company info//Basic info//Website
     −
[[File:Website.png| center]]
        −
Please note! Even with blank theme your booking page will appear in Google and information will be shown in mobile client application and in BookingTroll.com directory. To remove your company from directory and mobile app, please check the box "don't show in catalog" in Settings//Company info//Directory listing.
+
==Email field==
 +
<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">([[Custom_Features#Client_Login |Client login]]<span> feature is disabled)<br>
 +
:1. Go to Go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Email and SMS settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings for email and SMS notifications</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Mandatory registration fields</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Phone</span> (to make email not mandatory).
    +
:2. 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:
 +
<br>
 +
<pre>.form-group.form-client-email{
 +
    display: none;
 +
}
 +
</pre>
   −
[[File:Do not show in catalog.png| center]]
     −
=Removing with Custom CSS=
  −
==Phone field==
  −
:1. Go to Settings // Email and SMS settings // Mandatory fields//Email (to make phone not mandatory).
     −
:2. Please go to Custom Features // Custom Features and enable Custom CSS Custom Feature. Then in Custom Feature Settings or in Custom Features // Custom CSS paste to Booking page CSS window at the very top the following code:
     −
<pre>.phone-element.form-element, .phone-element.form-title {
+
==Our time==
 +
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>
 +
div#sb_booking_company_time {
 
     display: none;
 
     display: none;
}</pre>
+
}
==Email field==
+
</pre>
:1. Go to Settings // Email and SMS settings // Mandatory fields//Phone (to make email not mandatory).
+
 
 +
 
   −
:2. Please go to Custom Features // Custom Features and enable Custom CSS Custom Feature. Then in Custom Feature Settings or in Custom Features // Custom CSS paste to Booking page CSS window at the very top the following code:
+
==May we send you promotions and relevant information==
   −
<pre>.email-element.form-title, .email-element.form-element {  
+
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>
  display: none;
+
<pre>
 +
#sb_terms_and_conditions div label[role=button] {
 +
    display:none;
 
}
 
}
 
</pre>
 
</pre>
==Our time==
+
 
Please go to Custom Features // Custom Features and enable Custom CSS Custom Feature. Then in Custom Feature Settings or in Custom Feature // Custom CSS paste to Booking page CSS window at the very top the following code:
+
 
 +
 
 +
==Filter by Services on Membership page==
 +
 
 +
 
 +
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>
 
<pre>
.company-time {
+
#membership-view #membership-filters {
    display: none;
+
  display: none;
 
}
 
}
 +
</pre>
 +
   −
</pre>
     −
==Socials==
+
==Remove banner image==
Please go to Custom Features // Custom Features and enable Custom CSS Custom Feature. Then in Custom Feature Settings or in Custom Features // Custom CSS paste to Booking page CSS window at the very top the following code:
      +
:<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>
 
<pre>
.share-buttons {
+
#main-buttons {
display: none;
+
    display: none;
 
}
 
}
 
</pre>
 
</pre>
 +
    
==Remove some specific element==
 
==Remove some specific element==
If you need to remove specific element from your booking page, you will need to use Custom CSS Custom Feature and corresponding code. If you don't know CSS, please contact support in order to get more info whether it is possible and whether support can help you with the special CSS code.
+
If you need to remove a specific element from your booking page, you will need to use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom CSS</span> 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.<br>
 +
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note''', that big requests may be done on a paid basis.</span>
 +
<br><br>