Edit your website with custom content

 
Lena

 3 months ago

 Updated

To add content such as videos, pictures, promotions, chat, Instagram galleries or contact forms to your website you can use widgets. These are
containers that can be moved and resized, so you can tailor your page to your needs or you can create a library and reuse your widgets on different
pages, i.e. pages of different languages. Have a look at our list of available and useful widgets you could implement on your website. If you want to
create a new custom page, find out how it is done here.

💡 Note: To review the changes before publishing them, click View website and select Preview Version from the drop-down menu. Learn how
to Preview your website.

Read about:

 Add, edit or remove widgets

 Organize and resize widgets
 Create a widget library to reuse a widget on another page

Add, edit or remove widgets

To add a widget:

1. Go to your Main Menu in the top left corner and select Websites.

2. Choose the website that you want to edit, click Edit and select Pages.
3. Select the page in which you want to add the widget to and click Add new widget.

4. A pop-up window appears. Select the widget that you want to add to the page, then follow the instructions required to complete the process.

💡 Note: To edit or remove a widget, hover the mouse over it and click the Pencil icon to edit it, or the Bin icon to remove it.

💡 Important: The Theme widget (Photo Slideshow) on your homepage cannot be deleted or modified in size. If you don't want to use this widget,
simply delete the pictures in the slideshow. Instead, you could use a static background image.

Organize and resize widgets

Watch the video tutorial or follow the instructions below.
A
cti Instructions
on

1. Hold the four-way-arrow icon in the top right corner of the widget box.

M
ov
e
a
wi
dg
et
to
an
ot
he
r
po
sit
io
n

2. Drag and drop the widget as needed.

R 1. Hover the mouse over the widget box.

es 2. When the red bars appear at the side of the widget, expand your widget box as
iz needed.
e
 A
cti Instructions
on

a
wi
dg
et

💡 Note: If you want to center a widget you can create two empty content widgets and put one before and one after the widget that you want to
center, and then put all three widgets inside the same line.
Create a widget library to reuse a widget on another page
You may have published your website in other languages. You should add and tailor your widgets to all the website languages that you have
published.

To add a widget to your library:

1. Hover the mouse over the widget that you want to reuse.
2. Click on the pin icon that appears in the bottom right corner of the widget box.

To use the widget on a different page:

1. Select the page in which you want to add the widget to.
 2. On the top right of the page, click Widget
Library. 

3. Hover the mouse over the widget that you want to use and click Add this one.
4. Your widget will appear at the bottom of the page and you can drag and drop it to the desired position.

Fonts

 
Lena

 7 days ago

 Updated
On your website, you have a variety of preset fonts that you can configure for different sections. 

💡 Note: In case you don't find a font that you like, you can also upload more fonts using Google Fonts. Learn how to customize your fonts in this
article.

To use the website builder's default fonts, follow these steps:

1. Go to your Main Menu in the top left corner and select My websites.

2. Select the website that you want to amend, click Edit and select Design.
3. Select the tab Fonts and choose which font you want to apply for which part of the website. The font sections are as follows:
 Text: This refers to all content and menu text. 💡 Note: For this part, you can also configure the size of the font.
 Headings: This applies to all Heading Widgets.
 Business Name: This applies only if you don't have uploaded an image logo.
 Business Tagline: This refers to the text underneath the logo.
 Static background image

 
Lena

 14 days ago

 Updated

If you are using the Tideway or Brooklyn template for your website you have by default a slideshow integrated on the homepage. If you prefer to
have a static image instead of different ones, you will have to delete the pictures in your homepage slideshow.

To do so:

1. Go to your Main Menu in the top left corner and select Websites.

2. Choose the website that you want to add a background image to, click Edit and select Pages.
3. Enter the Home page and click Edit in the bottom right corner of the Theme widget. Delete all pictures.

4. Now go into your Design section and select the tab Background.

5. Then click Upload
 Use custom fonts

 
Lena

 3 months ago

 Updated

If you want to use a different font than the ones you can find by default in your website builder, you can also use Google fonts on your website.
Follow the steps below to learn how it is done.

1. Go to Google Fonts and select the all the fonts you want to use on your website by clicking on the little plus icon.
2. In the little pop-up window, you can see all your selected font families which you can customize if wanted.
3. Once you have finished customizing, copy both the HTML and the CSS
code. 
4. In Lodgify, go to your Main Menu in the top left corner and select Websites.
5. Choose the website you want to add the fonts to, click Edit and select Settings.
6. Go to the Advanced tab and paste the HTML code from Google Fonts into the Header - Custom HTML section.
7. Paste the CSS code from Google Fonts into the Header - Custom CSS section. When doing so, be sure to specify which text you want to be
affected.
For example: To make all h1 website headings in Kirang Hearang font, you need to modify the CSS code to: 

h1 {
font-family: 'Kirang Hearang';
}
 💡 Note: Google provides a Getting Started Guide on how to modify the CSS code depending on your needs.

Create a custom page

 
Lena

 21 days ago

 Updated

Within your website, you have a selection of predefined pages populated with rental information which you can decide to use or to delete. If you
have deleted one of the default Lodgify pages on your website you can simply restore it following the steps below. You can also create new custom
pages and subpages from scratch or create links to a different website. 

To build a custom page or restore a deleted default page on your website:

1. Go to your Main Menu in the top left corner and select Websites.

2. Choose the website that you want to edit, click Edit and select Pages.
3. Go to the Main Navigation and
click Add 

4. Now choose which type of element you want to add:

Pa
ge
 Use to... How it's done
typ
e

Add a Page
Pag create an internal page which you can design yourself by
Title and Lin
e using Widgets.
k Text.

Add a Link
Text and
insert
Lin the URL of
create a link to an external page, e.g. your external blog.
k the external
website you
want to link
to.

Select a rental
from the drop-
down menu
restore deleted default pages. and choose
Re which one of
ntal 💡 Note: Default pages are Overview, Rates, Contact, Map, the default
Availability, Gallery or Reviews pages. pages
with Rental in
fo you want to
restore.

Fol create a new menu level with Subpages. Add a Folder

der 💡 Note: Subpages appear in a drop-down menu. link text and
a Folder
identifier. Th
en you can
start creating
pages which
you drag-and-
 drop into the
folder.

Once you have added the new menu element you can simply drag-and-drop it to the desired location in your website menu.