Tutorial: How to customize the look&feel of the booking process (1 / 4)

Tutorial Table of Contents

part 1: Schemes in advanced integration
part 2: Customizing the content with templates
part 3: Customizing the stylesheets
part 4: Customizing the reservation form design
Part 1 of 4: Schemes in advanced integration
A planyo scheme is a collection of CSS stylesheets, templates (html code of the content planyo sends to your website when you embed planyo into it) and settings which determine the look&feel of the booking process on mobile devices, tablets and desktops. You can choose between a few default schemes. The schemes are responsive so only one template version is needed for correct rendering on mobile and desktop devices.

The schemes can be fully customized so that the planyo content matches the rest of your website. You can do the customization by editing the templates and the CSS stylesheets. For advanced users it's possible to fully control the html code being printed by using the html source code editor which also allows inserting elements such as custom javascript etc. The CSS stylesheets can be also freely modified. For non-advanced users, the templates can be edited using a convenient WYSIWYG editor. The CSS styles can be personalized using a visual style selector where no CSS knowledge is necessary - you simply choose colors, fonts and font sizes for different elements of your templates.

Note that if you use simple integration, it will also use the same schemes as the advanced integration. Additionally there's a special 'simple integration' scheme applied to all content which can be used for placing a common header/footer or universal elements such as sign up / log in links.
Continue to part 2 (Customizing the content with templates) >>