Compatibility:

WebSite X5 Evo and Pro

WebSite X5 is the perfect desktop website builder you always dreamt of.


WebSite X5 is wizard-based and doesn't require any programming skills, as you can work visually on an intuitive interface offering many previews updating in real time.


In this way, WebSite X5 guides you to the website upload, providing user-friendliness, flexibility and many customization possibilities. 


Thanks to the WebSite X5, you just focus on the fun aspect of creating a website: you just need to import the contents and define how to better present them, the program will take care of automatically generate the page code in HTML5 + CSS 2.1 or 3, and it does it in the best way, guaranteeing full compatibility with all browsers and mobile devices as well as the proper indexing on Search Engines. 


In this guide, we will refer to:

  1. The WebSite X5 work environment
  2. Creating a new project
  3. Adding new pages
  4. Importing contents
  5. Generating text contents with the AI
  6. Displaying the Preview
  7. Uploading the website online


The WebSite X5 work environment

As we mentioned, WebSite X5 is a wizard: its intuitive sections guide you through the process and help you provide all the general information which is necessary to create and publish a complete, functional and graphically appealing website.


When you start the software, a Welcome page is displayed: it reports information about your account status, links to useful resources and, above all, the commands you need to perform some basic activities, such as creating a new project or opening an existing project.


       

The sections displayed after creating or opening a project, share the same user interface reporting some buttons on top and on the left, which are the same for each section, and a central window which changes according to the part of the website creation you are taking care of, therefore according to the requested information. 



Depending on the screen size of the PC you are working on, you are free to resize the WebSite X5 window:  you just need to place the mouse on the window border and drag it to enlarge or reduce it. If the available space is enough, a Suggestion Toolbar is displayed on the right, reporting some guides related to the specific function of the current section, which you can access by clicking on the Guide name itself. 


#tip - More details about this topic are available on The WebSite X5 work environment.


Creating a new project

Everything starts with creating a new project. Therefore, in the welcome screen you see after launching the program, click the New Project button.


First of all, you need to choose how you want to proceed. Specifically, you can: 

  • start from one of the available predefined Templates; 
  • use MagicSite, the Artificial Intelligence-based assistant integrated into WebSite X5; 
  • start from a blank Template. 


Creating from a predefined Template 

The predefined Templates are in fact mini websites that, in addition to the graphics, already include some pages: the preview allows you to appreciate the details and check navigation, even at different resolutions. 

 


#tip - For more information, see How to create a website in 5 steps starting from a template


Creating with MagicSite

MagicSite is an Artificial Intelligence-based assistant integrated into WebSite X5 that helps you create a website starting from your needs. 


Through an interactive chat, MagicSite collects the essential information about your project - the type of website you want to create, the style you prefer, the main content - and uses it to automatically generate a project that is already structured and aligned with your requests.



#tip - For more information, see What is MagicSite and how do you use it to generate a website?


Creating from a blank Template

If instead of using one of the predefined templates you prefer to apply your own design, select a blank Template: you will be free to start from a "blank page" and design the pages as you wish.


#tip - Would you like to learn more about how to apply your own template? See How to create a new Template starting from a Blank Template?


How to proceed

If you decide to start from a template, once you have identified it, simply select it and click the Next button (or double-click the template itself). Once the template is loaded, you will find yourself at Step 1, ready to define the first website settings and thus fully enter the development of your web pages.


If, on the other hand, you decide to use MagicSite's AI, once the chat is completed, you will obtain a complete Project: preview it or open it directly at Step 1 to make all the customizations you deem appropriate before putting it online. 


Adding new pages

After choosing the template, you can define some general settings (on Step 1) and work on all the graphic aspects and styles (on Step 2) so to completely customize your pages. Otherwise, you can tale care of these aspects later and move on to the next phase, which is adding new pages to your project.


You are on Step 3, and you need to set up your website map.



The map is the tree structure of your website. Start from the Home Page and add all the pages you need, organizing them into levels and sublevels. All the map entries will become menu entries: pay attention to how you organize and rename them. 


#tip - Adding, organizing in levels, removing or moving pages is really simple. In the How to create the website guide, you will find all the information you need.


Importing contents

Now that you have a template and an outline of your website structure with some empty pages, you can move on to adding the first contents.


Select the page you want to work on - possibly the Home Page - and click on Next  (or alternatively double-click on the page itself) to switch to Step 4. Here, you will find a layout grid representing the page and a list of Objects: these are all the content types you can use.


To set up the pages, select the Object corresponding to the content you want to add (for instance, the Text Object if you want to add a text section), click and drag it to the cell you want it to be displayed in.



You can increase the size of the Object, so it fits into multiple adjacent cells, as well as add rows and columns to the grid: in this way, you can make a more interesting page structure.


The list of available Objects fulfills all your possible needs: you can add texts, images, galleries, videos, e-mail forms and much more.  In addition to the preset Objects, you can then rely on the many Optional Objects available on the Marketplace: you can directly download them on your project if they are free or buy and use them on your websites so to make them even richer and more interesting. 


After adding the Object to the page, you will just need to select it and click on Next (or double-click on it) to access to the settings window to set them up.

 

#tip - Working on the layout gird, dragging and dropping the Objects is quick and easy. Find out more about How to set up the page layout table and How to add contents to the page layout table.


Generating text contents with the AI

If you are working with an active license of WebSite X5 Pro (starting from version 2023.2) or WebSite X5 Agency, you can rely on an additional tool to generate text contents for your website: it's MaigText, an Artificial Intelligence-based text generation assistant.


You can open MagicText by clicking on the   button available in many fields and in the text editor: choose the kind of text you want to generate, report what you want to be mentioned, and the assistant will generate a text, which you can then simply copy or paste on your project.


You can use MagicText to find new ideas or to write titles, SEO titles, paragraphs and tags. In short, MagicText is a new way of writing texts, boosting your creativity and increasing your productivity.


#tip - The great thing about MagicText is its understanding of natural language, which is what makes it so easy to use. Find out more on What's MagicText and how can I use it to generate text contents.


Displaying the Preview

While working on the creation of your website, you can display the local preview any time you need to verify how your pages will look and work once they're online. 



The local preview uses an internal Browser and opens in a new window which doesn't affect the preset Browser one you possibly have opened before.


You can keep the local preview constantly up-to-date with the new changes you apply to the project: in this way, you will be able to create your pages more quickly.


#tip - For more information, see: How to preview Projects in WebSite X5


Uploading the website online

Now that your website is ready, you can publish it online. 


With your WebSite X5 license, you have a webspace included: you just need to activate it and everything else is all set up to go online. Alternatively, you can use the hosting service you prefer.



#tip - Fore more information, see: Webspace - How to export your website by using the Hosting service included with WebSite X5