Comment intégrer un viewer 3D sur son site web (Shopify, WordPress, Webflow)

Guide pas à pas pour ajouter un viewer 3D interactif à votre site. Compatible Shopify, WordPress, Webflow et tout CMS avec iFrame.

Afficher un produit en 3D sur votre fiche produit augmente le taux de conversion de façon mesurable. Les études Shopify montrent +94 % de conversions sur les fiches avec visualisation 3D interactive. Voici comment l'intégrer en quelques minutes, sans développeur.

Ce dont vous avez besoin

• Un fichier 3D de votre produit (GLB, STEP, FBX ou OBJ)
• Un compte OmniView 3D (plan gratuit suffit pour démarrer)
• Un accès à l'éditeur de votre CMS

Étape 1 — Uploader votre modèle 3D

Connectez-vous à OmniView 3D et glissez-déposez votre fichier. La conversion prend moins de 60 secondes. Vous obtenez un viewer interactif avec un code iFrame prêt à copier.

Étape 2 — Récupérer le code d'intégration

Depuis le viewer, cliquez sur « Partager » puis « Code d'intégration ». Vous obtenez un snippet iFrame du type : <iframe src="https://omniview3d.com/view/votre-id" width="100%" height="500"></iframe>. Copiez ce code.

Intégration sur Shopify

1. 1Allez dans Boutique en ligne > Thèmes > Personnaliser
2. 2Ouvrez la fiche produit et ajoutez un bloc « HTML personnalisé »
3. 3Collez le code iFrame dans le bloc
4. 4Sauvegardez — le viewer 3D apparaît sur la fiche

Intégration sur WordPress

1. 1Ouvrez l'éditeur de blocs Gutenberg
2. 2Ajoutez un bloc « HTML personnalisé » (cherchez « HTML » dans l'explorateur de blocs)
3. 3Collez le code iFrame
4. 4Publiez ou mettez à jour la page

Intégration sur Webflow

1. 1En mode Designer, ajoutez un élément « Embed » depuis le panneau Add
2. 2Collez le code iFrame dans la zone de code
3. 3Ajustez la hauteur selon vos besoins (recommandé : 500-600px)
4. 4Publiez le site

Conseils pour maximiser la conversion

• Placez le viewer 3D above the fold, visible sans scroll sur desktop
• Utilisez le mode Hologramme (fond noir) pour les produits haut de gamme
• Activez la vue éclatée sur les assemblages complexes
• Testez sur mobile — le viewer est optimisé tactile