Changes

393 bytes removed ,  7 years ago
no edit summary
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>