One of the easiest ways to make your website feel more personal to your brand is by customizing the colors and typography to match your business.
You can do this in your theme settings, along with adding your social media channels to your website's footer.
How it works
You can access your theme settings by clicking the Theme settings button at the top of the website editor.
1. Colors
Booqable gives you a variety of places where you can customize colors on your website.
To edit them, simply click on the color square and either select from the predefined options, select from the gradient, or you can paste the hex code of the color you want to use in the input field.
Here is a brief overview of what each customizable color changes:
Accent background color - Background for solid buttons, date picker, and shopping cart.
Accent foreground color - For text used on top of the accent background color.
Primary background color - Primary background color for your store.
Primary foreground color - For text used on top of the primary background color.
Link color - Used for text links and non-solid buttons.
In the example below, a darker color theme has been applied to match the vibe of this camera rental store.
2. Typography
The typography on your website can have a significant impact on how your brand is received by website visitors. That's why you have over 1,500 free-use fonts to choose from in your settings. You can change the font that is used for headings and the font that is used for body text.
In the example below, classic and clean fonts have been used to help the brand feel contemporary and professional.
3. Social media links
In your website's footer, you can add social media links. You will need to do this by clicking "Add block" within the Footer section on the left menu.
To add your social media links, simply paste or type your social media links in the same format as the examples given below each input field (replacing booqable with your own username).
Note: WhatsApp social media links are currently not available, however, you can add a link to a button that will instantly open WhatsApp. To do this, create a button and add https://wa.me/<number> as a link, while <number> should be replaced with your WhatsApp number.
You're all set!
You have now successfully learned how to customize your website's theme settings in Booqable.