pCon 3-D Produktkonfigurator in WooCommerce integrieren
Budget: €1,500 – €3,000 EUR
Ich möchte gerne den pCon virtual 3D Produktkonfigurator von https://www.easterngraphics.com/de.html in unseren Online-Shop integrieren. Siehe Beispiel-URL mit Demodaten und Hook-URL für den plain text output von OCI-Daten:
https://ui.pcon-solutions.com/#GATEKEEPER_ID=61499c7cabae6&moc=HANS&ban=3316&sid=EGG&ovc=OptionFabric.FabricFamily%3D0Christianhavn%3BOptionFabric.FabricColor%3Dkva_chh_1132&lang=de&HOOK_URL=https%3A%2F%2Fwww.boutiquedanoise.ch%2Fprodukt%2Ffritz-hansen-das-ei-sessel-3316-beige-orange%2F&alpha=-37&beta=6&fov=45
Dieser individualisierte Link muss als iframe in das Shopsystem eingebunden werden. Eastern Graphics empfiehlt die Verwendung eines Overlays, da somit der potenzielle Designbruch für den Benutzer weniger wahrnehmbar ist. Ausserdem schlagen sie vor, eine Javascript-Funktion auf der übergeordneten Seite zu verwenden (normalerweise eine im HTML-Header enthaltene js-Datei). Diese Funktion sollte den iframe entfernen und den Bereich eventuell durch den Warenkorb ersetzen oder sie leitet direkt auf eine andere HTML-Seite für den Warenkorb um.
In der HTML der HOOK-URL sollte die Javascript-Funktion aufgerufen werden. Ist die Konfiguration abgeschlossen und wird der Button "In den Warenkorb" angeklickt, wird die HOOK-URL aufgerufen und die Javascript-Funktion ausgeführt. Somit werden die Artikelinformationen an das Shopsystem zurückgesendet. Dazu muss der Shop beim Aufruf von pCon.ui im iframe eine HOOK-URL angeben. Der Button "In den Warenkorb" ist nicht sichtbar, wenn keine HOOK-URL angegeben wird. Der Shop muss sicherstellen, dass die HOOK-URL für jede Benutzersitzung eindeutig ist, damit die Antwort von pCon.ui für jeden Benutzer im Warenkorb separat behandelt werden kann.
Für die iframe Integration des pCon.ui sind weiterhin folgende Informationen wichtig:
https://ui.pcon-solutions.com/#GATEKEEPER_ID=61499c7cabae6&sh=true&ap=true
https://ftp.easterngraphics.com/egr_download/static/pCon/cloud/ui/pCon.cloud_UI_Shop.pdf
https://ftp.easterngraphics.com/egr_download/static/pCon/cloud/ui/pCon.cloud_UI_Shop_API_Prices.pdf
https://ftp.easterngraphics.com/egr_download/static/pCon/cloud/ui/OBX_1.5_EN.pdf
https://ui.pcon-solutions.com/#GATEKEEPER_ID=61499c7cabae6&moc=HANS&ban=3316&sid=EGG&ovc=OptionFabric.FabricFamily%3D0Christianhavn%3BOptionFabric.FabricColor%3Dkva_chh_1132&lang=de&HOOK_URL=https%3A%2F%2Fwww.boutiquedanoise.ch%2Fprodukt%2Ffritz-hansen-das-ei-sessel-3316-beige-orange%2F&alpha=-37&beta=6&fov=45
Dieser individualisierte Link muss als iframe in das Shopsystem eingebunden werden. Eastern Graphics empfiehlt die Verwendung eines Overlays, da somit der potenzielle Designbruch für den Benutzer weniger wahrnehmbar ist. Ausserdem schlagen sie vor, eine Javascript-Funktion auf der übergeordneten Seite zu verwenden (normalerweise eine im HTML-Header enthaltene js-Datei). Diese Funktion sollte den iframe entfernen und den Bereich eventuell durch den Warenkorb ersetzen oder sie leitet direkt auf eine andere HTML-Seite für den Warenkorb um.
In der HTML der HOOK-URL sollte die Javascript-Funktion aufgerufen werden. Ist die Konfiguration abgeschlossen und wird der Button "In den Warenkorb" angeklickt, wird die HOOK-URL aufgerufen und die Javascript-Funktion ausgeführt. Somit werden die Artikelinformationen an das Shopsystem zurückgesendet. Dazu muss der Shop beim Aufruf von pCon.ui im iframe eine HOOK-URL angeben. Der Button "In den Warenkorb" ist nicht sichtbar, wenn keine HOOK-URL angegeben wird. Der Shop muss sicherstellen, dass die HOOK-URL für jede Benutzersitzung eindeutig ist, damit die Antwort von pCon.ui für jeden Benutzer im Warenkorb separat behandelt werden kann.
Für die iframe Integration des pCon.ui sind weiterhin folgende Informationen wichtig:
https://ui.pcon-solutions.com/#GATEKEEPER_ID=61499c7cabae6&sh=true&ap=true
https://ftp.easterngraphics.com/egr_download/static/pCon/cloud/ui/pCon.cloud_UI_Shop.pdf
https://ftp.easterngraphics.com/egr_download/static/pCon/cloud/ui/pCon.cloud_UI_Shop_API_Prices.pdf
https://ftp.easterngraphics.com/egr_download/static/pCon/cloud/ui/OBX_1.5_EN.pdf