Articles on: Advanced Topics

Chamevo Elementor Widgets

Chamevo provides a collection of specialized Elementor widgets that allow you to build custom product configurator pages using the Elementor page builder. These widgets enable you to create fully customized layouts for your product customization interface.

Available Widgets

Widget Name	Description
Chamevo Product Customizer	Main product configurator widget that displays the Chamevo interface for product customization
Chamevo Form	Displays a customizable form for collecting user input related to product configuration
Chamevo Module	Renders individual Chamevo modules that can be used independently in the page layout
Chamevo Action	Provides action buttons like Save Design, or other product-related actions
Chamevo Main Bar	Displays the main toolbar/navigation bar for the product designer interface
Chamevo Share	Enables users to share their customized product designs via social media or other channels
Chamevo Color Selection	Provides color picker interface for selecting and customizing product colors
Chamevo Saved Products	Displays a list or gallery of previously saved/designed products by the user
Chamevo Bulk Add Form	Allows adding multiple product variations or configurations in bulk through a form interface
Chamevo 3D Preview	Renders an interactive 3D preview of the customized product
Chamevo Gravity Forms	Integrates Gravity Forms with the product configurator for advanced form functionality

Adding Widgets to Your Page

Open your page in the Elementor editor
Click the + icon to add a new element
Search for "Chamevo" in the widget search bar
Drag the desired widget to your page layout
Configure the widget settings in the left panel

Most Chamevo widgets come with customizable styling options accessible through the Style tab in the Elementor editor. Available options may vary by widget, but commonly include:

Colors

Text colors
Background colors
Border colors

Borders & Effects

Border type, width, and radius
Box shadow effects

Spacing

Padding (inner spacing)

Typography

Font styling options (available on some widgets)

Button States

Normal and hover styling (for widgets with buttons)

To access styling options:

Select the Chamevo widget in your layout
Click the Style tab in the left panel
Expand the styling sections available for that widget
Make your adjustments and preview changes

When working with Chamevo widgets in the Elementor editor, most widgets will display as placeholders rather than showing the full interface. This is intentional and done for performance reasons to keep the editor running smoothly.

Widgets appear as simplified placeholders in the Elementor editor, but the actual widget functionality will be visible on the live page. Always preview your page on the frontend to see how widgets actually look.

Troubleshooting

Styling not showing? Clear your browser cache and Elementor cache (Elementor > Tools > Regenerate CSS).

Updated on: 05/12/2025

Was this article helpful?

Thank you!