MegaProd User Manual

Complete guide to configure and manage your custom product configurators from the Shopify admin panel.

Installation

Create a configurator

A configurator is a custom form displayed on the product page. It defines the fields that customers fill in to customize their product.

Basic settings

• Name: Internal name (e.g., "Roller blind"). Only visible in the admin.
• Intro text: Text displayed above the form (optional).
• Outro text: Text displayed below the form (optional).
• "From" price: Minimum price shown before configuration.
• Manufacturing days: If set, displays a notice to the customer.
• Show summary: Enables the side panel showing selected options.

Fields & options

Fields are the questions customers answer. Each field has a type, a label and optionally options.

Available field types

Field properties

• Label: Text the customer sees (e.g., "Width (cm)").
• Required: If enabled, the customer can't add to cart without filling it.
• Help text: Explanatory text below the label.
• Min / Max / Step: For numeric fields, limits the accepted values.
• Error message: Text shown if the value is invalid.

Options with pricing

Each option (select, radio, checkbox, swatch) can have a price modifier:

Groups & steps

Groups organize fields visually. You can display them as:

Typical group setup for a roller blind:

1. Measurements (steps mode) - Width and height
2. Finishes (steps mode) - Color and fabric
3. Extras (steps mode) - Mechanism and installation

Pricing rules

MegaProd supports multiple ways to calculate the base product price:

Mathematical formula

Use field IDs as variables. Example for price per square meter:

(width * height / 10000) * 45

This calculates: area in m2 multiplied by 45 EUR/m2.

Available functions: abs(), sqrt(), pow(), min(), max(), ceil(), floor(), round().

1D range table

Price based on one dimension. Example: price by width.

2D range table

Price based on two dimensions (width x height). Configured as a matrix where rows are heights and columns are widths.

Quantity discounts

Unit price that decreases based on ordered quantity. A table is shown to the customer.

Conditional logic

MegaProd lets you show or hide fields based on customer selections.

showIf (simple condition)

In any field's properties, enable "Show only if..." and select the field and value that must be met. Examples:

• Show "WiFi LED color" only if Mechanism = "WiFi motor"
• Show "Embroidery text" only if Extras includes "Embroidery"

Advanced conditional rules

In the configurator's "Conditions" tab, you can create more complex rules:

• Show field: Makes a field visible when a condition is met
• Hide field: Hides a field when a condition is met
• AND conditions: Multiple conditions that must all be met simultaneously

Visual preview

MegaProd includes parametric renderers that draw the product on a canvas:

Renderer types

"See in your space"

Customers can upload a photo of their space and see the configured product overlaid. They can drag and resize the overlay.

Assign products

CSV price table import

If you have pricing tables in Excel, export them as CSV and upload directly.

1D range format

min,max,price
0,100,50.00
101,200,80.00
201,300,110.00

2D range format (matrix)

,80,100,120,140
100,45,52,60,68
150,55,63,72,81
200,65,74,84,95

First row: widths. First column: heights. Interior: prices.

Quantity discount format

minQty,maxQty,price
1,9,32.50
10,49,29.90
50,,24.90

Multi-language

MegaProd displays all interface texts in Spanish by default. You can customize them for any language.

If your store uses Shopify Markets or Translate & Adapt, field labels are automatically translated along with the product content.

System texts (buttons, placeholders, messages) can be configured in the configurator's i18n block.

PDF & quotes

Generate PDF

The customer can download a PDF with all specifications of their configuration. It includes: product name, selected options, dimensions and calculated price.

Quote mode

If you enable quote mode, a "Request a quote" button appears that opens a form with name, email, phone and notes. The quote is sent to the configured email address.

Tips & tricks

Performance

• Numeric and text fields have a 150ms debounce to avoid excessive recalculations.
• Form values are saved in the browser session. If the customer reloads the page, they're restored.
• MegaProd includes automatic dark mode if the theme supports it.

Security

• Prices are validated with HMAC signature. A customer cannot manipulate the price in the browser.
• The "Add to cart" button is locked while processing to prevent double-clicks.

Best practices

• Use steps mode if you have more than 5 fields. It's less intimidating for the customer.
• Add help text to measurement fields (e.g., "Measure the window opening from inside").
• Add price badges to options so customers see the cost of each extra.
• Enable the side summary so customers can see their configuration at all times.
• Use color/image swatches instead of dropdowns when there's a visual component.