Website

Running More Than One Website

You can host multiple, fully independent websites (different content, theme, and domain) from the same Quickenerp database.

Creating a New Website

1. Go to Website > Configuration > Settings → the website switcher (top of the Website app) → + New Website.
2. Set its own Domain, Company (if multi-company), default Language, and theme.
3. Pages, menus, and products can be scoped to one website or shared across all of them, depending on how you configure each record's Website field.

Multi-Language

• Install additional languages in Settings > Translations, then enable them for the website in Website > Configuration > Settings > Languages.
• A language switcher appears automatically in the header.
• Translate each page's content via the Translate button in Edit mode — untranslated pages fall back to the default language rather than showing blank.

Domain & SSL

Point your domain's DNS to the server, then set it under Website > Configuration > Settings > Domain. HTTPS/SSL is typically handled at the reverse-proxy level (e.g. Let's Encrypt on the hosting infrastructure) rather than inside Quickenerp itself.

Cookies & Privacy Notices

Enable the Cookies Bar in Website Settings if your jurisdiction requires cookie consent (e.g. GDPR). Link a Privacy Policy page from the footer menu — a blank page can be created and filled in like any other page.

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.

Website Forms

Adding a Form

1. In Edit mode, drag the Form snippet onto the page.
2. Pre-built form templates: Contact Us, Newsletter Signup, Request a Quote.
3. Configure form fields (name, email, phone, message, dropdown).
4. Set Submit Action:

• Create a CRM Lead.
• Send an Email.
• Redirect to a Thank You page.
• Subscribe to a mailing list.

Spam Protection

Go to Website > Configuration > Settings > Website Forms.

• Enable reCAPTCHA (requires Google reCAPTCHA keys).
• Set Email Domain Blacklist to block spam domains.
• Enable Honeypot – Hidden field bots fill but humans don't.

Form Submissions

Go to Website > Configuration > Forms. View all submissions with timestamps and field values. Export to CSV. Each submission can create a CRM lead automatically.

Live Chat Widget

Add the Live Chat snippet or enable it site-wide in Website Settings to let visitors start a real-time conversation instead of filling a form — see the Discuss course's "Setting Up Live Chat" article for operator-side configuration.

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.

Running a Blog

Go to Website > Content > Blog Posts (or the Blog app menu if installed separately).

Blogs vs Posts

• A Blog is a named collection (e.g. "Company News", "Product Updates") — each gets its own URL and archive page.
• A Post belongs to one blog: title, cover image, content (built with the same snippet editor as pages), tags, and publish date.

Writing a Post

1. Open a blog → click New.
2. Enter a title; the cover image and content area open in the builder.
3. Add Tags for filtering/categorization on the blog's public archive.
4. Set the Published Date — can be back-dated or scheduled in the future (post goes live automatically on that date).
5. Publish when ready.

Comments & Sharing

Each post shows estimated read time and social share buttons automatically. Visitor comments/likes can be enabled per blog in the blog's settings if you want community engagement, or disabled for a pure announcements-only feed.

Blog SEO

• Tags and Categories help both visitors and search engines understand topic clusters.
• Cover image with alt text improves accessibility and image search visibility.
• Social share images (og:image) control how a shared post looks on social media.

Creating & Editing Pages

Adding a Page

1. Enter Edit mode on the website.
2. Click + New (top left) → New Page.
3. Enter page Name (used for menu if selected).
4. Select a Layout (Full Width, Boxed, With Sidebar).
5. Start with blank or Duplicate an existing page.
6. The page URL auto-generates from the name (e.g. /about-us).

Using the Builder

• Snippets – Panel on the left. Drag blocks onto the page.
• Block Types: Paragraph, Title, Image, Video, Button, Separator, Table, Bullet List, Quote.
• Structure Blocks: Columns, Grid, Slider, Accordion, Tabs, Counters, Timeline.
• Content Blocks: Features, Team Grid, Pricing Table, Testimonials, Call to Action.

Editing Blocks

Click any block to select it. The inline editor allows:

• Text editing with rich formatting (bold, italic, links).
• Image replacement.
• Column width resizing.
• Custom CSS class (for advanced users).
• Move (drag handle), Duplicate, Delete.
• Animation (fade, slide, zoom on scroll).

Page Properties

In Edit mode, click Page Options (gear icon). Set:

• SEO – Meta title, meta description, canonical URL, og:image.
• Indexation – Allow or prevent search engine indexing.
• Follow – Follow or nofollow links.
• Translations – Link to translated versions.
• Header / Footer – Override per page or inherit from theme.

Page Versions & Publishing

A page can be Unpublished (only visible to internal users while you work on it) or Published (live to the public). Toggle with the switch top-right of the builder. Unpublished pages are a safe way to draft new content without visitors seeing a half-finished page.

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.