Connect your configurator to WooCommerce

You need an active WooCommerce store, access to the Offerandum panel, and a WordPress account allowed to install plugins and manage WooCommerce settings. Your catalog products and variants should have the SKUs agreed on during setup and current prices.

Installing the plugin does not turn an arbitrary quote form into a product configurator. We first connect the configurator's choices to the products, variants, and quantities your store sells. See how cart integration works for the full customer flow.

1. In Offerandum, open Home , find your configurator, and locate Online shop alongside its embedding settings.
2. Select WooCommerce (WordPress) as the platform and save. Check that the store's domain is on the configurator's allowed website list. Include your staging domain when testing there.
3. Click Download the plugin (zip) . Keep the configurator ID handy and copy the Plugin key for that configurator.
4. In WordPress, go to Plugins → Add New → Upload Plugin . Select the ZIP file, install it, and activate the plugin.

WordPress also documents the ZIP upload process .

Open WooCommerce → Settings → Offerandum . Add a configurator row and enter the ID and plugin key from Offerandum. Both values must belong to the same configurator.

Save the settings, then click Check connection with Offerandum . A successful response lists the connected configurator and company name for every row. If the connection fails, check the values you pasted. Generating a new key in Offerandum invalidates the previous one, so update WooCommerce whenever you replace a key.

If your store runs a plugin that closes the WordPress REST API to visitors who are not logged in (for example Disable REST API, All In One WP Security, or Perfmatters), add an exception for offerandum/v1 in its settings. Without it, the configurator shows no store prices and cannot add products to the cart. The connection check warns you when the store turns these requests away.

Keep cart lead collection enabled in Offerandum if you want configurations recorded as leads and reported orders to mark them as won. You can turn it off and use the configurator solely to fill your store's cart.

Add a Shortcode block in the WordPress page editor and paste:

[offerandum_form id="YOUR_CALCULATOR_ID"]

Replace YOUR_CALCULATOR_ID with the complete ID from Offerandum, beginning with f_ . Use the same ID you entered in WooCommerce settings. The plugin key stays in settings; it does not belong in the page content.

Publish or update the page. The shortcode loads the configurator with the WooCommerce cart connection and your store's cart URL. You do not need a separate HTML embed snippet. If you use a page builder, choose its shortcode element.

Open the store page on desktop and mobile. Use your store's staging environment or a test payment method arranged by your store administrator when checking the order flow.

1. Configure a catalog product, including a variant and any accessories, then click Add to cart .
2. Compare the cart's products, variants, and quantities with the expected set. The cart should use WooCommerce catalog prices.
3. With cart lead collection enabled, find the configuration in Offerandum. It should appear as a cart lead before an order is placed.
4. Place a test order from that cart. Check that the lead is marked as won and includes the reported order amount and customer details.
5. Try a prepared custom option that has no catalog match. It should end with a quote request and contact fields.

If an item does not reach the cart, check its SKU, variant, and availability against the configurator's selection rules. If the cart works but the order does not reach Offerandum, check the plugin key, lead collection setting, and reporting notes on the WooCommerce order.

WooCommerce prices the cart from its own catalog. If the configurator displays an estimate before checkout, keep those rates aligned separately. The plugin does not automatically synchronize the configurator's displayed pricing.

Review affected configurations after changing your product range. A new component or a different selection rule may need a configurator update. To add another configurator, enter its ID and key in a separate settings row and use that ID in its shortcode.