Fast, easy and powerful website building solution

- Make your own websites with W3page for FREE

- Add your content fast and easy, grow a community

- Have complete control over your website's style


Quick tutorials

Follow the links below to get familiar with different sections of W3page website editor:

Ad unit

Tutorial: Content editor

The content represents heart and soul of your website and Content editor is a place where you can create it. Each web page consists of building blocks called “content boxes”. You can add them to your website by clicking on the “Add content here” link, or alternatively on the “Add content to header” button, if you wish to add content to the header of your web page. Next, you will have to enter a title for your new content box (not necessary for header content boxes) and choose a content type. There are several of them available, and we are working constantly to add new ones. Not all content types can be added everywhere due to size constraint or possible interference with other content boxes. A warning will appear where that is the case. When you click on a desired content type, a content box will be instantly added to the bottom of the column. Alternatively, if you were adding content to the header of the page, you will need to choose the initial position by clicking on a desired location somewhere in the header.


You will notice that when you hover over a certain content box with your mouse, a tool strip will appear with additional settings.  Also, by clicking and dragging the tool strip, you will be able to change the position of the content box. You can drag and resize boxes in the header and rearrange them within columns and even between columns in the main web page area. In non-header content boxes, there are also the up/down arrows available, which let you rearrange them to a desired order. On the other hand, the header content boxes have an option to send them in the background, so that they will not be on your way when you edit other content (this mostly applies to larger graphics that serve as header background). The overlapping of the elements in the header is otherwise determined by the system “last clicked first”, which means that the content boxes that have been clicked last will be brought to front. Among other available settings in the tool strip is a pin icon, which pins the content box on your website, so that it is shown on every single page. This is particularly useful for header elements, such as logos, titles, ad units and login forms, which must be shown on every page. Pinning a content box can also be used to reposition it on another page; you simply pin it on the first page, switch to the other and unpin it there. The two remaining settings include a delete icon, which permanently deletes the content box once you save the page, and an additional settings button, that opens a dialog. On this dialog, you can select a different style for the content box (e.g. quote box for quotes) and change the box’s title.

Editing the content within content boxes is limited to the editing areas. An editing area is easly recognisable as it spots a colored dashed border when you hover over it with your mouse. By clicking in the editing area, you can edit its content in a similar way you would edit any other document on your computer. Some larger editing areas also support rich content (eg.: images, videos, formatted text), which can be applied by using the toolbar at the top. The toolbar will automatically appear where it is needed. More advanced content boxes can also contain some aditional buttons and links, which will usualy open a popup dialog with aditional settings for that content box. In most cases, you should not have any problems to figure out how to configure a particular content box, but we are always available for any questions on our support forum.

From the content editor, you can also configure some other settings.  Those options are available at the very top of the toolbar. They include links to: configure page settings, add a new page, save the latest changes and enter the full screen editing mode. On the far right there is also an option to autosave changes, which is turned on by default. If you choose to turn it off, you should periodically save changes manually.


NOTE: If you are using a smaller screen, click on the "Fullscreen" link at the top right of the editor to go to the full screen editing mode.