Website Export
Generate complete, responsive websites from your Publixx data — with navigation, search, filters, category hierarchies, and your exact template design as detail pages. No coding required.
From Data to Website in Minutes
The Website Export transforms your Publixx project into a fully functional, standalone website. Each data record becomes a page, complete with navigation, search functionality, and your original template design rendered as the detail view.
What You Get
- Complete ZIP Package: Ready to upload to any web server
- Responsive Design: Works on desktop, tablet, and mobile
- Search & Filter: Built-in search and faceted filtering
- Category Navigation: Hierarchical navigation from your data
- Detail Pages: Your Publixx template rendered as each product's detail view
- SEO Ready: Sitemap, JSON-LD, meta tags, clean URLs
- Offline Support: Service Worker for PWA capabilities
- No Backend Required: Pure static files, works everywhere
The 4-Tab Wizard
Configure your website through an intuitive wizard with four tabs. Each tab controls a different aspect of your website.
Tab 1: Basics
Set the fundamental properties of your website.
| Setting | Description |
|---|---|
| Website Title | The main title shown in the header and browser tab |
| Description (Meta) | SEO meta description for search engines |
| Language | Website language (DE, EN, ES, FR, IT) — affects UI labels and search |
| Contact URL | Link for contact (mailto: or https://) |
| Imprint URL | Legal/imprint page link |
| Privacy URL | Privacy policy link |
| Base URL | For sitemap generation (e.g., https://catalog.example.com/) |
| URL Slug Field | Data field for SEO-friendly URLs (e.g., SKU, product name) |
Navigation Mode
Tab 2: Layout
Control how products are displayed in the list view and configure navigation features.
List View Styles
Category Navigation
Build hierarchical navigation automatically from your data fields. Define up to 3 levels of categories.
Filters & Facets
Add interactive filters so visitors can narrow down products. Multiple filter types available:
| Filter Type | Best For | Example |
|---|---|---|
| Dropdown | Single selection from many options | Brand, Category, Status |
| Checkboxes | Multiple selections | Features, Tags, Certifications |
| Radio Buttons | Single selection, few options | Availability, Rating |
| Range Slider | Numeric from/to filtering | Price, Weight, Dimensions |
| Color Swatches | Visual color selection | Product colors |
Additional Layout Options
| Setting | Description |
|---|---|
| Show Search | Enable the search bar in the header |
| Show Filters | Display the facet filter bar |
| Enable Wishlist | Let visitors save items to a personal wishlist (stored in browser) |
| Sidebar Width | Width of sidebar in Portal shell (default: 260px) |
| Content Max Width | Maximum width of content area (default: 1400px) |
Tab 3: Template (Shell)
Choose the overall page structure. Shells define the header, footer, and layout container.
Tab 4: Styling
Choose a visual theme and customize colors and fonts.
Pre-Built Themes
| Theme | Description | Best For |
|---|---|---|
| Default | Neutral, clean design | General purpose |
| Modern | Minimalist, lots of whitespace | Design, lifestyle products |
| Corporate | Classic, professional appearance | B2B, enterprise |
| Industrial | Technical, data-focused | Manufacturing, technical catalogs |
| Dark | Dark background theme | Electronics, modern brands |
Custom Colors
Override any theme with custom color values:
- Primary Color: Main brand color for headers, links
- Accent Color: Call-to-action buttons, highlights
- Background: Page background color
- Card Background: Product card backgrounds
- Text Color: Main body text
- Muted Color: Secondary text, captions
- Border Color: Borders and dividers
Navigation Styling
- Font Size: Navigation text size
- Text Color: Normal navigation link color
- Hover Color: Color when hovering over links
Font Family
Select from web-safe fonts or common Google Fonts:
System UI, Arial, Helvetica, Verdana, Georgia, Times New Roman, Roboto, Open Sans, Lato, Inter...
Export Options
Additional options available before exporting:
| Option | Description |
|---|---|
| Generate PDFs | Include PDF version of each detail page (download button) |
| Generate QR Codes | Create QR codes linking to each product page |
| Dark Mode Support | Add CSS for automatic dark mode (respects OS setting) |
| Print Stylesheet | Include print-optimized CSS |
| Embed Images | Include images in ZIP instead of referencing URLs |
| JSON-LD (SEO) | Add structured data for search engines |
| Generate Sitemap | Create sitemap.xml for search engine indexing |
| Validate Assets | Check that all referenced images exist |
Output Package Contents
The exported ZIP file contains a complete, ready-to-deploy website:
Deployment
Upload the ZIP contents to any web server or hosting service:
- Traditional Hosting: Upload via FTP to Apache, Nginx, IIS
- Static Hosting: Netlify, Vercel, GitHub Pages, CloudFlare Pages
- Cloud Storage: AWS S3, Google Cloud Storage, Azure Blob (with static website enabled)
- Local/Offline: Open index.html directly in browser (Hash navigation mode)
Feature Highlights
🔍 Full-Text Search
Instant search across all product fields. Results update as you type.
📱 Fully Responsive
Automatic adaptation for desktop, tablet, and mobile. Hamburger menu on small screens.
💾 Wishlist
Visitors can save favorite items. Data stored in browser localStorage.
🌐 Multi-Language
UI labels available in German, English, Spanish, French, and Italian.
🎨 Detail View = Your Template
Each product's detail page is your Publixx template rendered exactly as designed.
⚡ Fast & Offline-Ready
Static files with Service Worker support. Works without internet after first load.