Skip to main content

Create Your Website with CleanCloud: A Comprehensive Guide

Build your laundry business website with CleanCloud! Customize templates, add pages, connect a domain, and boost online visibility.

Lukas Samuel Jestrabek avatar
Written by Lukas Samuel Jestrabek
Updated over a week ago

Introducing CleanCloud's Website Builder

Create a tailored website for your business with ease. CleanCloud's new Website Builder offers customizable templates and robust design tools to help you establish an online presence.


Accessing the Website Builder

  1. Navigate: Go to Settings → Admin → Hosted Website.

ⓘ If you’ve used the older Free Hosted Website feature, access it at this link. However, we recommend switching to the new builder for improved functionality.


Website Setup

Hosted Website Wizard: The setup wizard guides you through key settings.

  • Basic Settings: Add your website name, address, contact info, and social links.

  • Analytics: Integrate Google Analytics, Google Tag Manager, and Meta Facebook Pixel.

  • Template: Choose between the Default or Basic templates.

  • Appearance: Customize colors, fonts, and design elements.

📌 Note: All settings can be edited later.


Maintenance Mode

Maintenance Mode allows you to temporarily hide your website from public view while you’re working on it or preparing it for launch.

When enabled, visitors will see a simple page displaying your logo, a short message, and your contact details—all automatically pulled from your Website Builder settings.

You can use this feature to:

  • Safely make updates without showing unfinished content

  • Display a “Coming Soon” page while you build your site

  • Ensure visitors can still contact you even when the site is offline

To turn Maintenance Mode on or off, go to your Website Builder and toggle the Maintenance Mode switch in the Settings section.

Customizing Your Website

This is the space where you can personalize your website, choose templates, add content, and make any other adjustments you need. Below, we will outline some of the fundamental steps.

1. Website Settings

Name, Description, Keywords

Choose a catchy name for your website, provide a brief description, and add keywords to improve search engine visibility.

Price Settings

Select the currency symbol and format for displaying prices.

Contact Information

Add your email address and phone number for visitors to reach you easily.

Logo

Upload your logo to brand your website and make it recognizable.

Favicon

Upload a favicon to appear in browser tabs, reinforcing your brand identity. This would usually be a smaller size of your logo that's recognizable.

Cookie Policy

You can enable the cookie modal for your hosted website.

Social Links

Connect your website to your social media profiles by adding links to platforms like Facebook, Instagram, and X (formerly Twitter).

App Links

If you have a mobile app, provide links to the Apple App Store and Google Play Store for visitors to download.

Analytics

Add Google Analytics and Meta Analytics links to track visitor behaviour and monitor website performance.

Domain

Connect your custom domain to your CleanCloud-hosted website for a branded web presence.

🪄 Tip: Please visit our helpful guide to help you connect your domain.


2. Pages

Adding New Page: By following these steps, you can easily add new pages to your CleanCloud-hosted website and optimise them for search engines and external sharing.

  1. Open the left-side toolbar and select 'Pages'.

  2. Tap on '+ New Page'.


3. Setting Page Details

Set the page title, page URL, and parent page (if creating sub-pages).

  • If you want to direct customers to an external website or blog page, untick 'Automatically create URL from the page name' and replace 'Page URL' with the full external link.

  • Choose where to display the page: in the top menu, footer menu, or both.


4. SEO Section

  1. Each new page creation includes an SEO section:

    • Page Title: The title is displayed in search engine results and on social media when shared.

    • Page Description: A brief summary of the page content.

    • Page Keywords: Terms related to the page content for search engine optimisation.

    • Image for External Sharing: An image that will be displayed when the page is shared on external websites or social media platforms.

  2. Enter the relevant information for the SEO section.

  3. Tap on 'Save', and a new blank page will be created with the specified settings.

🪄 Tip: We have used 600x314 px sizing for the sharing image. This will vary on each external website where this link will be shared.


Editing New Page

By following these steps, you can easily edit and customize the content of your new page in CleanCloud, making it tailored to your needs and preferences.

1. Toggle on 'Edit Page' ON to enter editing mode.

2. To add content to your website:

  • Tap on '+ Add block'.

  • Select from various block examples provided.

3. You can combine blocks by selecting 'Text column blocks', which splits the view into 1 to 5 columns, allowing for versatile content arrangement.


Example Pages

Contact Page

🔍 This page was created with the 'Text column blocks' > '2 col'. You can then combine the number of blocks together (e.g. text, contact form).

Pricing Page

About Us Page

🔍 This page was created with the 'Text column blocks' > '3 col'. You can then combine the number of blocks together (e.g. icons, text).

Home Page

🔍 This page was created with the 'Hero left block'.


Hide Blocks on Mobile

You have the ability to hide specific blocks - such as images, text, or sections - when your website is viewed on mobile devices.

This is useful for optimizing the mobile experience by removing elements that may not display well or aren’t necessary on smaller screens.

To hide an item on mobile:

  1. Hover over the block you want to hide (e.g., a photo or text section).

  2. Go to Settings > Box.

  3. Find the Hide on mobile option and set it to Yes.

Once enabled, that block will be hidden from view when your site is visited on a phone or small screen.

This helps create a cleaner, faster, and more user-friendly mobile layout.


Contact Forms & Custom Fields

Contact Forms let visitors reach out to you directly from your website. They’re quick to set up and easy to customize to fit your needs.

Adding a Contact Form

To add a Contact Form to your page:

  1. Tap on + Add Block.

  2. Select Contact Form from the block options.

The form will be added to your page, ready for customization.

Contact Form Settings

Once the form is added, you can fine-tune it to suit your preferences:

  • Deliver To – Choose the email address where form submissions will be delivered.

  • E-mail Subject – Customize the subject line of the notification email.

  • Success Message – Set the message visitors will see after successfully submitting the form.

To access these settings, just hover over the form, then select Settings.

Adding Custom Fields

Need more than just name and email? You can add custom fields to collect the info you need.

To add a custom field:

  1. Tap on the Contact Form, then go to Settings.

  2. Type in the Field Name (label shown to visitors).

  3. Enter a Placeholder (e.g. “Your message here…”).

  4. Select whether the field is required.

  5. Tap Add Custom Field, then OK.

Your custom field will now appear on the form.

This makes it easy to tailor your form to your business—whether you’re collecting phone numbers, booking details, or other specific information.


Navbar: Contact Info & Mobile Display Options

The Navbar at the top of your website can display important contact information, including:

  • Email address

  • Phone number

  • Opening hours

  • Business address

This ensures your visitors can easily get in touch, especially from mobile devices.

How to Adjust Navbar Display on Mobile

  1. Hover over the Navbar on your website.

  2. Click on Navbar Settings.

  3. Go to the Top Line section.

  4. Find Display on Mobile, then select your preferred layout:

    Full, Compact, Ultra Compact, or None.

Mobile Display Options

You can choose how the navbar appears on mobile to best suit your design and user experience needs. There are four display modes:

  1. Full Navbar

    • Each detail (email, phone, hours, address) appears in its own row.

    • Great for clarity and visibility.

  2. Compact

    • Opening hours are shown in a single row.

    • The rest are shown as tappable icons (e.g. tap the phone icon to call directly).

  3. Ultra Compact

    • All icons appear in one row - minimal and sleek.

    • Each icon is interactive and leads to a relevant action (e.g., open maps, call, send email).

  4. None

    • Hides the navbar entirely on mobile devices.

These options help you keep your site both functional and beautifully optimized for smaller screens.


Announcement Bar

The Announcement Bar appears at the top of your website and is a great way to highlight special offers, promotions, or important updates for your customers.

How to enable and customize the Announcement Bar

  1. Navigate to Hosted Website.

  2. Click the Settings menu on the left-hand side.

  3. Select Global Blocks, then choose Announcement Bar.

  4. Toggle the Show bar option and enter your message. You can customize the background color, text color, and font to match your branding.

This feature helps keep your visitors informed and engaged - perfect for announcing limited-time deals, holiday hours, or new services.


Online Booking Tool: Multi Store

If your business offers Pickup & Delivery, the Online Booking Tool is automatically enabled on your website. This tool allows customers to place orders directly through your site.

If you operate multiple store locations, you can use a single website to manage them all. Customers will see a dropdown menu, letting them choose which store they want to book from.

How to Set Up Multi Store Booking

To enable the Multi Store feature:

  1. Go to the page that contains your Online Booking Tool.

  2. Hover over the booking tool and click Settings.

  3. Under Type, select Multi Store.

  4. Tap + Add Store.

  5. Enter: Store Name (how it will appear in the dropdown) and Store ID (found in your CleanCloud account under Settings > Admin)

  6. Repeat this step to add multiple store locations.

What Customers See

Once set up, your customers will:

  • See a dropdown menu at the top of the booking tool.

  • Choose the store location they wish to order from.

  • Continue booking as usual with all the correct store-specific settings applied.

This feature helps streamline operations while giving your customers a smooth, location-aware experience—all from a single website.


Privacy, Terms & Cookie Policy

1. Privacy Policy & Terms

Kindly note that the Privacy Policy and Terms & Conditions must be provided by yourself and then implemented into the relevant pages.


2. Cookie Modal

Cookie Policy is now part of the Settings in your hosted website.

  • Enable in settings and customize the consent text.


FAQs and Additional Help

Explore FAQs for CleanCloud's Website Builder, your go-to resource for crafting a personalized online presence for your laundry business.

🤓 Learn more: Visit our Website Builder Landing Page for inspiration.


🛟 Need more help?

Explore our Help Center articles for answers. Contact us for further assistance.

Did this answer your question?