Introducing CleanCloud's New Website Builder

By navigating to these settings and customising them according to your preferences, you can create a website that reflects your brand and engages your audience effectively.

Accessing the Website Builder

To access the website builder, follow these steps:

Login to your CleanCloud account.
Navigate to Settings > Admin > 'Hosted Website'.

💬 Note: If you've previously created your website using the old CleanCloud Free Hosted Website feature, you can still access and manage the legacy version by manually navigating to https://cleancloudapp.com/website. However, we strongly encourage transitioning to the new website feature, which provides improved customization options.

Please be aware that the old version will not be automatically migrated to the new feature.

Website Setup

Upon accessing the Hosted Website feature, you will be guided to the 'Hosted Website Wizard' page, where you'll find the initial settings.

Here, you'll need to fill out the following:

- Basic Settings: General initial settings such as website name, address, contact links, and social links.

- Analytics: Includes options for Google Tag Manager, Google Analytics, and Meta Facebook Pixel.

- Template: Choose between the 'Default' template, which offers customizable variations for Pickup and Delivery or In-Store setups, and the 'Basic' version.

- Appearance: Set colours, fonts, and other appearance and design preferences.

After filling out and completing the necessary information, you will have the option to 'Create Hosted Website'.

💬 Note: You can modify all the information entered in these fields when editing the website at any time.

Customising 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 recognisable.
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 recognisable.
Cookie Policy	You can enable the cookie modal for your hosted website. See more
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.

💡 Pro 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.

Open the left-side toolbar and select 'Pages'.
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

Each new page creation includes an SEO section:
- Page Title: The title 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.
Enter the relevant information for the SEO section.
Tap on 'Save', and a new blank page will be created with the specified settings.

💡 Pro 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.

Examples

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).