With Lodgify you can customize the design of your website with HTML, CSS, and JavaScript programming languages and apply a tailored style to all your public pages.
đź’ˇ Note:Â Make sure to use an HTTPS protocol whenever you put codes into the Lodgify console.
To customize your website using code, follow these steps:
- Go to your Main Menu in the top left corner and select Website builder.
- In the Settings tab, select Advanced.Â
- Include your custom codes into the Header injection and Javascript injection section.
Here is a recap of the sections and their use:
| Section | Use for... |
|---|---|
|
Header - Custom HTML đź’ˇ Note:Â The code will be injected in the <header> section of the website. |
Meta Tags, for example, to include the Google site verification code. |
| Header - Custom CSS | Page styles and design, for example, to amend the shape of buttons. |
|
Footer - Custom Javascript đź’ˇ Note: The code will be injected in the <body> section of the website. |
Page functionalities, for example, to include your Facebook remarketing pixel or other types of trackers that need to go into the <body> section of the website. |
|
Booking Engine Confirmation Page - Javascript injection đź’ˇ Note:Â The code will be injected only in the check-out pages of the website. |
Conversion tracking, for example, to include the Google Analytics tracking code to track visitors reaching your check-out. |
💡 Note: we suggest using this section only if you have a thorough understanding of programming languages.