Difference between revisions of "Design"

From SimplyBook.me
 
(23 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
|keywords=faq, frequently asked questions, scheduling app, scheduling software, calendar software, online calendar, schedule, online booking system, online scheduling, booking software, online booking calendar, booking system
 
|keywords=faq, frequently asked questions, scheduling app, scheduling software, calendar software, online calendar, schedule, online booking system, online scheduling, booking software, online booking calendar, booking system
 
}}
 
}}
 +
<br/><br/>
 +
:'''Design related video tutorial [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=m-W4E80BTeU]]
  
<div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;">
+
:'''How you can give your booking page a fresh look''' (Creative theme) [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=OhScXrrvKJU]]
<span class="qa">[[Where to change theme?]]</span>
 
<div class="mw-collapsible-content">
 
In Settings // Design // Themes & Colors.<br/>
 
[[File:Theme select new.png | center ]] <br/><br/>
 
;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.</div>
+
*<div class="article">[[Where to change theme?]]</div>
</div>
+
*<div class="article">[[How_to_change_the_way_time_slots_are_shown%3F| Where to change calendar layout?]]</div>
<br/>
+
*<div class="article">[[Where to change logo and background?]]</div>
<div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;">
+
*<div class="article">[[Where_to_change_my_info#Favicon| Can I change favicon(logo in the browser tab)?]]</div>
<span class="qa">[[How_to_change_the_way_time_slots_are_shown%3F| Where to change timeline?]]</span>
+
*<div class="article">[[What image sizes are recommended for my booking website| What image sizes are recommended for my booking website?]]</div>
<div class="mw-collapsible-content">
+
*<div class="article">[[Custom_Features#Custom_CSS| Advanced design options with Custom CSS]]</div>
You can change timeline in Settings // Design // Logo, background and timeline // Timeline type drop-down<br/>
+
*<div class="article">[[Custom_Features#HTML_Description_Field_for_Events| HTML description field for events]]</div>
[[File:Logo settings new.png | center ]]<br/>
+
<br/><br/>
There are 5 types of timeline:<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.
 
:'''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''' - shows available time in the intervals equal to your [[Need_to_change_interval_(timeframe)| timeframe]] duration for a day. 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 [[Custom_Features#Appointment_at_Fixed_Time| Appointment at fixed time]] Custom Feature.
 
</div>
 
</div>
 
<br/>
 
<div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;">
 
<span class="qa">[[Where to change logo and background?]]</span>
 
<div class="mw-collapsible-content">
 
In Settings // Design // Logo, background and timeline. <br/>
 
[[File:Logo settings new.png | center ]]<br/><br/>
 
[[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">[[Custom_Features#Custom_CSS| Advanced design options with Custom CSS]]</span>
 
<div class="mw-collapsible-content">
 
Advanced design options with [[Custom_Features#Custom_CSS| Custom CSS]] </div>
 
</div>
 
<br/>
 
<div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;">
 
<span class="qa">[[Custom_Features#HTML_Description_Field_for_Events| HTML description field for events]]</span>
 
<div class="mw-collapsible-content">
 
[[Custom_Features#HTML_Description_Field_for_Events| HTML description field for events]] </div>
 
</div>
 
<br/>
 

Latest revision as of 15:04, 31 January 2024