Note: This is an XPRESS Exclusive ad format;


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.

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!

  • Stacked: Choose Yes if you'd rather have the before/after stacked vertically (for a sidebar ad)
    Default value:

  • Height: The height of the before/after container inside the ad
    Default value:

  • Max Width: The CSS width of the ad. For a sidebar ad, you might set it to 300px
    Default value:

  • Before Picture: The 'before' picture
    Default value:
    Default Value

  • Before Caption: The caption for the 'before' picture
    Default value:

  • After Picture: The 'after' picture
    Default value:
    Default Value

  • After Caption: The caption for the 'after' picture
    Default value:

  • Link (Optional): Where the user should be taken when they click the ad
    Default value:

  • Bottom Details (Optional): Any additional details to add below the before/after picture
    Default value:

  • Logo (Optional): An optional logo to place above the before/after pictures
    Default value:

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) {
      var destination = '%%CLICK_URL_ESC%%';
      var js, bjs = d.getElementsByTagName(s)[0];
      js = d.createElement(s); js.async = true;
      js.src = "//"
        + (window.broadstreet ? 'init=0' : '')
        + (destination.indexOf('CLICK_URL_ESC') >= 0
          ? '' : '&destination=' + destination);
      bjs.parentNode.insertBefore(js, bjs);
    }(document, 'script'));</script>