Ad Formats

Before and After

Summary

This is your classic Before & After ad. All you really need is a before picture and after picture. You can optionally supply a logo and additional text. Useful for contractors, landscapers, dentists, and anyone else who benefits from pictures, which really tell the story and deliver impact. It's a flexible ad format which can be in-story or sit in the sidebar.

Ad Preview

Examples / Ideas

Here are some examples or ideas for this ad format:

Setup / Inputs

These are the fields / inputs taken to generate this ad. In general, inputs are not required. That said, these inputs are how you customize the ad!

Inputs
Default
Description
Stacked
Default True
Description Choose Yes if you'd rather have the before/after stacked vertically (for a sidebar ad)
Height
Default 250px
Description The height of the before/after container inside the ad
Width
Default 300px
Description The width of the ad. For a sidebar ad, you might set it to 300px
Before Picture
Default Default Value
Description The 'before' picture
Before Caption
Default Before
Description The caption for the 'before' picture
After Picture
Default Default Value
Description The 'after' picture
After Caption
Default After
Description The caption for the 'after' picture

Embed An Example In Your Media Kit

Customers who wish to embed the example on some "Media Kit" page on their website can do so in one of two ways:


Option 1: If you have Wordpress and the Broadstreet plugin, you can use this shortcode anywhere in any post to render the example. 

[broadstreet ad="38927"]

Option 2: If you do not have Wordpress, or choose not install the Broadstreet plugin, you can embed this javascript code snippet into your post: 

<div street-address="38927"></div><script>
    (function(d, s) {
    // CLICK MACRO AND CONFIGURATION SECTION
    var destination = '%%CLICK_URL_ESC%%';
    // DO NOT EDIT BELOW THIS LINE
    var js, bjs = d.getElementsByTagName(s)[0];
    js = d.createElement(s); js.async = true;
    js.src = "//ad.broadstreetads.com/display/38927.js?sa=1&"
        + (window.broadstreet ? 'init=0' : '')
        + (destination.indexOf('CLICK_URL_ESC') >= 0
        ? '' : '&destination=' + destination);
    bjs.parentNode.insertBefore(js, bjs);
    }(document, 'script'));</script>