Choosing your website's design is the first step you should take when you start building your personal website. With Lodgify you can choose between four beautifully pre-designed and mobile-friendly website templates built using responsive web design (they adjust to automatically fit any screen size).
By default, the template page appears once you log into Lodgify for the first time and choose your website name, however, you can re-build your website from scratch again and switch to a different template at any time.
All the templates display a Home Highlights section, as long as you have activated at least one of them in the rental overview's amenities. There are four possible home highlights:
- Pets welcome (includes: Pets welcome, Pets allowed only after arrangement)
- Parking (includes: Parking garage, Parking, Parking lot, On-street parking, Parking Included, Parking Optional)
- All-inclusive (includes: All inclusive meal-plan, Parking Included, Breakfast included, Housekeeper Included, Laundry service Included)
- Broadband Internet (includes: Broadband internet, Dial-up internet, Wireless internet)
💡 Note: All the below settings can easily be changed at any point.
You will also have a House Rules section, which displays information pulled from your rental amenities, such as "no smoking", as well as the check-in and check-out times set in the Policies section of your rental settings.
To configure your website's design settings:
- Go to your left-hand menu and select Website Builder.
- In the Styles tab, you can choose which template you want to use:
In the Styles tab, configure your:Colors
Configure the following to create your website's color pallet:
- Business name: If you do not upload a logo image, the Business name you configured in the Logo settings will show. With this field, you can set the color.
- Links
- Buttons and actions
- Header background: This is the menu bar background.
- Header links: Menu items.
💡 Note: You can choose from the predefined pallets from your template, and easily customize your website colors by clicking into the color for each item.
Fonts
Choose your website's fonts for:
- Heading: Heading fonts affect all titles on your website, including the title on your hero image.
- Paragraph: All paragraphs are changed to this font (i.e. body text). This includes links.
- Buttons: All buttons are affected.
Buttons
-
Style: Choose whether your buttons should have a solid color, or only colored text and outline.
- Border: Choose the shape of your buttons.
Other options
- Add a static or slideshow background image by uploading your photos.