Website

SEO Configuration

Global SEO Settings

Go to Website > Configuration > Settings > SEO.

• Default Meta Title – Fallback for pages without custom SEO.
• Default Meta Description – Site-wide fallback.
• Sitemap – Auto-generate /sitemap.xml.
• Robots.txt – Customize /robots.txt.
• Google Analytics – Enter your GA4 Measurement ID.
• Google Search Console – Verify site ownership.
• Facebook Pixel – Enter Pixel ID for conversion tracking.

Per-Page SEO

Each page has its own SEO settings in Page Options:

• SEO Title – Appears in search results (60–70 chars).
• Meta Description – Search snippet (150–160 chars).
• Image Alt Tags – For all images (accessibility + SEO).
• URL Slug – Customize the page path.
• Canonical URL – Prevent duplicate content.

Website Traffic Analytics

Beyond external tools like Google Analytics, Website > Reporting > Traffic shows built-in visit counts, top pages, and referrer sources without needing a third-party account — a quick option for a first look before wiring up GA4.

The Website Module

The Website module provides a drag-and-drop website builder with responsive themes, SEO tools, forms, blogs, and eCommerce integration.

Core Concepts

Accessing the Website Builder

• Go to Website from the main dashboard.
• Toggle Edit mode (top right) to enter the builder.
• The Website menu also has:
• Site – Manage pages, menus, domains.
• Configuration – Settings, themes, analytics.
• Content – Blog posts, news, galleries.

Navigation & Menus

Go to Website > Site > Menus. Create main menu items and submenus. Each item links to a page, URL, or app. Reorder by sequence. Multi-level menus appear as dropdowns.

Themes & Design

Theme Selection

Go to Website > Configuration > Themes. Quickenerp ships with dozens of ready-made themes to choose from, covering common industries out of the box (retail, real estate, restaurant, professional services, e-commerce storefronts, and more) — pick one as a starting point instead of building every page from a blank layout, then customize colors, fonts, and content on top.

Switching themes later is possible but re-applies the new theme's default styling — customized pages built with individually-edited blocks are generally preserved, but heavily theme-specific layouts may need touch-ups after a switch. Preview a theme before committing on a production site.

Customizing Theme Colors

In Edit mode:

1. Click Theme button (top toolbar).
2. Color Palette – Choose from presets or define custom colors.
3. Fonts – Heading and body font families.
4. Button Style – Default button shape (rounded, square, pill).
5. Layout – Container width, gutter spacing.
6. Header – Transparent, fixed, classic.
7. Footer – Minimal, detailed, with social links.

Custom CSS / SCSS

For advanced styling:

• Go to Website > Configuration > Settings > Custom Code.
• Add Custom CSS or Custom JavaScript.
• Changes apply site-wide. Use browser DevTools to inspect elements.

Responsive Preview

In Edit mode, click the device icons (Desktop, Tablet, Mobile) to preview responsive behavior. Adjust block visibility per device in block settings.