How to Use the StackCP Website Builder

If you want a website up and running without writing code or installing a full CMS, StackCP's built-in Website Builder is designed exactly for that — pick a theme, add content by clicking the elements you want, and publish. This guide walks through the full setup process.

What Is the Website Builder?

The Website Builder is a visual site-creation tool included with your StackCP hosting. Rather than dragging elements around a blank canvas (the way the name might suggest), it's built to be even simpler: you choose the module you want — a text block, image, video, button, and so on — click it, and it appears on your page in a sensible default position. From there, you move your mouse over that section to edit its content directly.

It uses a responsive framework, meaning your site automatically adapts its layout for mobile, tablet, and desktop visitors without you needing to design each version separately.

Step 1: Set Up a Website Builder Package

1. Log in to StackCP.
2. Go to Manage Hosting.
3. If you're setting this up for a domain that isn't your primary hosting package, choose to install to a sub-directory — a green plus icon adds it, a red cross removes it, letting you control exactly where the builder site lives if you're running it alongside other content.

Step 2: Choose a Theme

1. Browse the available theme gallery.
2. Select a theme you like, or leave it on the default if you're not sure yet — you can change your theme later at any point without losing your content.
3. Confirm your choice by selecting Set your theme!

Step 3: Open the Builder and Create Your Site

1. Select Open Web Builder.
2. The first time, you'll be asked to enter an email address and a name for your new website.
3. You'll land in the visual editor, ready to start building your pages.

Step 4: Add and Edit Content

1. Browse the available modules — text blocks, images, videos, buttons, forms, and similar building blocks.
2. Click the module you want to add; it's placed onto your page automatically.
3. Move your mouse over any section to reveal editing options for that specific piece of content — update text, swap an image, adjust a button's link, and so on.
4. Repeat across your homepage and any additional pages you create.

Step 5: Use the Built-In Image Library and Editor

The Website Builder includes access to a large library of free stock images you can search and drop straight into your pages without needing to source images elsewhere, along with a built-in image editor for basic adjustments (cropping, resizing) without needing separate design software.

Step 6: Preview and Publish

1. Use the preview option to check how your site looks, including how it adapts on smaller (mobile/tablet) screen sizes, since the responsive framework handles this automatically but it's still worth confirming visually.
2. Once you're happy, publish your changes to make them live.

Step 7: Advanced — Adding Custom Code (Optional)

If you or a developer need functionality beyond the built-in modules — a custom tracking script, an embedded third-party widget, or specific styling — the Website Builder supports adding custom code directly. This is optional and not something most beginners need to touch, but it's there if your site's needs grow beyond the standard modules.

Choosing Between the Website Builder and a Full CMS (like WordPress)

A common question for beginners is whether to use the Website Builder or install a full CMS like WordPress via StackCP's one-click installers (covered elsewhere in this series). As a general guide:

• Website Builder suits a straightforward brochure site, portfolio, or small business site where you want something live quickly, with minimal ongoing complexity — no plugin updates, theme conflicts, or security patching to manage yourself.
• WordPress (or another CMS) suits a site that needs a large plugin ecosystem, complex custom functionality, a blog with advanced content management needs, or specific e-commerce requirements beyond what a website builder module set typically covers.

Neither is objectively "better" — the right choice depends on how much flexibility and future complexity your specific site actually needs.

Common Mistakes Beginners Make

• Expecting a literal drag-and-drop canvas. The actual workflow is closer to click-to-add, then edit in place — understanding this upfront avoids confusion when the interface doesn't behave like some other page builders you may have used before.
• Not previewing on mobile before publishing. While the responsive framework handles adaptation automatically, it's still worth a visual check, particularly for image-heavy sections.
• Overlooking the built-in image library and sourcing images elsewhere unnecessarily, when a suitable free option may already be available directly inside the builder.
• Not saving/publishing changes before navigating away, resulting in lost edits.

Troubleshooting

"I can't find the drag-and-drop canvas I expected." The Website Builder works primarily through clicking modules to add them and editing in place, rather than free-form dragging — this is expected behaviour, not a missing feature.

"My theme choice isn't showing the content I already added." Changing themes generally preserves your content, but it's worth reviewing each page after a theme switch to confirm everything still displays as expected, since layout and styling can shift with a new theme.

"I need a feature the builder doesn't seem to offer." Check whether custom code can achieve what you need (Step 7), or consider whether a full CMS like WordPress might better suit your site's requirements going forward.

A Practical Walkthrough: Building a Simple Homepage

To make the process concrete, here's how a basic small business homepage might come together using the Website Builder:

1. Start from your chosen theme's default homepage layout.
2. Click a text module near the top and edit it to display your business name and a short tagline.
3. Click an image module and either upload your own logo/photo or search the built-in free image library for a suitable placeholder while you gather your own photography.
4. Add a button module linking to your contact page or a phone number, so visitors have a clear next step.
5. Scroll down and add a few more text and image modules describing your services or products.
6. Preview the page, checking how it looks on both desktop and mobile view.
7. Publish once you're satisfied.

This kind of basic homepage can realistically be assembled in under an hour for someone comfortable with the interface, even without any prior website-building experience.

Who the Website Builder Is Best Suited For

Based on how the tool is structured, it tends to work particularly well for:

• Local service businesses needing a simple, professional online presence — a plumber, consultant, salon, or similar — where the core need is clear information (services, contact details, location) rather than complex functionality.
• Portfolios and personal sites where a handful of well-designed pages showcasing work or a personal brand is the goal.
• Quick launches, where getting something live fast matters more than deep customization — useful for a new business that needs a web presence immediately while a more elaborate site is planned for later.

For businesses anticipating a large product catalog, complex membership functionality, or heavy customization needs from day one, a full CMS is often the more future-proof starting point instead.

Keeping Your Website Builder Site Updated Over Time

Because the Website Builder doesn't involve managing plugins, themes, and core software updates the way a CMS like WordPress does, ongoing maintenance is genuinely lighter. That said, it's still worth periodically reviewing your published site — checking that contact details, business hours, pricing, and any seasonal information stay current, and refreshing images or content that may start to feel dated. A site that's technically low-maintenance can still fall behind in accuracy if it's simply never revisited after the initial launch.