Use Chamevo with page builder plugins
Embed the product customizer in WPBakery, Divi, Beaver Builder, and other WordPress page builders using shortcodes and HTML modules.
Updated April 28, 20265 min read
Chamevo works with any WordPress page builder that supports shortcodes or HTML modules. While Elementor has dedicated Chamevo widgets, other page builders use the standard Chamevo shortcodes placed inside their text or shortcode elements.
General approach
All page builders follow the same pattern:
- Create the page layout using your page builder.
- Place the shortcodes inside a text element, shortcode element, or HTML module.
- Assign a product through the WordPress Chamevo meta box (not the page builder).
- Preview on the frontend to verify the customizer loads correctly.
The key shortcodes are:
| Shortcode | Purpose |
|---|---|
[chamevo] | Main customizer |
[chamevo_form] | Order form (non-WooCommerce) |
[chamevo_module type="text"] | Individual module |
[chamevo_action type="undo"] | Individual action button |
[chamevo_main_bar] | Module navigation bar |
See Position modules and actions with shortcodes for the complete shortcode reference.
Related articles
Embed the product customizer on any WordPress pageUse the [chamevo] and [chamevo_form] shortcodes to display the product customizer on any WordPress page or post, with or without WooCommerce.Use Chamevo with ElementorDrag and drop Chamevo widgets in Elementor to position the product customizer, modules, action buttons, and other components visually.Control element properties outside the customizerUse the [chamevo_property_control] shortcode to place fill color, font, font size, or text controls anywhere on the product page — outside the customizer canvas.Display a live pricing breakdownUse the [chamevo_pricing_breakdown] shortcode to show a live, itemized pricing summary anywhere on the product page — driven by your Dynamic Pricing rules.