Not every business has the budget or technical skills to hire a web developer or learn complex content management systems. The SakuraHost Website Builder is a drag-and-drop tool included with select hosting plans that allows anyone to create a professional, mobile-responsive website without writing a single line of code. This beginner-friendly guide walks you through building your first website from scratch.

What Is the SakuraHost Website Builder?

The Website Builder is a visual, browser-based tool that lets you design and publish web pages using a simple drag-and-drop interface. It includes pre-designed templates, customisable content blocks, image galleries, contact forms, social media integration, and SEO tools. Your site is hosted directly on your SakuraHost account, so there are no additional hosting costs.

Included with Hosting: The Website Builder is available on eligible hosting plans. Check your plan features at billing.sakurahost.co.tz under Services > My Services. If your plan does not include the builder, you can add it as an addon or upgrade your hosting package.

Getting Started: Launching the Builder

Step 1: Log in to cPanel through billing.sakurahost.co.tz or at https://yourdomain.co.tz:2083.
Step 2: Locate the Software section in cPanel and click Site Publisher or Website Builder (the name may vary depending on your cPanel version).
Step 3: Select the domain or subdomain where you want to publish your website.
Step 4: The builder interface will open in a new window with the template selection screen.

Choosing a Template

Templates provide the overall design framework for your website, including layout, colour scheme, and typography. The SakuraHost Website Builder offers templates organised by industry and purpose:

  • Business & Corporate: Clean, professional layouts ideal for Tanzanian companies, consultancies, and professional services.
  • E-commerce & Retail: Product-focused designs with gallery grids and call-to-action buttons.
  • Restaurant & Hospitality: Menu displays, reservation sections, and rich photo layouts.
  • Portfolio & Creative: Visual-heavy designs for photographers, designers, and artists.
  • Blog & Personal: Content-first layouts optimised for readability.
Tip: Choose a template that closely matches your intended content structure. While every element can be customised later, starting with a relevant template saves significant time.

Building Your Pages

The Visual Editor Interface

Once you select a template, the visual editor opens. The interface consists of three main areas:

  • Toolbar (top): Contains page management, save, preview, publish, and settings buttons.
  • Content blocks panel (left): Drag-and-drop elements including text blocks, images, buttons, forms, maps, videos, social media widgets, and dividers.
  • Canvas (centre): The live preview of your webpage where you arrange and edit content.

Adding and Editing Content Blocks

Adding a block: Drag any content block from the left panel onto the canvas. A blue indicator shows where the block will be placed.
Editing text: Click any text area on the canvas to activate inline editing. Type or paste your content directly. Use the formatting toolbar to adjust font size, colour, weight, and alignment.
Changing images: Click on an image to open the image options. You can upload your own images, choose from the built-in stock photo library, or enter an image URL.
Moving blocks: Hover over a content block to see the move handle. Drag it to reposition it on the page.
Deleting blocks: Select a block and click the trash icon or press Delete to remove it.

Essential Pages for Your Business Website

Every effective business website should include the following pages at a minimum:

1. Home Page

Your landing page should immediately communicate who you are, what you offer, and what visitors should do next. Include a compelling headline, a brief description of your services, and a prominent call-to-action button (e.g., "Contact Us", "Get a Quote", "Shop Now").

2. About Page

Tell your company's story, showcase your team, and build trust with your audience. Include your mission statement, company history, and any certifications or awards.

3. Services or Products Page

Clearly describe what you offer with dedicated sections for each service or product. Include pricing where appropriate and strong calls to action.

4. Contact Page

Provide multiple ways for visitors to reach you: contact form, phone numbers, email address, physical address, and an embedded Google Map. The builder includes a form widget that sends submissions directly to your email.

Customising Your Design

Colours and Branding

Access the design settings through the toolbar to customise your site's colour scheme. Set your brand's primary and secondary colours, and the builder will apply them consistently across all pages. Upload your company logo in PNG or SVG format for the best quality.

Mobile Responsiveness

The Website Builder automatically creates mobile-responsive layouts. Use the preview button to switch between desktop, tablet, and mobile views to verify your site looks great on all devices. Google's Mobile-Friendly Test can confirm your site meets mobile usability standards.

SEO Basics in the Website Builder

Search Engine Optimisation (SEO) helps your website appear in Google search results. The builder includes built-in SEO tools:

  • Page titles: Set unique, keyword-rich titles for each page (under page settings). Keep titles under 60 characters.
  • Meta descriptions: Write compelling descriptions (150-160 characters) that summarise each page's content.
  • Image alt text: Click on each image and add descriptive alt text. This helps search engines understand your images and improves accessibility.
  • Clean URLs: Use short, descriptive page URLs (e.g., /services rather than /page-2).
SEO Resources: For a deeper understanding of SEO best practices, explore Google's SEO Starter Guide and submit your sitemap through Google Search Console.

Publishing Your Website

Step 1: Click the Preview button to review your entire site across all device sizes.
Step 2: Once satisfied, click Publish. Your website will be deployed to your domain immediately.
Step 3: Visit your domain in a browser to confirm everything displays correctly. Test all links, forms, and interactive elements.
Important: Publishing will overwrite any existing files in your domain's document root. If you have an existing website, back it up before publishing through the builder. Use cPanel File Manager to download or compress your current files first.

Beyond the Website Builder

As your business grows, you may need features beyond what the builder offers, such as e-commerce with payment processing, membership areas, or complex booking systems. At that point, consider migrating to WordPress with Softaculous (available in cPanel), which offers thousands of plugins and themes for virtually any functionality. For help with the transition or any website builder questions, contact our team at billing.sakurahost.co.tz or visit sakurahost.co.tz for more resources.

Was this answer helpful? 0 Users Found This Useful (0 Votes)

Most Popular Articles

Improving Website Performance – Serving Scaled Images

What is a scaled image? A scaled image is an image whose size matches exactly with the size...
Why is my website not displayed in Search Engines like Google?

Your website is not added to search engines like Google, Yahoo or Bing automatically and you...
What is TLD?

If you are a website owner, you surely know how important a domain name is for your overall...
How to Drive Traffic to your Site

So you have an amazing website. You’ve thought of a killer domain name, crafted beautiful layouts...
Understanding Web Hosting: Shared vs VPS vs Dedicated Servers Explained

.kb-article { font-family: Arial, Helvetica, sans-serif; line-height: 1.8; color: inherit;...