Quick Start: Designing and Publishing a Business Website in 20 Minutes

1. Overview & Business Value#

Follow this step-by-step walkthrough to build and launch a professional corporate website.

Prerequisites#

• SmartERP instance with website and smarterp_smart_home modules installed.
• User assigned to the Website / Editor and Designer security group.

1. Launching the Nehabi Site Configurator#

1. Open the App Switcher and click Website.
2. Click the Edit button in the top-right corner to open the visual editing panel.
3. The Nehabi Snippet Tray opens on the right side of the screen.

{screenshot:nehabi-quickstart-editor-launch}

2. Assembling the Homepage#

1. Drag a Hero Banner from the snippet panel and drop it at the top of the canvas.

2. Click directly on the headline text to edit:

   "Empowering African Commerce with Intelligent Enterprise Technology."

3. Drag a 3-Column Feature Block beneath the hero section to highlight your core services.
4. Drag a Client Testimonials Carousel and a Contact Form Block.

{screenshot:nehabi-quickstart-drag-drop}

3. Customizing Brand Colors & Fonts#

1. Click the Theme tab in the right editing panel.
2. Set the Primary Color to Ashewa Green (#15A34A) and the Secondary Color to Obsidian Navy (#0B1220).
3. Select Poppins as the primary heading and body font.

4. Publishing Live#

Click the blue Save button, then toggle the Unpublished switch in the top bar to Published. Your site is now live at https://yourcompany.smarterp.et.

2. Prerequisites & Access Permissions#

• Required Modules: website, website_sale, smart_backend_theme
• Security Access Groups:
  • Website Designer (Technical ID: website.group_website_designer)
  • eCommerce Manager (Technical ID: website_sale.group_website_sale_manager)
• Master Data Dependencies: Established product catalog, defined multi-currency pricelists, and configured payment provider keys.

3. Step-by-Step UI Execution & Verification#

Step 1: Navigating to the Nehabi Management Interface#

1. Access your SmartERP portal at https://smarterp.et/odoo.
2. Open the main App Switcher and select Website.
3. Click the Go to Website button on the top-right control bar.

{screenshot:30-quick-start-step1-navigation}

Step 2: Executing Configuration and Publishing#

1. Select the target page or e-commerce setting.
2. Apply layout adjustments or parameter modifications.
3. Verify live presentation across desktop and mobile viewports.

{screenshot:30-quick-start-step2-verification}

4. Advanced Configuration Points#

• Scheduled Crons: website.ir_cron_sitemap_generator regenerates XML sitemaps every 24 hours.
• Multi-Website Support: SmartERP supports multiple independent websites running off a single database with dedicated domains.

5. Comprehensive Troubleshooting Matrix#