Build your showcase website with SiteJet Builder
Sitejet Builder is a visual editor, natively integrated into cPanel, that allows you to quickly design and publish websites. Hodi provides it at no additional cost, directly from your hosting space. This guide walks you through step by step, from logging in to going live, with a focus on eco-design.
Prerequisites
- Access to your Hodi client area (credentials provided when you placed your order).
- A domain name already created/pointed to the hosting.
- An up-to-date web browser (Chrome, Firefox, Edge or Safari).
*⚠️ Important: before you start, organize your content (text, photos, videos, etc.) and take a few minutes to plan your pages and their layout outside of the Sitejet Builder tool. This will save you considerable time when building your site!*
Accessing Sitejet Builder via cPanel
- Log in to cPanel from your Hodi interface
- In the dashboard:
either click Get Started in the featured block,
or open the Domains ▸ Sitejet Builder section
- The list of your domains is displayed. Click Create a site (or Edit site if a project already exists) next to the desired domain.
- The Sitejet platform opens. You are ready to begin!
Overview of the Sitejet interface
Area | Quick description |
|---|---|
Top bar | Everything related to navigating your project: Preview mode, Editor mode, Project Settings and the famous Publish button! |
Left sidebar | The components (blocks, sections, widgets) to build your site. Simply drag and drop them into the central canvas on the right! |
Central canvas | The real-time preview of your page |
Right side panel | The properties of the selected component: text, colors, margins, etc. |
Hamburger menu | All advanced features of your project (SEO, backups, sharing, export) |
Detailed site creation
- Start a project
> Click on Try Sitejet Builder.
- **Select a template
**
> Browse the categories or use the search bar.
> Click Preview to test the demo.
> Confirm by clicking Use this template.
- Set up global information
> Logo, favicon, main color palette.
> Font: prefer system fonts to reduce loading time.
- **Customize the pages
**
> In the sidebar, drag components (header, hero, testimonials...).
> Edit text directly inline or via the right panel.
> Replace images with your own optimized visuals (see Eco-design).
- **Manage navigation
**
> The Main Navigation updates automatically when you add/rename a page.
> Use Pages ▸ Add a page to create blank pages or duplicate a template.
- Advanced features (optional)***
***
> Forms: drag a Form block, configure the receiving address.
> Responsive: test Mobile and Tablet views via the screen icon.
> SEO: Hamburger menu ▸ SEO & Settings: title/description tags, sitemap, favicon.
Publish your site
- Click Publish (top right corner).
- Choose your domain and confirm.
⚠️ Warning: All existing files in the root directory will be replaced.
- Wait a few seconds, then click View site to verify it is live.
- Need a rollback?
Select Backups from the hamburger menu and restore a previous version.
*⚠️ Important: before each publication, download a backup via cPanel ▸ Files ▸ Backup.*
Eco-design: best practices!
Goal | Concrete action |
|---|---|
Reduce media weight | • Convert your images to WebP.• Compress your videos or host them on an external platform (YouTube, PeerTube). |
Limit HTTP requests | • Use a single font (or system fonts). |
Improve accessibility | • Use high-contrast colors.• Add descriptive alt text for each image. |
Optimize loading | • Enable lazy-loading for images in Site Settings ▸ Performance.• Minify CSS/JS (Optimize code option). |
Measure & adjust | • Test your page on PageSpeed Insights and EcoIndex.• Fix red items before publishing. |
Additional resources
- Sitejet Builder tutorial videos https://www.youtube.com/@SitejetWebsiteBuilder
- Official cPanel documentation: Sitejet Builder
Updated on: 14/02/2026
Thank you!