• Home
  • Templates
    • Zion
    • Alsten
    • Lemberg
    • Bergen
    • Altona
    • Hafen
    • Enkel
    • Horten
    • Agen
    • Hisingen
    • Tjörn
    • Lacksund
    • Öland
  • Page builder
  • Support
  • Blog
  • Home
  • Templates
    • Zion
    • Alsten
    • Lemberg
    • Bergen
    • Altona
    • Hafen
    • Enkel
    • Horten
    • Agen
    • Hisingen
    • Tjörn
    • Lacksund
    • Öland
  • Page builder
  • Support
  • Blog

     

    Easy-to-Use & Customizable 

    Video Popup Widget 

     

    Live Preview
    draggable-hero text-center
    How to add custom widget to your Jimdo website pull-down

    Make it stand out

    style01

    Matrix Themes

    New youtube video

    Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros.

    Matrix Themes

    New youtube video

    Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros.

    Matrix Themes

    New youtube video

    Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros.


    
    <!-- *** Matrix Widget youtube popup *** -->
    <div class="hs-thumbnail">
        <img src="https://u.jimcdn.com/cms/o/s1aeecbbb2a5865b1/userlayout/img/popup-banner.jpg?t=1634195427" alt="Matrix Themes" />
        <div class="thumbnail-hover">
            <a class="popup-youtube" href="https://www.youtube.com/watch?v=h2caT4q4Nbs"></a>
        </div>
    </div>
    
    <div class="hs-description">
        <h3>
            New youtube video
        </h3>
    
        <p>
            Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros.
        </p>
    </div>

    style02

    Matrix Themes

    New youtube video

    Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros.

    Watch video
    Matrix Themes

    New youtube video

    Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros.

    Watch video
    Matrix Themes

    New youtube video

    Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros.

    Watch video

    
    <!-- *** Matrix Widget youtube popup *** -->
    <div class="hs-thumbnail">
        <img src="https://u.jimcdn.com/cms/o/s1aeecbbb2a5865b1/userlayout/img/popup-banner.jpg?t=1634195427" alt="Matrix Themes" />
    </div>
    
    <div class="hs-description">
        <h3>
            New youtube video
        </h3>
    
        <p>
            Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros.
        </p>
    
        <div class="hs-button rel ghost-dark">
            <div class="fa fa-play add-right-5">
            </div>
            Watch video <a class="div-link popup-youtube" href="https://www.youtube.com/watch?v=h2caT4q4Nbs" target="_top"></a>
        </div>
    </div>

    style03

    Make it stand out

    Unleash your creativity and enjoy endless possibilities with full control over skins, colors and layout With Matrix themes you can build your unique online presence


    Watch video
    
    <!-- *** Matrix Widget youtub popup *** -->
    <div class="is-fullwidth bg-section rel is-parallax" style="background: url('https://u.jimcdn.com/cms/o/s1aeecbbb2a5865b1/userlayout/img/matrix-parallax01.jpg?t=1633166280') no-repeat center;">
        <div class="hs-overlay opacity-8">
        </div>
    
        <div class="inner rel color-white m-padding cc-clearover cc-box" style="padding:250px 0;">
            <div class="col-6 left-align">
                <h3 class="has-large-text">
                    Make it stand out
                </h3>
    
                <p>
                    Unleash your creativity and enjoy endless possibilities with full control over skins, colors and layout With Matrix themes you can build your unique online presence
                </p>
                <br />
    
                <div class="hs-button rel bg-red bg-round">
                    <div class="fa fa-play add-right-5">
                    </div>
                    Watch video <a class="div-link popup-youtube" href="https://www.youtube.com/watch?v=h2caT4q4Nbs" target="_top"></a>
                </div>
            </div>
        </div>
    </div>

    style03

    Make it stand out


    Lorem ipsum dolor sit amet,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, At vero eos et accusam et justo duo dolores et ea rebum.


    Watch video
    
    <!-- *** Matrix Widget youtube popup *** -->
    <div class="is-matrix bg-dark">
        <div class="is-flex is-flex-block mobile-auto cc-clearover">
            <div class="col-6">
                <img class="is-img mobile-medium rel-mobile-only" srcset="https://u.jimcdn.com/cms/o/s1aeecbbb2a5865b1/userlayout/img/popup-banner.jpg?t=1634195427" />
            </div>
    
            <div class="mobile-auto col-6 m-padding cc-box" style="padding:5%;">
                <div class="color-white" style="max-width:800px; margin:0 auto;">
                    <h3 style="font-size:50px;">
                        Make it stand out
                    </h3>
                    <br />
    
                    <p>
                        Lorem ipsum dolor sit amet,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, At vero eos et accusam et justo duo dolores et ea rebum.
                    </p>
                    <br />
                    
                    <div class="hs-button rel bg-red mid-round">
                        <div class="fa fa-play add-right-5">
                        </div>
                        Watch video <a class="div-link popup-youtube" href="https://www.youtube.com/watch?v=h2caT4q4Nbs" target="_top"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    How to add a custom widget to your Jimdo website

    01.

    Click the Matrix Themes admin menu and select the 'Shortcodes' section.

    02.

    Choose any custom widget using the copy button.

    03.

    Paste the widget code to your website inside the 'Widget/HTML' module.

    04.

    Customize it by adding your own text and images.

    hs-fullwidth bg-lightgray
    How to add a custom widget to Jimdo website wow animated fadeInUp

    Make your own website

    with built-in tools to grow your business online.

    Select a template
    bg-primary color-white hs-fullwidth

    Support

    • Docs
    • Guides
    • Style Editor
    • Global Updates
    • Theme Updates
    • Helper classes
    • Common support issues
    • Contact

    Features

    • Templates
    • Page Builder
    • Add-ons
    • Landing pages
    • Alt Classes
    • Matrix variables

    Get inspired

    • Most popular templates
    • Website examples
    • Custom widgets
    • Block Elements
    • Fluid Sections

    Quick links

    • Marketplace
    • Pricing
    hide-in-doc-page

    draggable-logo

    Showcase

     

    Main colors
       bg-primary
       bg-primary-light
       bg-primary-dark
       bg-secondary
       bg-secondary-dark
    Template sections
       body
       top-header
       header
       content
    Footer Styles
       background
       text color
       link color
       horizontal line
    Buttons
       style 1
       style 2
       style 3
       text color
    Other elements
      social icons
      navigation color
      subnav background
    Mobile navigation
       background color
       navigation color
    Template configurations
     
    has-center-nav g-font has-large-header
     
    Navigation styles
     
    size-15 weight-400 snip-nav --line01 is-uppercase
     
    Content styles
     
    form-white
     
    Footer styles
     
    o-form color-white

     

    Typography

    Heading H1
    weight-600 is-uppercase
     
    Heading H2
    weight-400 is-uppercase
     
    Heading H3
    weight-600 is-uppercase
     
    Buttons
    weight-600 is-uppercase
     
    Animations
     

    Note:
    All changes made here will be applied to your entire website.
    is-switcher

    MATRIX THEMES

    STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE

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