About this plugin
Sports Court Designer is a free, open-source WordPress plugin that allows construction companies to embed an interactive sports court designer on their website. Clients can preview different color combinations for tennis, basketball, and pickleball courts in real-time.
Perfect for:
* Court construction companies
* Sports facility contractors
* Athletic surface installers
* Recreation center planners
Key Features:
- Three Court Types – Tennis, Basketball, and Pickleball courts
- Real-time Color Preview – Instant visual feedback as colors are selected
- 17 Professional Colors – Industry-standard court colors including LEED-certified options
- Company Branding – Add your company logo to all court designs
- Download Designs – Clients can save court designs as PNG images
- Responsive Design – Works perfectly on desktop, tablet, and mobile devices
- Multiple Integration Methods – Use via shortcode or Gutenberg block
- No External Dependencies – All rendering done client-side for fast performance
Available Colors Include:
* Ice Blue, Light Blue, Blue
* Light Green, Forest Green, Dark Green
* Tournament Purple, Black, Maroon
* Red, Brite Red, Orange, Yellow
* Sandstone, Beige, Dove Gray
* Brown (ColorPlus fusion blend)
Customizable Court Areas:
Tennis Courts:
* Court (inner play area)
* Border (outer area)
Basketball Courts:
* Court surface
* Border
* 3-Point Area
* Key (paint area)
* Top of Key
* Center Court Circle
Pickleball Courts:
* Court
* Border
* Non-Volley Zone (kitchen)
Usage
Via Shortcode:
[court_designer type=”tennis”]
[court_designer type=”basketball”]
[court_designer type=”pickleball”]
Via Gutenberg Block:
1. In the block editor, search for “Sports Court Designer”
2. Add the block to your page
3. Select the court type in the block settings
License
This plugin is licensed under the GPL v2 or later.
Credits
Developed by Hayk Saakian