|
|
| (33 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;"> | | <languages/> |
| <span class="qa">[[Where to change theme?]]</span>
| | <translate> |
| <div class="mw-collapsible-content"> | |
| In Settings // Design // Themes & Colors.<br/>
| |
| [[File:DesightThemeLayout750.png | center ]] <br/><br/>
| |
| ;Recommended themes:
| |
| *Bootstrap Square Rainbow
| |
| *Joy Bootstrap
| |
|
| |
|
| Those themes support flexible timeline and have color wheel to adjust the colors of your booking page.</div>
| | {{#seo: |
| </div>
| | |title=Set up Layout and Theme of Booking Page in Online Scheduling System SimplyBook.me |
| <br/>
| | |description=Learn how to customize your booking page design. Match it to your brand for a cohesive look. Start designing here! |
| <div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;">
| | |titlemode=append |
| <span class="qa">[[How_to_change_the_way_time_slots_are_shown%3F| Where to change timeline?]]</span>
| | |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 |
| <div class="mw-collapsible-content">
| | }} |
| You can change timeline in Settings // Design // Logo, background and timeline // Timeline type drop-down<br/>
| | </translate> |
| [[File:TimelinePath750.png | center ]]<br/>
| | |
| There are 4 types of timeline:<br/>
| | <br/><br/> |
| [[File:TimelineType750.png | center ]]<br/> | | :'''Design related video tutorial [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=m-W4E80BTeU]] |
| :'''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. | | :'''How you can give your booking page a fresh look''' (Creative theme) [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=OhScXrrvKJU]] |
| :'''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. | | *<div class=" article">[[Where to change theme?]]</ div> |
| If you have services that have fixed start times, you can try using [[Plugins#Appointment_at_fixed_time| Appointment at fixed time]] plugin.</div>
| | *<div class=" article">[[ How_to_change_the_way_time_slots_are_shown%3F| Where to change calendar layout?]]</div> |
| </div>
| | *<div class=" article">[[Where to change logo and background?]]</div> |
| <br/>
| | *<div class=" article">[[ Where_to_change_my_info# Favicon| Can I change favicon(logo in the browser tab)?]]</ div> |
| <div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;"> | | *<div class=" article">[[ What image sizes are recommended for my booking website| What image sizes are recommended for my booking website?]]</div> |
| <span class="qa">[[Where to change logo and background?]]</span>
| | *<div class=" article">[[ Custom_Features# Custom_CSS| Advanced design options with Custom CSS]]</ div> |
| <div class="mw-collapsible-content"> | | *<div class=" article">[[ Custom_Features# HTML_Description_Field_for_Events| HTML description field for events]]</div> |
| In Settings // Design // Logo, background and timeline. <br/>
| | <br/><br/> |
| [[File:TimelinePath750.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. </div>
| |
| </div> | |
| <br/>
| |
| <div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide" style="width:800px;">
| |
| <span class="qa">[[Plugins#Custom_CSS| Advanced design options with Custom CSS]]</span>
| |
| <div class="mw-collapsible-content"> | |
| Advanced design options with [[Plugins#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">[[Plugins#HTML_description_field_for_events| HTML description field for events]]</span>
| |
| <div class="mw-collapsible-content"> | |
| [[Plugins#HTML_description_field_for_events| HTML description field for events]] </div> | |
| </div> | |
| <br/> | |
