Choose where an option group appears: next to the Add to Cart button, anywhere you like with a shortcode or block, or inside your page builder. You can also turn long forms into a step-by-step wizard and match the look to your theme.
On this page
Automatic placementShortcodeBlock & page buildersMulti-step wizardStyle Settings
Automatic placement FREE
In the Placement box choose Before Add to Cart button or After Add to Cart button. This works with any theme that uses the standard WooCommerce product form.
Shortcode PRO
1
Copy the shortcode
Find the group in ShapeOption › All Groups — the Shortcode column shows something like
2
Paste it
Paste it into a product description, a custom product template or any page builder text or shortcode element.
3
View the product
The group renders where you placed it and works with that product’s Add to Cart button.
- A placed group shows even if its Show on rule does not match that product — placing it is your choice.
- Its Visible to roles still apply.
- On a product that already shows the group automatically, it is not printed twice.
Block & page builders PRO
| Builder | How to add a group |
|---|---|
| Block editor | Add the ShapeOption Options block and pick a group. |
| Elementor | Drag the ShapeOption Options widget and pick a group. |
| Divi | Add the ShapeOption Options module and pick a group. |
| Bricks | Add the ShapeOption Options element and pick a group. |
Multi-step wizard PRO
1
Split the form into sections
Add a Collapsible section field at the start of each step, for example “1. Design”, “2. Size”, “3. Personalise”.
2
Turn on the wizard
Tick Display as multi-step wizard in the Multi-step wizard box.
3
Update
Shoppers now see one step at a time with a progress bar and Previous/Next buttons. Next checks the current step first.
Good to know
Steps hidden by conditional logic are skipped automatically, and if Add to Cart finds a problem on another step, the wizard jumps to it.
Style Settings FREE
In ShapeOption › Style Settings set the look of every option field at once, with a live preview:
- Size — Small (compact), Medium (fits most themes) or Large (roomy and touch friendly).
- Shape — Sharp or Rounded corners.
- Accent color — the highlight color of selected choices. Leave it empty to follow your theme.
