WARNING: concrete5 5.6 and earlier are end-of-life. Sales from the marketplace have now ended. Click here to learn more about this transition.

** Note: After about five years of working with concrete5 I've moved onto other projects, so will no longer be updating my packages to future concrete5 releases.  5.7+ is not supported. Best of luck to the team and the community.** 


With the Popup block, you can make links to other pages on your site open with a dialog box.  What makes this solution really cool is that it loads your existing concrete5 areas & blocks!   Great for photo-enlargement, contact forms, faqs or whatever. Here are the options:

  • You can turn any link into a popup in three ways: by adding a css class name to the link tag, using a jquery css selector string (like #body a), or with page link path (like /about).
  • Set up as many "rules" as you'd like, whether each rule shows the page's title, and whether it is modal, which means it closes when you click the background.
  • Set it to just display the main area from the page the link points to, or load the complete page (in which case you'd probably want to create a popup page type).
  • Popup width can be a percentage of the screenwidth or fixed, and the height can be automatic or fixed.
  • You can style you're popup to match your site by picking it's text color, background, border color and width, padding, text-alignment, and title tag.
  • Integrated with the Stats package if it's installed, so the hit is tracked when a popup is opened.
  • Works great with SEO, since it uses standard links!  
  • Includes English, French & German translations
  • *New - automatic anchor link scrolling

Want to see it in action? Here are some examples »

Need some help?  Here's a video tutorial & a quick walk-through tutorial

(A couple of caveats on the popup block. Firstly, although this package does a good job at running other blocks inside of the popup, some blocks with complex javascript may have some issues.  You can turn on the IFrame option to treat the popup as a standalone page though, which often helps.  The required block type javascript and css libraries are automatically loaded only when loading an area from another page, but if you choose to use the full-page view option, then you're going to want to make a custom "popup" page type for your site, and make sure you include the area's block's css and js files)

Project Page: http://concrete5packages.com/toolbox/popup-block/ 


Sales have ended due to EOL

Approved by PRB

Our 30 Day Support Policy

  • Replies to tickets every few days.

Support Hosted

  • On marketplace.concretecms.com