Changes

From SimplyBook.me

Remove Elements from booking page

6,596 bytes added, 14:01, 15 July 2019
no edit summary
{{#seo:
|title=Remove Elements from booking page - SimplyBook.me
|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
}}
 
 
<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 the settings of Custom Feature 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>
=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</ Configuration span> set <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Show booking page in client timezone</span> and <span style=" and 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;" to NO >No</span> and save settings.
[[File:Remove timezone selection.png | center]]
<br><br>
=Reviews=
You can view all your reviews in the Review <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 sit eand 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;">Number of days until feedback request is sent to client </span> to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Disable.</span><br/>
[[File:Disable feedback v3.png | center ]]
<br><br>
=Gallery=
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]]
<br><br>
=Working hours=
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:Main page mode v3.png| center]]
<br><br>
=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>
<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 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 and mobile app, please check the box <span style="don't background-color:#d4f8e5; padding:5px; border-radius:5px;">Do not show in catalogcatalogue</span> in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;" in >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>
==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</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 Custom Feature</span> feature. Then in Custom Feature 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 pages CSS </span> window at the very top the following code:
<br>
:''For new themes:''
<pre>
.form-group.form-client-phone{
}
</pre>
<br>:''For old themes:''<pre>.phone-element.form-element, .phone-element.form-title { display: none;}</pre>
==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</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 Custom Feature</span> feature. Then in Custom Feature 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 pages CSS </span> window at the very top the following code:
<br>
:''For new themes:''
<pre>.form-group.form-client-email{
display: none;
}
</pre>
<br>:''For old themes:''<pre>.email-element.form-title, .email-element.form-element { display: none;}</pre>
==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 Custom Feature</span> feature. Then in Custom Feature 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 Feature /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::''For new themes:''<br>
<pre>
div#sb_booking_company_time {
}
</pre>
<br>
:''For old themes:''
<pre>
.company-time {
display: none;
}
</pre>
==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 Custom Feature</span> feature. Then in Custom Feature 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 pages CSS </span> window at the very top the following code:
<br><br>
:''For new themes:''
<pre>
.social { display: none}
</pre>
<br>
:''For old themes:''
<pre>
.share-buttons {
display: none;
}
</pre>
==Remove some specific element==
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 Custom Feature </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>