Template selection

Step 0 - Project Selection >

Template selection

Previous pageReturn to chapter overviewNext page
Show/Hide hidden text

One of the keys to a successful website is an attractive appearance. First impressions count, and new visitors' opinions on your website will be largely influenced by its graphic layout, before they even start to look through the contents. A well thought-out and professional-looking design gives the impression of a good quality site that is worth looking at.

In WebSite X5, when opening a new project you'll have the option of choosing which Template to use. You have several options here:

1. You can use one of the 100 ready-to-use default templates that come installed with the program, or you can buy one from WebSite X5's Marketplace.
2. You can use an empty template skeleton to create a completely new template.

The Template selection window lets you browse the libraries of available templates and choose the one you want.

You can speed up your search for the right template by using the View filter, which has a number of options:

Highlighted: only the templates that are most frequently used, or have been recently released, are shown.  
For sale: only the templates that are for sale in  WebSite X5's Marketplace are shown.
Bought: only the templates that have been bought from WebSite X5's Marketplace are shown.
Empty: some basic template skeletons are shown, which can be used as a starting point for creating a new template.

You can also use filters for template categories: All the categories, Business, Food, Sport, etc.

Once you have made your choice of template, click on the OK button  to go to Step 1 - Settings where you can start to enter some general parameters for your project.

All the options for customizing your Model are found in Step 2 - Template.

Click to expand/collapseReference: The Default Templates

WebSite X5’s default library contains over 100 templates, all of which have been carefully designed so that you can create attractive and professional websites. Every template is optimized for responsive website creation.

Each Template is an actual, full mini-site that works perfectly and is complete with graphics, pages, and content. They also each have a live preview which you can navigate to explore  every detail. This way, you can choose the best template for your project quickly and easily. Once you've selected your Template, you can start customizing each element and import your own content, to quickly create a finished website that you can publish online.

In order to offer a wider range of choices, we are constantly adding new Templates to our Template pre-sets, available either for free or for a fee: you can easily tell the difference thanks to the two different tags.

When you select a Template from the list, you'll see a little preview. The following elements are displayed under the image:

The Preview button: allows you to open the Template's live preview.
The Marketplace button: only for Templates that aren't software pre-sets. Takes you to the WebSite X5 Marketplace page, where you can see more details.

You need to be connected to the Internet to:

Display previews of all the available templates.
Install a new template.

As already mentioned, all the default templates are optimized to support responsive website creation. This means that, if you decide to create a responsive website, some breakpoints are enabled automatically, according to the selected template: there is a ready-to-use version  of the template for each viewport determined by the breakpoints, in which the elements that are present are suitably re-arranged according to the available space. You can add/remove or change the existing breakpoints and modify the template structure and how objects are arranged in the header and footer for the various viewports.

It is important to remember that the template versions for the Desktop and intermediate viewports are set in pixels, whereas the Smartphone viewport is flexible so that it always occupies 100% of the available space.


Best practices:


How to work with the templates


Where to find new templates for WebSite X5


How to create a Responsive website in WebSite X5 | How to define the template