Advanced design customization

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. Read more

  1. Go to your Main Menu in the top left corner and select Websites.
  2. In the Settings tab, select Advanced. 
  3. Include your custom codes into the section Header injection and Javascript injection.2019-11-12_1242.png

 

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 Ads tracking code to track visitors reaching your check-out.

💡 Note: we suggest to use this section only if you have a thorough understanding of programming languages. 

Was this helpful?
5 out of 23 found this helpful