How to Build Website with cPanel Sitejet Builder

By Arshath | November 12, 2024

Building a website without coding is almost impossible in the past. Now you have cpanel sitejet builder which is similar to WordPress to build the website in a simpler way and easy to customize without any coding skills.

Let’s find out how you can build a website with cpanel sitejet builder and why sitejet builder is perfect for you!

Why cpanel Sitejet Builder is Perfect for you?

1. No Coding Required:

cPanel Sitejet Builder features an intuitive drag-and-drop editor which makes even an amateur to design as a professional website without much coding skills.

2. Template Variety

You have a variety of responsive templates of more than 100 suitable for different categories to quickly customize to specific blocks.

3. AI-Powered Content Creation

Create your content using AI-driven tool for each of the blocks to make the content more engaging and have better quality content.

4. Built-In SEO Tools and Analysis:

With advanced SEO settings such as title, slogan, keyword, meta description, and tags, preview in mobile or desktop format, responsive and no indexing, etc, you can now build the content with SEO value and analyze your website SEO metric as well.

6. Backups and Collaboration:

You can now take a backup of your website content and can restore the backup at any time without worrying about disk space. Also, you can include the Google Analytics id and Google Maps API in your SEO settings.

Basic Setup for cPanel Sitejet Builder:

Step 1: Login to Cpanel and click the “Sitejet Builder” option from the left side section.

Step 2: Choose the desired suitable template that aligns with your website content.

Step 3: Click the “Publish” button on the top right to publish the existing default content on the theme.

Step 4: If you want to install more than 1 cPanel sitejet builder for different website, you can click “Create a New Domain” button

Step 5: Then create an addon domain specifying the different paths to store the files separately from the main domain path. You can also create a subdomain and install sitejet builder for it.

So your addon/subdomain domain will load with separate content instead of loading with main domain content since they will be sharing same directory path.

Explore Features to Build Website with cPanel Sitejet Builder:

Once you log into cpanel and locate the sitejet builder option, click the “Edit” button to start the content building and customization.

Responsiveness and Preview Website:

Preview Ctrl+P – It shows the website’s live preview on the edit page instead of opening in a new window.

Open preview website – This shows the website preview in a new window with a temporary URL.

Presentation mode – Preview the website on different devices like browsers, tablets, and mobile with their device style.

Share presentation Link – Without the site live, you can even share your development website as a link to view it anytime.

If you want to view the website in different versions based on the model and device type, you can choose the version from each of the device icons like computer, tablet, and mobile icons on top highlighted in the image as red color.

Design – Website Entire Page:

Text:

Text – You can manage all the text styles which is inside the block except the heading.  Here you can choose the text, colors, buttons, and layout.

Headlines – You can customize the style of the headlines based on each heading like h1, h2, h3, h4, h5, h6 and choose color, size, font style, etc.

Colors:

This will help you to change the color for each of the values in the text box with each separately like button, heading, symbol, etc as shown in the image below.

If you want to change the background color of the text inside a block, you can change those colors under the section “Personal Colors“.

Buttons:

As how text and color style for the text area can be changed, you can now change the button color and style under the “Buttons” option.

Layout:

To make the layout which is outside of the text area box reduce the size or make it show transition, you can customize the display under the Spacer and Features section.

AI Writer – Create Content with AI

When you choose the AI Writer option, you can create automatic content by just giving input for what topic you need, how much length, content type, reading level, tone of the content, and who you are targeting.

Once you enter the description of the type of content you want to create by choosing the specific types, click “Generate text” to create new content. You can copy the content and paste it into the block where you want the content or you can click “target icon” under the Element option. Then you can select either the heading or the text box where you want to replace the content.

Navigator – Short Way to Reach Section

To reach the page or section on your home page, you can use the navigator option if you find it difficult to locate the exact heading you were looking for in the long page. If you click the block from the listed option, it will take you to the exact section where it is located.

Pages – Create, Delete, and Add Page with SEO

Forget about different language problems and SEO optimized for your content. You can now create your content using AI generated in different languages without the need to create the page again.

If you want to add a new page, click the “New Page” option. To manage the content, you can click the “settings” icon near the page name. In the image below, you can see the option to add SEO optimization like SEO title, SEO description, and SEO keyword with AI tool to generate content which includes the “No index” option to avoid Google indexing that page.

More: – Three Dot for General Setting

On the right top of the page, click the “More” option to see the available general setting options which you can use to customize basic settings and manage them as well.

Website Settings:

Once you click the “Website Settings” option, you can set the favicon and log for your website under the General Option.

Like how you have done SEO for the pages, you can set for whole website under the SEO/Meta section with AI content, No index, and Responsive enable/disable for different devices.

If you want the visitor to read in their regional or comfortable language, you can click the “Add icon” and select the preferred language. Then click the log in icon to direct you to the page under that language to customize.

Here you can see the available languages created on top under which you can check the available pages and click “translate” to convert into that particular language. Those pages will be already created based on the pages created from the main language English when you install sitejet builder for the website.

For the visitors to see the content in their preferred language, they need the option to select the language on the website. So, go to the “Features” option and search “Language“.

Now select the block where you want to insert the available languages and click the “languages” option to insert it. You can then drag and drop the section into any block on the website where you want to place it for your visitor’s convenience.

You can even customize the style of the languages with the language flag, color and size under the Style section.

Important Features to Build Website in cPanel Sitejet Builder:

Gallery Image:

In this feature, you can upload bulk images to place in a single block and style with animation or fix the image in the background permanently.

Insert Video:

Like images, you can insert videos you have recorded and auto-play immediately whenever your website is loaded. You can do the same transformation and animation for the video as well.

YouTube Video:

We have shared a reference image where you can see how the YouTube video gets displayed live from the original video uploaded to our YouTube channel. You just have to copy the video link in the address bar and paste it in the box “video URL” option.

Image with Text:

You can now make content with image block instantly instead of adding each of them separately using any plugin or theme customization with code.

Just choose the “image with Text” option and insert in the place where you want to and modify the content, image on your own. You can choose whether the image or the content should be on left side or ride side.

Columns:

While you can add images with text blocks with different shades of format, you can do this separately by adding multiple columns and adding any element from the list of drop-down options.

Forms:

Instead of using any plugin or custom code, you can now just use the predefined template for updating the contact details of the users.

Collections:

When you have a lot of collection template to add in your page, your website home page will be more colourful and have a lot of information to share.

To make your website data never lost or recover incase you have lost, take full backup of the website to restore anytime you want. To find more features in Sitejet and add it to your content, login to your sitejet builder and check the option under Feature section.

Hope this article allows you to explore more important features to build your website.