Available widgets

Widgets allow you to customize your website content through pictures, videos, text, and many more. Lodgify has a list of standard widgets to edit your custom pages. Many external widgets can be implemented by inserting the respective HTML code into the Raw HTML Widget. In the following, you can find a list of useful widgets for your website.

๐Ÿ’ก Note: To learn how to add, edit, order, and resize widgets have a look at this article.

๐Ÿ’ก Note: If you have an external website and would like to use Lodgify's booking widget you can find out more in the article Use the Lodgify reservation system on an external website.

Widget type Notes
Call me backScreenshot_11-12-2020_14.21.07.png Give your guests the opportunity to ask for a callback! You will receive an email when guests fill the online form.
Chat Add a chat widget to talk directly to clients and potentially track visitors to get analytics insights.

Choose a chat widget creator such as Tawk.to or GetSiteControl, sign-up, and get their code.

๐Ÿ’ก Note: The codes from Tawk.to or GetSiteControl need to be inserted in the Footer Custom Javascript Section of your Advanced Settings.  
ContactScreenshot_11-12-2020_14.21.30.png
Give your guests the opportunity to get in touch with you via an online form that includes their stay dates and the rental details. ๐Ÿ’ก Note: All contact inquiries are sent to the main account email address placed in My Account. 
To create a contact form, you can either use the Lodgify contact widget or create one on GetSiteControl.
๐Ÿ’ก Note: The HTML code from GetSiteControl needs to be inserted in the Footer Section of your Advanced Settings.  

ContentScreenshot_11-12-2020_14.28.00.png
Add a text box. For example, you may have created a page which is called Nearby restaurants. Use this widget to describe what is good on their menu!
Use the editor functions to change fonts, add tables, links, etc.
You can also add special content such as videos or photos. If you include an image or a logo, you can use the link function to redirect your visitors to an external page.
๐Ÿ’ก Note: Please be sure to give the picture a proper title as it will be used as an alt tag. Learn more about alt tags.
To use the link function or change the image title, follow these steps:
  1. Click the image icon.
  2. Upload your image and click insert.
  3. Once the image uploads, click it and select edit.
  4. A pop-up window appears. Add a title, a webpage link, and click Open link in a new tab if you want to redirect your visitors to a new page.
  5. Use the Position drop-down menu to position your logo or image. 
  6. Click Save and edit the size of the image as needed.
Featured rentalScreenshot_11-12-2020_17.46.49.png
Highlight your best rentals on your pages. To add more than one rental, use the drop-down menu and select Add to featured.
Featured room typeScreenshot_11-12-2020_17.49.41.png
โš  Room/rental types are a legacy feature!
Highlight your best room into your pages. You can add more than one room: use the drop-down menu and select Add to featured
HeadingScreenshot_11-12-2020_17.47.51.png Add a heading to make your content more prominent. Choose the size of the heading between big, medium, and small.
ImageScreenshot_11-11-2020_14.43.26.png
Add photos to your pages.
Each upload of a new photo on the same widget overrides the previous one - if you need more than one photo on your page, add more than one Image Widget. In image widgets, we recommend using images with a width of 1040px.

๐Ÿ’ก Note: If you want to add a link behind the image you would need to use a Content Widget.

Instagram widget
Add an Instagram gallery widget to your pages. 
  1. Choose an Instagram widget creator such as LightWidget, sign-up, and get the HTML code.
  2. Insert the code into the Lodgify Video widget.
Owner loginScreenshot_11-12-2020_14.26.58.png
Add an owner login widget box to your pages. 
Owner SignupScreenshot_11-12-2020_14.26.33.png
Add an owner signup form to your pages. With this option, external owners (people whose rentals are listed on your website) gain direct access to your Lodgify account and can, therefore, manage their vacation rentals. 
  1. The owner should fill the online form to receive an automatic email and verify their account.
  2. The owner should click on the verification link provided via email, fill in all required information such as creating a new password, and click Send
๐Ÿ’ก Note:  Find out how to add owners manually.
PromotionScreenshot_11-11-2020_14.34.46.png
Announce your special offers by adding a promotion widget to your page. Use the drop-down menu to choose one of the promotions you previously created.
๐Ÿ’ก Note: The ideal picture size for a promotion would be 880px x 587px. See how to Create Promotions.
Raw HTML
Use HTML code to add personal or external content to your pages, for example, a weather forecast widget. 
Use an HTTPS protocol when inserting code into the Lodgify console. Read more.
Test your codes to avoid creating issues with your websites. Use online tools, such as the HTML tester.
SearchScreenshot_11-12-2020_17.33.56.png
Add a rental search bar on your pages and enhance your chances to get bookings. 
Share Add a share widget to your pages so that guests can easily share your website via email or social media channels. Use a Widget creator like GetSiteControl to create the HTML Code.
๐Ÿ’ก Note: The HTML code from GetSiteControl needs to be inserted in the Footer Section of your Advanced Settings, not in the Raw HTML Widget in your pages section.  
SlideshowScreenshot_11-12-2020_17.37.10.png
Add an alternating photos box to your pages.
We recommend using pictures in landscape mode with a width of 1040px.
You can add a headline that will appear at the top of the slideshow widget.
VideoScreenshot_11-12-2020_17.42.40.png
Add a video box to your pages.

You must paste the embed code from your video provider.

๐Ÿ’ก Note: If your video is hosted on Youtube you can simply paste the video's share link in the widget box.

360ยฐ tour2018-10-30_1314.png
Add a 360ยฐ tour to a custom page. 
  1. Choose a 360ยฐ content creator such as Google 360.
  2. Once the tour is finished, copy the embed code and insert the code into a Lodgify Raw HTML widget. 

๐Ÿ’ก Note: If you don't have an embed code, save the tour on an external platform and insert the external link in an image or text of a Content widget.

 

Back to top

Was this helpful?
72 out of 86 found this helpful