Einen anderen Produkt-Customizer für mobile Besucher zuweisen
Weisen Sie ein vereinfachtes Chamevo-Produkt für mobile Geräte zu, damit mobile Besucher eine schnellere und fokussiertere Anpassungserfahrung erhalten.
Weisen Sie mobile Besuchern ein anderes Chamevo-Produkt zu. Verwenden Sie ein einfacheres Produktlayout mit weniger Elementen und kleineren Bildern, um mobilen Kunden eine schnellere Anpassungserfahrung zu bieten.
Bevor Sie beginnen
- Chamevo und WooCommerce sind aktiv und verbunden. Siehe WooCommerce-Shop mit Chamevo verbinden.
- Sie haben mindestens zwei Chamevo-Produkte: eines für Desktop und eine vereinfachte Version für Mobile. Siehe Ihr erstes anpassbares Produkt erstellen.
Warum ein separates Mobilprodukt verwenden
70–80 % des E-Commerce-Traffics kommt von mobilen Geräten. Ein Produkt mit vielen Elementen, großen Bildern und mehreren Ansichten kann auf kleinen Bildschirmen langsam und schwer bedienbar sein.
Ein vereinfachtes Mobilprodukt könnte:
- Weniger Ansichten verwenden (nur Vorderseite statt Vorder- und Rückseite)
- Weniger Elemente auf dem Canvas haben
- Kleinere Hintergrundbilder für schnelleres Laden verwenden
- Die Anzahl der anpassbaren Optionen begrenzen
Funktionsweise
Die Chamevo-Meta-Box bei jedem WooCommerce-Produkt unterstützt separate Produktzuweisungen für Desktop und Mobile. Wenn ein mobiler Besucher die Produktseite öffnet, lädt Chamevo das mobile Produkt statt der Desktop-Version.
Die mobile Erkennung verwendet den User-Agent-String des Browsers. Smartphones und mobile Geräte laden das Mobilprodukt. Tablets und Desktops laden das Desktop-Produkt.
Schritte
1. Ein vereinfachtes Mobilprodukt erstellen
- Gehen Sie zu Chamevo → Products.
- Erstellen Sie ein neues, für Mobile optimiertes Produkt – weniger Ansichten, weniger Elemente, kleinere Bilder.
- Speichern.
Alternativ können Sie Ihr Desktop-Produkt duplizieren und vereinfachen.
2. Das Mobilprodukt zuweisen
- Gehen Sie in Ihrem WordPress-Admin zu Products (WooCommerce).
- Öffnen Sie das WooCommerce-Produkt.
- In der Chamevo-Meta-Box sehen Sie zwei Quellbereiche: Desktop und Mobile.
- Weisen Sie im Bereich Desktop Ihr vollständiges Desktop-Chamevo-Produkt zu.
- Legen Sie im Bereich Mobile den Quelltyp fest und wählen Sie Ihr vereinfachtes Chamevo-Mobilprodukt aus.
