WP Bra Calculator

WP Bra Calculator is a powerful, fully customizable WordPress plugin that helps women find their correct bra size using an interactive, step-by-step measurement calculator. It takes underbust (band) and bust (overbust) measurements and returns accurate size recommendations complete with country-specific sizing charts.

With its deep WooCommerce integration, matched bra products are automatically shown to customers after they calculate their size - dramatically improving conversion rates for lingerie and apparel stores.

Before installing, ensure your server meets the following requirements:

Follow these steps after installation to get the calculator live on your site in under 5 minutes.

WP Bra Calculator uses a single shortcode to embed the interactive calculator anywhere on your site:

Where You Can Use It

The Setup tab is the main configuration panel for the calculator's text content, measurement instructions, and size chart selection.

The Size Builder is the core engine of WP Bra Calculator. Create unlimited size charts that map band measurements to cup sizes for specific countries.

Creating a Size Chart Step-by-Step

Controls the visual presentation of the calculator and its results - measurement units, layout styles, and brand colors.

Connect the bra size calculator to your WooCommerce store for a seamless shopping experience.

Button & Link Settings

Logic Block — Matched Product Engine

Logic Rules — Shopify-Style Advanced Product / Category / Tag Picker

Logic Rules give you granular control over which WooCommerce product pages show or hide the calculator button. The value picker performs a live AJAX search of your WooCommerce data as you type — identical to Shopify's product picker.

Rule Anatomy: Field + Operator + Value

Each rule row is a 3-part condition. The Value field is a searchable, multi-select live picker — type any product name, category, or tag to search and select it instantly.

Practical Examples

Inject custom CSS and JavaScript into the public calculator without editing any theme or plugin files.

.bra-calc-btn {
  border-radius: 30px;
}
.bra-calc-result {
  font-size: 52px;
}

document.addEventListener(
  'bra_calculator_result',
  function(e) {
    console.log(e.detail.size);
  }
);

Back up all plugin settings and restore them on any site - including size charts, WooCommerce config, colors, and custom code.

An active license key is required to unlock all features and receive automatic updates.

Activating Your License

Logic Rules let you control exactly which WooCommerce products display the "Measure Bra Size" button.

Logic Rule Examples

Override Plugin Styles via Theme

All calculator elements use the CSS class prefix .bra-calc-. You can add overrides in your theme or via Custom Code → Custom CSS:

/* Round the calculate button */
.bra-calc-btn-calculate {
  border-radius: 30px !important;
}

/* Make result size larger */
.bra-calc-result-size {
  font-size: 52px !important;
}

/* Control calculator width */
.bra-calc-wrap {
  max-width: 700px;
  margin: 0 auto;
}

JavaScript Events

The calculator fires a custom event when a result is calculated:

document.addEventListener('bra_calculator_result', function(e) {
  console.log('Size:', e.detail.size);
  console.log('Band:', e.detail.band);
  console.log('Bust:', e.detail.bust);
});

Recommended Image Sizes

We're committed to providing excellent support for all licensed customers. Please check this documentation and the FAQ before reaching out.