The purpose of this article is to help you understand:
Where to locate the customer dashboard pages in the website builder
How to edit the customer Edit Personal Details page
Getting Started
Whenever you book or create a customer profile in BookingKoala, that customer gains access to a customer dashboard on your website.
To modify the appearance and enable/disable some of the features used on these pages, you must access the BookingKoala Website & Theme Builder. To do so, please go to:
Settings > Design Forms & Website > Website Builder & Themes > Customize Theme
Edit the Customer Edit Personal Details Page
To edit the customer Edit Personal Details page, click on the top center Pages menu, select Customer Dashboard Pages, and click on the Edit Personal Details page.
Background Color & Padding
To change the background color of the customer Edit Personal Details page, click on the background and select the white Edit button that appears in the top left corner of the section.
Click the box to the right where it says Background color and use the color popup to select a color.
To adjust the padding on each side of the customer details page, enter a number for the number of pixels you would like between the edge of the page and the page content.
Edit Profile Box Colors, Font & Buttons
To edit the background color of the customer details box, click the background or element number on the upper right corner of the box and then select the Edit button.
Click the box to the right of where it says Background color and use the color popup to select a color. To change the border color, click the box to the right of where it says Border color and use the color popup to select a color. The Border width can be changed by adjusting the number in the field to the right.
Text can be edited by clicking on the text field and selecting the white Edit button that appears in the top left corner of that segment.
Click on the Text Settings section to alter the text displayed within the segment.
Click on the Style Settings section to alter the colors of the text, button background, border, and label font size.
The button color, style, and text content of the buttons along the bottom of this section can is altered by clicking on a button and selecting the Edit button that appears.
Click on the Text Settings section to alter the text displayed on the button.
Click on the Style Settings section to alter the colors of the button's background, border, text color, and font size.
Click on the Design button to change the button's shape/style.
Save & Publish
When you are finished making edits to your page, please be sure to click the "Save" button to save your changes to the backend, or "Save & Publish" to push your changes live to your site.
