This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Buy a Brick


This plugin loads an XML file specifying different “bricks” used to make up a fundraising image map and generates a dynamic CSS image map based on the XML file for use as a fundraising meter within pages, posts, and more.


  • Loads XML file and displays it as a form within the Administrator panel for editing
  • Saves edited XML file
  • Parses XML file to generate dynamic image map, with opaque squares representing “bricks” that are not yet purchased and transparent squares representing “bricks” that have been purchased.
  • Each brick has a hover button popup that directs the user to a donation page, shopping cart, etc.
  • Completely customizable background image, XML file, popup image, and more

For support and further information about the Buy-a-Brick plugin see the plugins homepage at
Plugin Official Site
If you have questions about installation or use of this plugin, please visit the official plugin site.


  • XML Editor screen

  • Fundraising image map showing purchased and unpurchased bricks

  • Plugin settings page


How do I create the image sprite to use in the plugin?

The sprite has two parts: the bottom half should be the image you want to appear when bricks are purchased, with an identical version of the image directly above it with opacity applied to darken it for bricks that are not yet purchased.

What is the format of the XML file?

<item id="item-id-1" product_name="message-that-appears-in-popup-1" link_brick="url-that-popup-links-to" width="width-of-this-brick-in-px" height="height-of-this-brick-in-px" top=
upper-bound-of-this-brick-in-px" left="left-location-of-this-brick-in-px" type="2-if-purchased-1-otherwise" raised="total-raised-so-far-first-item-only" />


An example XML file:

<?xml version="1.0" encoding="utf-8"?> 


<item id="mc1" product_name="Purchase your Brick now $5000" link_brick="" width="99" height="49" top="0" left="0" type="1" raised="$3.700.00"/>

<item id="mc2" product_name="Mr. Testing Bricks" link_brick="" width="99" height="49" top="0" left="100" type="2" />

<item id="mc3" product_name="Purchase your Brick now $5000" link_brick="" width="99" height="49" top="50" left="0" type="1" /> 

<item id="mc4" product_name="Mrs. Testing Bricks" link_brick="" width="99" height="49" top="0" left="200" type="2" />




  • Revised settings to allow for five fundraising levels and specification of completely different URLs to link to from each level. This is for compatibility with Paypal buttons.


  • Updated plugin to handle Paypal donation or purchase link within image map.


  • First stable version

Contributors & Developers

This is open source software. The following people have contributed to this plugin.


Browse the code