How to Enable & Customize Your Website: Complete Step-by-Step Guide

Complete Guide to Building Your Website

Your platform includes a powerful, drag-and-drop Website Editor so you can build a professional storefront for your organization without writing a single line of code.

How to get here: Look at your left-hand sidebar menu, scroll down to the Platform section, and click on Website Editor.

Here is the step-by-step breakdown of how to launch and customize your site.

---

1. The Website Setup Wizard

If this is your first time opening the Website Editor, you will be greeted by the Create Your Website screen. Click the green Start Website Setup button to begin the 5-step wizard.

Step 1: Organization

1. Enter your Organization Name (e.g., Udvash Inc).
2. Type a Tagline / Description. (This will automatically be used on your homepage hero section!)
3. Fill in your Contact Email, Contact Phone, and Address.
4. Click Next.

Step 2: Sections Here, you choose what blocks of content you want on your homepage.

1. Select the sections you need by clicking them (e.g., Hero Banner, Why Choose Us, Courses Showcase, FAQ Section).
2. Note: The Header & Footer are included by default.
3. Click Next.

Step 3: Theme

1. Choose a preset color scheme (like Modern, Classic, Minimal, or Vibrant).
2. Alternatively, select Custom to choose your exact primary, secondary, and accent colors.
3. Click Next.

Step 4: SEO & Social Media

1. Fill in your Meta Title and Meta Description. This is what people see when your site appears on Google.
2. Upload your Logo (displayed in the header) and Favicon (the tiny icon on the browser tab).
3. Paste your organization's social media links (Facebook, LinkedIn, YouTube, etc.).
4. Click Next.

Step 5: Review & Confirm

1. Review your choices.
2. Check the box that says I accept the Terms and Conditions and Privacy Policy.
3. Click Complete Setup. The system will now automatically generate your Home, About, Privacy Policy, and Terms pages!

---

2. Managing & Creating New Pages

Once setup is complete, you will see the Website Pages dashboard. This lists all your existing pages.

How to Create a New Page:

1. Click the green + Create Page button in the top right.
2. A popup will appear. In the Slug field, type the URL path (e.g., typing about-us means your page will live at yourdomain.com/about-us). Use only lowercase letters and hyphens.
3. Choose the Page Type from the dropdown:
   • Home Page, Course Detail, Dashboard, Payment: These are core system pages.
   • Custom Page: Choose this for completely blank, build-it-yourself pages.
4. Click Create Page.

(Note: To edit an existing page, just click the Edit button next to its name in the list. You can also click the eye icon to Preview or the trash can to Delete).

---

3. Using the Page Editor & Adding Components

When you edit a Custom Page, you will see a blank dark canvas that says "No Sections Yet". Look at the top navigation bar for your tools.

How to Add Content Blocks:

1. Click the + Add Component button on the top right menu.
2. The Component Library will open. You can filter components by categories like Hero, Content, Navigation, or Courses.
3. Browse the visual cards (e.g., Hero Section, Features Section, Notification Bar).
4. Click the green + Add Component button on the specific block you want. It will instantly drop into your page.

---

4. Customizing Your Theme & Branding

You can change how your page looks at any time without rebuilding it.

1. Inside the Page Editor, click the Theme & Branding button in the top menu.
2. A settings panel will open with a Live Preview showing your current buttons and text.
3. Presets Tab: Click instantly applied, professionally designed color palettes like Ocean Breeze, Sunset Glow, or Midnight Blue.
4. Custom Tab: Click here to manually edit your Primary Color, Secondary Color, and Accent Color.
5. Under Typography & Layout, change your Font Family (e.g., Inter), Border Radius (how round your buttons are), and Spacing.
6. Click the green Save button in the top right corner of the screen to lock in your design.

---

5. Publishing, Settings, and Backups

Before anyone can see your page, you need to publish it.

Page Settings (Publishing):

1. In the top right menu, click Settings.
2. A popup will appear showing your page's Slug.
3. Check the box next to Published. If this box is unchecked, the page remains a "Draft" hidden from the public.
4. Click Save Changes.

Advanced Actions (The 3-Dots Menu): Next to the Settings button is a three-dots (⋮) icon. Click this for advanced controls:

• Restore Defaults: Resets the page.
• Export as JSON: Downloads your entire page layout as a file. Great for backups!
• Import from JSON: Upload a previously saved layout file to instantly rebuild a page.
• Clear All Sections: Wipes the canvas clean so you can start over.