Website

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.

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.

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.