Difference between revisions of "Design"

From SimplyBook.me
Line 9: Line 9:
 
<div class="mw-collapsible-content">
 
<div class="mw-collapsible-content">
 
In Settings // Design // Themes & Colors.<br/>
 
In Settings // Design // Themes & Colors.<br/>
[[File:Choose the theme.png | center ]] <br/><br/>
+
[[File:Theme select new.png | center ]] <br/><br/>
 
;Recommended themes:  
 
;Recommended themes:  
 +
*Default
 +
*Tender
 +
from old ones:
 
*Bootstrap Square Rainbow
 
*Bootstrap Square Rainbow
 
*Joy Bootstrap
 
*Joy Bootstrap
  
Those themes support flexible timeline and have color wheel to adjust the colors of your booking page.</div>
+
Those themes support flexible timeline and have the option to adjust the colors of your booking page.</div>
 
</div>
 
</div>
 
<br/>
 
<br/>
Line 22: Line 25:
 
You can change timeline in Settings // Design // Logo, background and timeline // Timeline type drop-down<br/>
 
You can change timeline in Settings // Design // Logo, background and timeline // Timeline type drop-down<br/>
 
[[File:Logosettings.png | center ]]<br/>
 
[[File:Logosettings.png | center ]]<br/>
There are 4 types of timeline:<br/>
+
There are 5 types of timeline:<br/>
[[File:TimelineType750.png | center ]]<br/>
+
[[File:Timeline choice.png | center ]]<br/>
 
:'''Slots weekly''' - shows available time in the intervals equal to your service duration for a week. Starts counting from the first available time.
 
:'''Slots weekly''' - shows available time in the intervals equal to your service duration for a week. Starts counting from the first available time.
 
:'''Modern''' - shows available time in the intervals equal to your service duration for a day. Starts counting from the first available time.
 
:'''Modern''' - shows available time in the intervals equal to your service duration for a day. Starts counting from the first available time.
 
:'''Flexible weekly''' - shows available time in the intervals equal to your [[Need_to_change_interval_(timeframe)| timeframe]] duration for a week. Starts counting from the first available time.
 
:'''Flexible weekly''' - shows available time in the intervals equal to your [[Need_to_change_interval_(timeframe)| timeframe]] duration for a week. Starts counting from the first available time.
 
:'''Flexible''' - shows available time in the intervals equal to your [[Need_to_change_interval_(timeframe)| timeframe]] duration for a week. Starts counting from the first available time.
 
:'''Flexible''' - shows available time in the intervals equal to your [[Need_to_change_interval_(timeframe)| timeframe]] duration for a week. Starts counting from the first available time.
If you have services that have fixed start times, you can try using [[Custom_Features#Appointment_at_Fixed_Time| Appointment at fixed time]] Custom Feature.</div>
+
:'''Classes''' -  shows available time for providers for chosen date. Starts counting from the first available time of all providers.
 +
If you have services that have fixed start times, you can try using [[Custom_Features#Appointment_at_Fixed_Time| Appointment at fixed time]] Custom Feature.
 +
</div>
 
</div>
 
</div>
 
<br/>
 
<br/>
Line 36: Line 41:
 
In Settings // Design // Logo, background and timeline. <br/>
 
In Settings // Design // Logo, background and timeline. <br/>
 
[[File:Logosettings.png | center ]]<br/><br/>
 
[[File:Logosettings.png | center ]]<br/><br/>
[[File:LogoBackgroundBlock750.png | center]]
+
[[File:Add logo and banner2.png | center]]
</div>
 
</div>
 
<br/>
 
<div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;">
 
<span class="qa">[[Where to change on success button option after the client makes a booking (Go to company page..)]]</span>
 
<div class="mw-collapsible-content">
 
In Settings // Company Information // Home page // On success button options. <br/>
 
For example, if you insert https://simplybook.me, the system will redirect you to SimplyBook.me website when you click on that button. <br/>
 
[[File:Onsuccessbutton.png | center ]]
 
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 14:49, 30 March 2017

Where to change theme?

In Settings // Design // Themes & Colors.

Theme select new.png


Recommended themes
  • Default
  • Tender

from old ones:

  • Bootstrap Square Rainbow
  • Joy Bootstrap
Those themes support flexible timeline and have the option to adjust the colors of your booking page.


Where to change timeline?

You can change timeline in Settings // Design // Logo, background and timeline // Timeline type drop-down

Logosettings.png

There are 5 types of timeline:

Timeline choice.png

Slots weekly - shows available time in the intervals equal to your service duration for a week. Starts counting from the first available time.
Modern - shows available time in the intervals equal to your service duration for a day. Starts counting from the first available time.
Flexible weekly - shows available time in the intervals equal to your timeframe duration for a week. Starts counting from the first available time.
Flexible - shows available time in the intervals equal to your timeframe duration for a week. Starts counting from the first available time.
Classes - shows available time for providers for chosen date. Starts counting from the first available time of all providers.

If you have services that have fixed start times, you can try using Appointment at fixed time Custom Feature.


Where to change logo and background?

In Settings // Design // Logo, background and timeline.

Logosettings.png


Add logo and banner2.png