MD Popups Custom Templates

To install a template, go to Dashboard > Appearance > Popups and copy the template HTML into a popups Custom Template section.
TIP: For a list of helper classes to use in templates, refer to the MD Style Guide

Template #1

Featured headline area with 3 columns and small description text + buttons with design options intact.

MD Popups Custom Template

Custom Template:

<div class="block-full-quad text-center links-main">
    <h3>Join the newsletter today.</h3>
    <p class="small-title">Testing custom content. <a href="#">with a custom link</a>.</p>
</div>
<div class="columns-3 columns-double block-double text-center md-popup-sec">
    <div class="col">
        <h5>Test Column 1 Here</h5>
        <p>What a cool popup plugin for Marketers Delight</p>
        <div><a href="#" class="button width-full">Click to learn more</a></div>
    </div>
    <div class="col">
        <h5>Test Column 1 Here</h5>
        <p>What a cool popup plugin for Marketers Delight</p>
        <div><a href="#" class="button width-full">Click to learn more</a></div>
    </div>
    <div class="col">
        <h5>Test Column 1 Here</h5>
        <p>What a cool popup plugin for Marketers Delight</p>
        <div><a href="#" class="button width-full">Click to learn more</a></div>
    </div>
</div>

Template #2

Half-width featured image with custom headline and description text. Design options fully intact.

MD Popups Custom Template

Custom Template

<div class="columns-2">
    <div class="col col1">
        <img src="http://example.com/tall-image.png" height="500" width="400" />
    </div>
    <div class="col col2 block-double">
        <h3>A Half-Image With Call-to-action Popup</h3>
        <p class="small-title">You can also build this layout with the default options, this is the HTML to go advanced.</p>
        <a href="#" class="button">Download free template</a>
    </div>
</div>

I’ll email you when new templates come out. To submit your own, email Alex with a screenshot and link to your site.

Labs

Get the latest MD sent straight to your inbox

There's always something new in the works in the MD Labs! Join the email list to get the newest content and releases sent straight to your inbox.*

Join the MD Newsletter

* I only email you when there's something new, or to share an exciting MD sneak peak.