Skip to content
  • Home
  • Features
    • Matrix Framework
    • Matrix One
    • Plugin Toolkit
    • Matrix Library
  • Templates
  • Support
  • Pricing
  • Home
  • Features
    • Matrix Framework
    • Matrix One
    • Plugin Toolkit
    • Matrix Library
  • Templates
  • Support
  • Pricing
  1. Features
  2. Matrix Framework
Matrix Framework

Design Beautiful Pages Without Writing Code

Create stunning, professional Jimdo pages in minutes with our intuitive drag-and-drop page builder. No coding skills required – just your creativity.

Start Building Free Docs
Includes 30+ Pre-built templates
     
Hero Section
Drop widgets here
Features Grid
Drag & Drop
Live Preview

Lightning Fast

Build complete pages in minutes, not hours. Pre-built sections save you time.

Pixel Perfect

Professional designs that look amazing on every device, automatically responsive.

100% Safe

Your original content is always preserved. Undo changes anytime with one click.

SEO Friendly

Clean, semantic HTML that search engines love. Optimized for performance.



Modular Architecture

Load Only What You Need

Matrix Framework uses a modular approach – enable only the features you need to keep your site fast.


      matrix-config.js
const MatrixConfig = {
  features: {
    pageBuilder: true,
    styleEditor: true,
    moduleNavigator: true,
    templateSelection: true,
    megaMenu: true,
    multilingualNav: false,
    onePageScroll: false

  },
  debugMode: false
  
};
Pre-Built Sections

Start with Beautiful Templates

Why start from scratch? Choose from dozens of professionally designed sections and customize them to match your brand. From hero sections to testimonials, we've got you covered.

  • 50+ ready-to-use section templates
  • One-click insertion
  • Fully customizable styling
  • Regular new additions
Matrix Templates
Total Control

Customize Every Detail

Make it truly yours. Adjust colors, fonts, spacing, backgrounds, animations, and more. The built-in style editor gives you professional design tools without the complexity.

  • Advanced color picker with gradients
  • Custom fonts and typography
  • Background images and videos
  • Smooth scroll animations
Matrix Customizations

"Matrix Framework completely changed how I work with Jimdo. What used to take me hours now takes minutes. My clients love the results, and I love how easy it is to use."

M

Maria

Web Designer, Germany

Ready to Build Something Amazing?

Join thousands of Jimdo users who create beautiful pages every day with Matrix Framework.

Get Started Free
Get started
Gobal colors
  bg-primary
  bg-primary-light
  bg-primary-dark
  bg-secondary
  bg-secondary-dark
Template colors
  body
  top-header
  top-header-inner
  header
  header-inner
  navigation-inner
  navigation color
  dropdown background color
  content
Footer Styles
  background
  text color
  link color
  horizontal line
Buttons
  style 1
  style 2
  style 3
  text color
Mobile navigation
  background color
  navigation color
Other elements
  social icons
  top header border
  header border
  nav inner border
  footer border
 
Template configurations
 
has-sticky-logo has-large-header primary-font has-center-nav has-header-blur no-shopping-cart
 
Top header inner
 
 
 
Header inner
 
 
 
Navigation inner
 
 
 
Navigation styles
 
size-15 weight-400
 
Sub-menu (breadcrumbs) styles
 
size-15
 
Mobile Navigation styles
 
size-30
 
Content styles
 
form-white
 
Footer styles
 
o-form has-thin-border has-border-style-solid has-border-top has-footer-border-color
 
Footer background image
 
 

 

Typography

Heading H1
weight-400
 
Heading H2
weight-400
 
Heading H3
weight-400
 
Body text (p, table, td)
 
 
Buttons
weight-400
 
 
Advanced settings
 
Custom CSS

#cc-inner .my-class {

color:#f0f0f0;

}

/* MATRIX-CUSTOM-MODULES-START */

#cc-m-7792741551 h1, #cc-m-7792741551 h2, #cc-m-7792741551 h3 {font-size:20px !important;}

#cc-m-7792741851 h1, #cc-m-7792741851 h2, #cc-m-7792741851 h3 {font-size:20px !important;}

#cc-m-7792930551 h1, #cc-m-7792930551 h2, #cc-m-7792930551 h3 {font-size:20px !important;}

#cc-m-12388126494 h1, #cc-m-12388126494 h2, #cc-m-12388126494 h3 {font-weight:600 !important;}

#cc-m-12388126494 h1, #cc-m-12388126494 h2, #cc-m-12388126494 h3 {font-size:40px !important;}

/* MATRIX-CUSTOM-MODULES-END */

/* MATRIX-GLOBAL-SETTINGS-START */

:root {

--content-width: 1170px;

--special-pages-content-width: 900px;

}

/* HAMBURGER-BAR-START */

:root { --hamburger-btn-background: transparent; --hamburger-btn-bg: transparent; --hamburger-btn-bg-active: transparent; }

/* HAMBURGER-BAR-END */

#cc-inner #hs-container .j-formnew input[type='submit'],

#cc-inner #hs-container input.submitUser,

#cc-inner .hs-button,

#cc-inner .j-calltoaction-link,

#cc-inner input.cc-checkout-btn,

#cc-inner a.cc-shop-addtocard {

padding: 14px 35px !important;

border-radius: 8px;

}

/* MOBILE-FULLWIDTH-BUTTONS-START */

@media only screen and (width <= 746px) {

#cc-inner #hs-container .j-formnew input[type='submit'],

#cc-inner #hs-container input.submitUser,

#cc-inner .hs-button,

#cc-inner .j-calltoaction-link {

width: 100% !important;

margin: 5px auto 0 auto;

box-sizing: border-box;

text-align: center !important;

}

}

/* MOBILE-FULLWIDTH-BUTTONS-END */

/* MATRIX-GLOBAL-SETTINGS-END */


Note:
All changes made here will be applied to your entire website.
draggable-logo

Build faster, smarter, and more flexible Jimdo websites.

has-right-col-border

Products

Matrix Framework

Matrix One

Matrix Plugin Toolkit

Resources

Support

Changelog

Showcase

Marketplace

Community

Blog

Archive

GitHub



About | Privacy Policy | Cookie Policy | Sitemap | Withdraw contract
Created with Jimdo
Log in Log out | Edit
  • Scroll to top
Close