From Idea to Website

Welcome to Your Content Journey

Imagine walking into a fully furnished showroom where everything is already beautifully arranged. That's what starting with a Uniweb template feels like. You're not starting from scratch - you're starting with a complete, professional website that just needs your personal touch.

Choosing Your Template (and Foundation)

When you create a website in Uniweb, you'll see a curated selection of templates. Each template includes:

• A professional Foundation (design system)

• Sample content showing best practices

• Multiple page with sections already configured

• Smart components doing the heavy lifting

Think of it this way: You're not just choosing furniture for your store - you're choosing your furniture supplier. They'll provide all your fixtures with a consistent design language. You want to pick a supplier whose style matches your brand for the long term.

Your First View: The Studio

Once you've created your site from a template, you'll land in the Studio. This is your command centre - you'll see your actual website displayed in a live preview. It looks and works exactly like your published site will.

From here you can:

• See your site in action

• Access site-level settings like fonts and colours

• Configure your domain

• Manage publishing

Your first task: Click the "Edit" button in the header toolbar. This takes you to the Content Editor, where the real work begins.

The Content Editor: Your Writing Space

Here's where Uniweb might surprise you: the Content Editor looks nothing like your website. And that's by design.

Instead of trying to edit directly on a visual preview (which gets messy and distracting), you'll see:

• A clean, organized view of your page hierarchy

• Your content broken into logical page sections

• A serene writing environment

It lets you focus on what you're saying, not how it looks.

Think of it as writing a book manuscript versus doing desktop publishing. Authors write in simple documents and let publishers handle the design. You write content and let your foundation handle the presentation.

Making It Yours

In the Content Editor, you'll see your page sections listed clearly:

1. Click on any section to edit it

2. Replace the sample text, images, and media with your own

3. Click the settings icon of the section to manage its looks

4. Move between sections using the navigation

Working with the dual view:

• Edit mode: Focus purely on content

• Preview button: See how it renders (header toolbar)

• Back to Edit: Continue writing

At first, you might click Preview frequently. That's natural! Over time, you'll trust the foundation to handle presentation and stay focused on your message.

Understanding Sections

Your pages are built from sections, each serving a specific purpose:

• Hero: Your first impression

• Features: What you offer

• About: Your story

• Testimonials: Social proof

• Call-to-action: Next steps for visitors

Each section uses a smart component from your Foundation. In the editor, you simply fill in the content. The component handles all the complex presentation logic.

Publishing Your Website

When you're happy with your content:

1. Click back to Studio (or use Preview to check your work)

2. Click the "Publish" button

3. Choose your website address (you can connect a custom domain later)

4. Review everything one final time

5. Click "Publish"

Congratulations! Your website is now live on the internet. The URL is immediately shareable, and your site is delivered through a global CDN for fast loading anywhere in the world.

The Studio-Editor Dance

As you work on your site, you'll develop a natural rhythm:

• Studio: See the big picture, manage settings, publish

• Editor: Write, organize, and refine content

• Preview: Quick checks when needed

It's like having both a writing desk (Editor) and a showroom (Studio). You do your creative work at the desk, then step into the showroom to see how it looks to visitors.

Your Next Steps

With your website published, you're ready to:

• Continue refining content in the Editor

• Explore Studio settings for global adjustments

• Create additional pages

• Set up your custom domain when ready

The separation between Studio and Editor enables separating content creation from visual design, letting you focus on what matters most: your message.