Wir bereiten die neuesten Anleitungen, Releases und Feature-Updates vor.
Anleitungen werden geladen
Wir bereiten die passenden Inhalte der Wissensdatenbank für diese Plattform vor.
Chamevo mit Elementor verwenden | Chamevo Support Center
Chamevo mit Elementor verwenden
Ziehen Sie Chamevo-Widgets per Drag-and-Drop in Elementor, um den Produkt-Customizer, Module, Aktionsbuttons und andere Komponenten visuell zu positionieren.
Aktualisiert am 28. April 20265 Min. Lesezeit
Chamevo registriert eine Reihe von Elementor-Widgets, mit denen Sie Customizer-Komponenten direkt im Elementor-Editor per Drag-and-Drop platzieren können. Anstatt Shortcodes zu schreiben, wählen Sie Widgets aus der Chamevo-Kategorie und positionieren sie visuell auf Ihrer Seite.
Bevor Sie beginnen
Elementor (kostenlos oder Pro) muss installiert und aktiviert sein.
Chamevo muss installiert und aktiviert sein.
Sie benötigen mindestens ein Chamevo-Produkt, das im Product Builder erstellt wurde.
Der Seite muss über die Chamevo-Metabox ein Chamevo-Produkt zugewiesen sein.
Verfügbare Widgets
Alle Chamevo-Widgets erscheinen unter der Kategorie Chamevo im Elementor-Widget-Panel.
Widget
Was es rendert
Entsprechender Shortcode
Hinweise
Chamevo Product Customizer
Die Haupt-Customizer-Leinwand und UI
[chamevo]
Chamevo Module
Ein bestimmtes Modul (Text, Images, Graphics, etc.)
[chamevo_module]
Chamevo Action
Ein einzelner Aktionsbutton (Print, Undo, Redo, etc.)
Das eigenständige Bestellformular (Name, E-Mail, Absenden)
[chamevo_form]
Chamevo Share
Share-Button, der einen Link zum aktuellen Design generiert
[chamevo_share]
Chamevo Saved Products
Raster gespeicherter Designs für den angemeldeten Kunden
[chamevo_saved_products]
Chamevo Pricing Breakdown
Live-Preisaufschlüsselung basierend auf Dynamic Pricing-Regeln
[chamevo_pricing_breakdown]
Nur V2
Chamevo Property Control
Interaktives Steuerelement für eine einzelne Elementeigenschaft (Füllung, Schrift, Text, etc.)
[chamevo_property_control]
Nur V2
Chamevo Gravity Forms
Customizer mit Gravity Forms-Integration
[chamevo_gf]
Chamevo 3D Preview
3D-Modell-Vorschaupanel
—
Chamevo Color Selection
Farbauswahl-Panel
[chamevo_cs]
Chamevo Bulk Add Form
Bulk Variations Mengenformular
[chamevo_bulk_add_form]
Die zwei mit Nur V2 gekennzeichneten Widgets werden nur registriert, wenn die chamevo-js V2-Engine aktiv ist. Gehen Sie zu Chamevo → Settings → Advanced, um V2 zu aktivieren. Wenn V2 deaktiviert ist, erscheinen diese Widgets nicht im Elementor-Panel.
Schritt 1: Eine Seite mit Chamevo-Widgets erstellen
Erstellen oder bearbeiten Sie eine Seite in Elementor.
Suchen Sie nach „Chamevo" im Widget-Panel oder scrollen Sie zur Kategorie Chamevo.
Ziehen Sie das Widget Chamevo Product Customizer auf Ihr Seitenlayout.
Fügen Sie nach Bedarf weitere Chamevo-Widgets hinzu (Module, Action, Main Bar).
Ordnen Sie sie mit den Spalten- und Abschnittssteuerelementen von Elementor an.
Im Elementor-Editor zeigen Chamevo-Widgets Platzhalterboxen mit dem Widget-Namen an. Der eigentliche Customizer und die Komponenten werden im Frontend gerendert.
Schritt 2: Widget-Einstellungen konfigurieren
Chamevo Product Customizer Widget
Bietet Rahmen- und Border-Radius-Stilsteuerelemente, um das Erscheinungsbild des Customizer-Wrappers anzupassen. Es sind keine Inhaltssteuerelemente erforderlich — das Widget rendert automatisch das zugewiesene Produkt.
Chamevo Module Widget
Wählen Sie aus einem Dropdown aus, welches Modul angezeigt werden soll. Die Modultypen entsprechen den Shortcode-Optionen: Products, Images, Text, Graphics, Designs, Manage Layers, Text Layers, Layouts, My Designs, Save Load, Names Numbers.
Für das Graphics/Designs-Modul können Sie nach bestimmten Grafikkategorie-IDs filtern.
Chamevo Action Widget
Konfigurieren Sie zwei Einstellungen:
Action Type — wählen Sie aus: Print, Reset Product, Undo, Redo, Info, Download, Preview Lightbox, Previous View, Next View, Guided Tour, QR Code, AI Try-On.
Layout — wählen Sie, wie der Button dargestellt wird: Icon Tooltip, Icon Text oder Text.
Der Elementor-Editor zeigt eine Vorschau der ausgewählten Aktion mit dem gewählten Layout.
Chamevo Property Control Widget (nur V2)
Konfigurieren Sie das Element und die zu steuernde Eigenschaft:
Element Title — der Titel des Elements im Product Builder. Muss exakt übereinstimmen, einschließlich Groß-/Kleinschreibung.
Property — welche Eigenschaft exponiert werden soll: Fill Color, Neon Color, Font Family, Font Size oder Text.
Label — optionale Beschriftung über dem Steuerelement.
Options — kommagetrennte Liste erlaubter Werte. Für Fill Color: Hex-Werte zur Einschränkung der Farbfelder. Für Font Family: Schriftnamen zur Begrenzung der Auswahl.
Min / Max / Step — Bereichsgrenzen und Schrittgröße. Gilt nur für Font Size.
Columns — Anzahl der Spalten für Farbfeld-Layouts (Fill Color).
CSS — Inline-CSS für den Steuerelement-Wrapper zur Breiten- oder Abstandsanpassung.
Keine Inhaltssteuerelemente. Das Widget rendert automatisch die Live-Preisübersicht, gesteuert durch Ihre Dynamic Pricing-Regeln. Für die Anzeige von Positionen muss mindestens eine aktive Preisregel konfiguriert sein.
Speichern oder schließen Sie den Elementor-Editor.
Öffnen Sie im WordPress-Editor (Seitenleiste) die Chamevo-Metabox.
Wählen Sie das anzuzeigende Produkt aus.
Speichern Sie die Seite.
Die Chamevo-Produktzuweisung erfolgt über die WordPress-Metabox, nicht über die Elementor-Widget-Einstellungen.
Beispiel: Zweispaltiges Layout
Ein gängiges Muster ist ein zweispaltiges Layout mit dem Customizer links und den Modulen rechts:
Erstellen Sie einen zweispaltigen Elementor-Abschnitt (z. B. 60/40-Aufteilung).
Ziehen Sie das Widget Chamevo Product Customizer in die linke Spalte.
Ziehen Sie Chamevo Module-Widgets (Text, Images, Manage Layers) in die rechte Spalte.
Fügen Sie Chamevo Action-Widgets (Undo, Redo, Download) unter den Modulen hinzu.
Gestalten Sie die Spalten mit Abständen und Zwischenräumen über die Steuerelemente von Elementor.
Überprüfen Sie Ihr Setup
Öffnen Sie die Seite im Frontend (nicht im Elementor-Editor).
Überprüfen Sie, ob der Customizer im Bereich des Product Customizer-Widgets geladen wird.
Überprüfen Sie, ob Module und Aktionsbuttons an ihren Widget-Positionen erscheinen.
Testen Sie Interaktionen: Text hinzufügen, Bild hochladen, Rückgängig/Wiederholen verwenden.
Fehlerbehebung
Widgets zeigen Platzhalter im Frontend
Überprüfen Sie, ob der Seite über die WordPress-Metabox ein Chamevo-Produkt zugewiesen ist.
Das Product Customizer-Widget muss auf der Seite vorhanden sein, damit andere Chamevo-Widgets funktionieren.
Chamevo-Widgets erscheinen nicht im Widget-Panel
Bestätigen Sie, dass Chamevo aktiviert ist. Die Widgets registrieren sich automatisch, wenn Elementor das Chamevo-Plugin erkennt.
Suchen Sie nach „Chamevo" in der Suchleiste des Widget-Panels. Die Widgets sind unter der Kategorie Chamevo gruppiert.
Customizer lädt, aber Module erscheinen nicht
Modul-Widgets rendern ihren Inhalt, wenn der Customizer initialisiert wird. Stellen Sie sicher, dass auch das Product Customizer-Widget auf der Seite vorhanden ist.
Überprüfen Sie, ob der Modultyp mit der Produktkonfiguration kompatibel ist.
F: Benötige ich Elementor Pro für Chamevo-Widgets?
A: Nein. Chamevo-Widgets funktionieren mit der kostenlosen Version von Elementor. Elementor Pro ist nicht erforderlich.
F: Kann ich Chamevo-Shortcodes innerhalb von Elementor verwenden?
A: Ja. Sie können das Elementor Shortcode-Widget verwenden, um Chamevo-Shortcodes zu platzieren. Die dedizierten Chamevo-Widgets bieten die gleiche Funktionalität mit einem visuelleren Bearbeitungserlebnis.
F: Kann ich Chamevo-Widgets mit den Design-Steuerelementen von Elementor gestalten?
A: Das Product Customizer-Widget unterstützt Rahmen- und Border-Radius-Styling. Für detailliertere Anpassungen verwenden Sie benutzerdefiniertes CSS über den Erweitert-Tab von Elementor oder die Chamevo CSS-Einstellungen.
F: Warum zeigen Widgets Platzhalter im Editor?
A: Der Customizer benötigt Frontend-JavaScript zur Initialisierung. Im Elementor-Editor zeigen Widgets beschreibende Platzhalter an. Öffnen Sie die Seite im Frontend, um den Live-Customizer zu sehen.
