Website Builder Guide

Learn how to build pages and manage menus.

Getting Started with Xenoraa

Welcome to Xenoraa! This guide will walk you through the initial setup and essential configurations to get your online presence established. From setting up your account to understanding your tenant dashboard, we'll ensure you have a smooth start.

1. Account Setup and Onboarding

Upon signing up for Xenoraa, you will be guided through a streamlined onboarding process. This involves setting up your basic business information, selecting your industry, and configuring initial preferences. Ensure all details are accurate as they will populate across your Xenoraa ecosystem.

2. Domain Mapping and DNS Setup

To establish your brand's online identity, you'll need to connect your custom domain to your Xenoraa website builder. This process involves two primary steps:

• Domain Mapping: Within your Xenoraa dashboard, navigate to Settings > Domains and enter your desired custom domain (e.g., www.yourbusiness.com).
• DNS Configuration: You will receive specific DNS records (typically CNAME or A records) from Xenoraa. Log in to your domain registrar's control panel (e.g., GoDaddy, Namecheap, Cloudflare) and update your domain's DNS settings with these records. Allow up to 24-48 hours for DNS changes to propagate globally.

3. SSL Activation

Security is paramount for any online business. Xenoraa automatically provides and activates an SSL (Secure Sockets Layer) certificate for your mapped domain, ensuring secure, encrypted connections between your website and your visitors. This is indicated by a padlock icon in the browser's address bar and https:// in your URL.

4. Tenant Dashboard Overview

Your Xenoraa tenant dashboard is the central hub for managing all aspects of your business. It provides a comprehensive overview of your website, e-commerce store, CRM, and other modules. Key areas include:

• Navigation Menu: Located on the left, this menu provides quick access to all Xenoraa modules.
• Analytics Dashboard: Displays key performance indicators (KPIs) such as website traffic, sales, and customer engagement.
• Quick Actions: Shortcuts to frequently used features like creating a new product or publishing a blog post.
• Notifications: Alerts for important updates, orders, or system messages.

Table: Key Sections of Your Tenant Dashboard

This concludes the Getting Started section. You are now ready to explore the powerful features of the Xenoraa Website Builder.

Xenoraa Website Builder

The Xenoraa Website Builder empowers you to create stunning, professional websites with ease. This section guides you through managing your pages, building intuitive navigation menus, selecting themes, utilizing layout blocks, and personalizing your brand.

1. Page Manager

The Page Manager is where you create, organize, and manage all the individual pages of your website. It provides a drag-and-drop interface for intuitive control.

How to Use the Page Manager:

1. Navigate to Website > Pages in your tenant dashboard.
2. Click + Add New Page to create a new page.
3. Enter the page title, URL slug, and select a template.
4. Use the drag-and-drop editor to add and arrange content blocks.
5. Click Save to store your changes or Publish to make the page live.

Key Features:

• SEO Settings: Optimize each page with custom meta titles, descriptions, and keywords.
• Page Visibility: Control whether a page is public, private, or password-protected.
• Duplicate Page: Quickly create copies of existing pages to maintain consistent design.
• Page Revisions: Access previous versions of your pages and restore them if needed.

2. Menu Builder

The Menu Builder allows you to create and manage your website's navigation menus, ensuring visitors can easily find their way around your site.

How to Use the Menu Builder:

1. Go to Website > Menus in your tenant dashboard.
2. Select the menu you wish to edit (e.g., Primary Menu, Footer Menu) or click + Create New Menu.
3. Drag and drop existing pages, custom links, or categories into your menu structure.
4. Arrange menu items by dragging them to reorder or create sub-menus.
5. Click Save Menu to apply your changes.

3. Themes

Xenoraa offers a variety of professional themes to give your website a distinct look and feel. Themes are fully customizable and responsive, ensuring your site looks great on any device.

How to Apply and Customize Themes:

1. Access Website > Themes from your dashboard.
2. Browse the available themes and click Preview to see how they look with your content.
3. Click Activate to apply a theme to your website.
4. Use the Customize option to change colors, fonts, headers, footers, and other design elements to match your brand.

4. Layout Blocks

Layout Blocks are pre-designed sections that you can drag and drop onto your pages to quickly build rich and engaging content. These blocks include text sections, image galleries, call-to-action buttons, testimonials, and more.

Using Layout Blocks:

1. While editing a page in the Page Manager, click + Add Block.
2. Browse through the categories of available blocks (e.g., Hero, Features, Gallery, Contact).
3. Drag the desired block onto your page.
4. Customize the content, images, and settings within the block.

5. Customizing Personal Branding Profiles

Xenoraa allows you to maintain a consistent brand identity across your website. Your personal branding profile centralizes your logo, brand colors, fonts, and social media links.

How to Customize Your Branding Profile:

1. Navigate to Settings > Branding.
2. Upload your Logo (main and favicon).
3. Define your Brand Colors (primary, secondary, accent).
4. Select your preferred Fonts for headings and body text.
5. Add links to your Social Media Profiles.
6. Click Save Changes to update your branding across your Xenoraa website.

This concludes the Website Builder section. You now have the tools to design and manage a professional online presence with Xenoraa.