Learn Matrix Framework step by step
Free tutorials, guides, and release highlights — everything you need to build faster Jimdo websites. From first setup to Site Health, Page Builder, Style Editor, and agency workflows.
Getting Started
Install & configure in 15 min
Page Builder Mastery
Sections, widgets & styling
Agency Workflows
Multi-client systems at scale
Recent Changes
v1.5.x release notes & fixes
Choose Your Path
Whether you're setting up your first project or scaling an agency, we have the right path for you.
Getting Started
Install Matrix Framework, configure core options, and ship your first enhanced Jimdo page in under 30 minutes. Zero coding required.
Start the pathPage Builder Mastery
Master the visual drag-and-drop builder — sections, widgets, responsive controls, animations, and advanced styling techniques.
Explore builder pathAgency Workflow
Build reusable design systems, manage multiple client projects, lock templates, and deliver professional results at scale.
Open agency pathUpgrade Path
Moving from Matrix One? Follow our structured migration guide to get the modern ES6+ architecture with minimal risk.
Start migratingMatrix Variables
Apply ready-made layout, spacing, image, and visibility classes from the variable popup without touching CSS.
Learn variablesPlugin Toolkit
Unlock the full block and add-on library with the Pro toolkit. Self-host files and get professional support.
Explore toolkitPopular Tutorials
Hands-on, step-by-step lessons to get you productive immediately. Start with any one that matches your goal today.
Install Matrix Framework from Scratch
Upload files, paste Layout HTML/CSS, disable Jimdo mobile, add MatrixConfig, and install the Style Editor step by step.
Open Installation guide →Configure MatrixConfig
Turn features on or off from one script in Edit Head — Style Editor, Page Builder, Mega Menu, Safe Mode, performance, and debug.
Open Matrix Config guide →Admin Tools Improved by Matrix
File copy & multi-upload, nav drag & drop, Matrix Hub, custom hero, Custom Module, Site Health, one-page and mega menu.
Open Admin Tools guide →Configure Global Settings
Set site-wide content width, hero height, Google fonts, and image radius — plus where buttons and nav spacing moved.
Open Global Settings guide →Scan Your Site with Site Health
Check SEO, mobile-template issues, and framework hygiene with a score, grouped issues, and one-click fixes.
Open Site Health →Build a One-Page Navigation
Turn first-level menu items into smooth-scroll anchors and create a complete single-page experience without coding.
Open One-Page guide →Build Pages with Page Builder
Create sections, resizable columns, widgets, animations, and responsive layouts with the modern visual builder.
Open Page Builder guide →Build Freeform Layouts with Fluid Sections
Drag, resize, and nest widgets with absolute positioning — legacy but still maintained for overlapping creative sections.
Open Fluid Sections guide →Customize Your Site with Style Editor
Adjust colors, typography, buttons, navigation, footer, and advanced settings visually across the whole site.
Open Style Editor guide →Master Matrix Variables
Apply layout, spacing, image styling, background, borders, and visibility classes directly from the variable popup.
Explore variables →Repair Broken HTML & Scripts
Repair or remove broken HTML widgets without their scripts crashing the editor.
Open Safe Mode guide →Enable Mega Menu Navigation
Convert your Jimdo menu into a mega menu with hover dropdowns and mobile toggles — one config flag, no HTML edits.
Open Mega Menu guide →Switch Designs with Template Selection
Your starting look isn’t final — open the Style Editor popup anytime and apply a new template in one click. Lock colors or CSS if you want to keep them.
Open Template Selection guide →Style Modules with Custom Module
Restyle a single heading, image, button, divider, spacing, or form module from a visual popup — no CSS required.
Open Custom Module guide →Build Multilingual Navigation
Split the menu by language — first-level items become the language switcher, second-level pages become the main nav.
Open Multilingual guide →Navigate Modules by ID
See every module on the current page, jump to it instantly, and copy its original cc-m-xxxxx ID for links and anchors.
Open Module Navigator guide →Add Motion One Animations
Global reveals, scroll parallax, sticky cards, animated links and buttons, split text, and slot counters — all built in.
Open Animations guide →Style Widgets with Helper Classes
Copy utility classes for backgrounds, spacing, typography, borders, and visibility — or open the Helper Classes popup in any HTML module.
Open Helper Classes guide →What's New
Release highlights, bug fixes, and what to update in your workflow. Stay current with the latest improvements.
v1.7.6
LatestThis release adds a Jimdo Module widget that embeds a native Jimdo page module (contact form, product catalog, gallery, map, etc.) into any Page Builder column. Admin shows a lightweight preview; the published page relocates the real module into the column so it keeps working exactly as Jimdo intends. Adds Safe Mode shortcut and Known Issues docs for Chrome fold freeze.
Added
- Refresh Hisingen template: purple palette, sticky shrink header with blur, slope footer, Google Sans + Style Editor advanced settings (buttons, nav padding), and new preview image.
- Introduces the Senja default template (pink theme, diagonal header cut, angular footer wave, Bricolage Grotesque), adds is-swish-top asymmetric footer curve, and expands STYLE-EDITOR-ADVANCED-SETTINGS footer section.
- Jimdo Navigation drag-and-drop: 3-dot handles in Jimdo’s Edit Navigation panel for fast reordering — brand-blue drop indicator, dragged-row highlight, footer-safe layering. Persists via Jimdo’s native up/down arrows + Save.
- Files Directory & multi-upload: Custom Layout Files tab — Copy URL, multi-file upload queue, progress overlay, in-place list refresh.
- Page Builder: New pre-designed sections in the Design Library
- Site Health: Admin toolbar module scans the current page for SEO, mobile, and framework issues — score, passed checks, grouped issues, and Go to highlighting. Includes framework version check (outdated / mixed-version warnings) with links to updates and the public changelog.
- New templates — Halmstad & Kalmar: Two additional default templates in Template Selection — Halmstad (purple sidebar consulting layout) and Kalmar (warm orange business layout with overlapping header
- Animated split text: Attribute-based scroll animations (text-split, words-slide-up, letters-fade-in, etc.) using Motion One + SplitType
- Animated slot counter: Odometer-style number and text animation with alternate direction/speed, viewport trigger, and iOS Safari reliability fix.
- Style Editor SEO: aria-hidden="true" on the color-switcher table block so Google crawlers skip the admin configuration markup in page source; persisted on template apply.
Fixed
- webpack: load webpack chunks using Jimdo CDN filenames Patch the webpack chunk loader so dynamic imports try Jimdo CDN names first, restore page-builder icon sources that macOS gitignore blocked, and document Jimdo deploy troubleshooting including Firefox-only Font Awesome bbox warnings.
- config8: double-ID button selectors + :enabled for Jimdo submit specificity
- Letter-spacing: spacingMap matches 05.helper-classes (0.5/1/1.5px); config-classes tag labels updated
- Mobile nav: apply is-letterspace-* under .nav-mobile-options
- Page builder: reset structure popup h3 text-transform/letter-spacing; apply font family/weight on p/li to beat #hs-container p rules
- webpack (registering `EffectFade`, `EffectFlip`, `EffectCube`, `EffectCoverflow`, `EffectCreative`, `EffectCards` so `data-slider-config` effects work), creative and cards effects, forwarding of `creativeEffect` / `cardsEffect` (and related effect params), self-hosted `
Ready to Start Building?
Pick up a tutorial, follow a guide, or jump straight into the docs. Everything you need is one click away.