{"id":425,"date":"2026-09-07T05:04:11","date_gmt":"2026-09-07T05:04:11","guid":{"rendered":"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/shortcodes-page-builders\/"},"modified":"2026-10-26T11:02:30","modified_gmt":"2026-10-26T11:02:30","slug":"shortcodes-page-builders","status":"publish","type":"docs","link":"https:\/\/shapekode.com\/product\/shapeoptions\/docs\/optionfroge-documentation\/shortcodes-page-builders\/","title":{"rendered":"Placement, shortcodes & page builders"},"content":{"rendered":"\n

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.<\/p>\n\n\n\n

On this page<\/p>

Automatic placement<\/span>Shortcode<\/span>Block & page builders<\/span>Multi-step wizard<\/span>Style Settings<\/span><\/p><\/div>\n\n\n\n

Automatic placement FREE<\/span><\/h2>\n\n\n\n

In the Placement<\/strong> box choose Before Add to Cart button<\/em> or After Add to Cart button<\/em>. This works with any theme that uses the standard WooCommerce product form.<\/p>\n\n\n\n

Shortcode PRO<\/span><\/h2>\n\n\n\n
1<\/div>

Copy the shortcode<\/p>

Find the group in ShapeOption \u203a<\/span> All Groups<\/span> \u2014 the Shortcode<\/strong> column shows something like <\/code>. Click it to copy. The Dashboard lists it too.<\/div><\/div><\/div>
2<\/div>

Paste it<\/p>

Paste it into a product description, a custom product template or any page builder text or shortcode element.<\/div><\/div><\/div>
3<\/div>

View the product<\/p>

The group renders where you placed it and works with that product\u2019s Add to Cart button.<\/div><\/div><\/div><\/div>\n\n\n\n
\"The<\/a>
(1) Each group\u2019s shortcode \u2014 click to copy. (2) Its automatic placement.<\/figcaption><\/figure>\n\n\n\n