Embed the product customizer on any WordPress page
Use the [chamevo] and [chamevo_form] shortcodes to display the product customizer on any WordPress page or post, with or without WooCommerce.
You can embed the Chamevo product customizer on any WordPress page or post using shortcodes. This works with or without WooCommerce β use the [chamevo] shortcode to display the customizer, and [chamevo_form] to add a simple order form below it.
Before you start
- You need at least one Chamevo product created in the Product Builder.
- The page or post must have a Chamevo product assigned through the Chamevo meta box.
Embed the customizer with [chamevo]
- Create or edit a WordPress page or post.
- In the Chamevo meta box (sidebar or below the editor), select the product to display.
- Add the shortcode where you want the customizer to appear:
[chamevo]
- Publish or update the page.
The customizer loads on the frontend at the shortcode position. Customers can customize the product, and the design data is captured when they submit through an attached form (WooCommerce Add to Cart, [chamevo_form], or Gravity Forms).
The legacy shortcode [fpd] also works and behaves identically.
Add an order form with [chamevo_form]
For pages without WooCommerce, use [chamevo_form] to add a built-in order form with name, email, and a submit button:
[chamevo]
[chamevo_form]
The form collects the customer's name and email, captures the design data, and sends an order notification email. A price display updates in real time based on the product's pricing configuration.
Customize the price format
The [chamevo_form] shortcode accepts a price_format attribute to control how the price is displayed:
