Updated on Jul 24, 2023
The central part of creating a website in our Website Builder has to do with editing and adding pages as well as drag and drop widgets and configuring them to your needs. Log into your cPanel and then go to the builder, as we showed you at the beginning of this tutorial. Then, click the Login to Site button when hovering over the website. That will take you to the website’s dashboard.
Click on Pages from the tabs on the left, and you should see All Pages and Add New. Let’s start with the former.
All Pages will show you all the pages that the website currently has. From here, you can edit them, but you can also edit the header and footer of the website. Simply click Edit next to the page you wish to edit.
You can also view, edit, clone, or delete a page by hovering over it and selecting the appropriate button.
Finally, whether you click the blue Add New button in the top right or from the bar on the left, you will be taken to the website builder’s main attraction: the editor. Let’s take a closer look at it!
This tutorial includes:
Whether you create a new page or edit an existing one, you will be taken to the FastComet Website Builder’s editor. Depending on whether it is a new or existing page, there will be a Publish button in the top right next to Update. You will see an empty page with your website’s header and footer and several places you can edit if you are creating a new page.
Clicking on the + icon will open the widgets tab. The widgets are what allow you to customize your website. From adding simple text to images and videos, to timelines and contact information, they will let you create the pages you want. You can either drag and drop them from the menu on the left or select the + icon.
Every area and widget between the header and the footer also has its own settings. Click on the area or widget you wish to edit, and the settings will appear on the left.
From there, you can edit the color, background, borders, font, animations, motion effects, and responsiveness and add custom CSS to the selected element, be it an area of the widget. These functionalities are split between the Settings and Options tabs you can see in the previous screenshot. These options will further allow you to customize your website to your preferences.
Additionally, you can switch between pages from the drop-down menu at the top of the screen when editing a page.
You might have also noticed there were some settings on the left before you even clicked anything, right after you opened the editor. Those are the page’s overall settings.
These three tabs will let you control the page’s general settings, instead of the specific settings of a widget, for instance.
These are the things you can do from the Settings tab:
The Options tab lets you edit your page in terms of style.
Clicking Advanced will open a popup window to add metadata to your page or post. Additionally, you can add custom HTML code to the page’s header, body, or footer, so this tab is definitely for those who already know how to do these things.
To clone a page, you only need to click on the icon that says Clone this Page. Once you have clicked on the icon, you will immediately get the page cloned and go into editing mode of the cloned page. From there, edit it to your liking, but don’t forget to change its name from the Settings tab and either save or publish it.
You can delete a page either by clicking Move to Trash in the editor, as we mentioned earlier, or by clicking the red button on the main dashboard.
Remember that you will not be asked to confirm whether you want the page moved to the trash; it will immediately go there after clicking the icon. However, you can go to the Trash tab on the same page and get back your deleted items or remove them for good.