Comment intégrer un design 3D ou AR interactif sur un site Squarespace

L'intégration web Vectary est un moyen simple d'ajouter un élément 3D interactif sur votre blog ou votre site web. Cette technologie s'appelle WebAR. Tout comme pour l'intégration de YouTube, le viewer 3D/AR Vectary génère un code à coller dans l'éditeur web. Toute personne possédant un iPhone ou un Android peut vivre une expérience de réalité augmentée directement depuis le web, sans installer d'application.

Comment intégrer un design 3D/AR interactif sur Squarespace

1. Importez votre modèle 3D dans Vectary Studio ou créez votre propre modèle de toutes pièces.
2. Cliquez sur l'onglet Publish, puis sur le bouton Generate.
3. Rendez-vous dans l'éditeur de thème de Squarespace. Cliquez sur Pages. Cliquez ensuite sur la section que vous souhaitez modifier, ou créez une nouvelle section en cliquant sur le +.
4. Cliquez sur Edit, puis sur l'icône + dans le coin supérieur droit.
5. Ajoutez un bloc de code. En savoir plus sur l'utilisation des blocs de code sur Squarespace.
6. Supprimez le texte par défaut et collez le code d'intégration Vectary généré.
7. Prévisualisez le site. Si vous devez apporter des modifications, générez simplement à nouveau le code, et le viewer se mettra automatiquement à jour.
8. Publiez votre site.
   ‍

Comment apporter des modifications à votre viewer web 3D

Imaginons que vous souhaitiez modifier la couleur, la vue ou l'intégralité de la forme de votre modèle 3D. L'éditeur Vectary fonctionne comme un CMS 3D/AR instantané pour votre viewer web :

1. Ouvrez votre projet 3D sur Vectary.
2. Apportez vos modifications.
3. Cliquez sur l'onglet Publish, puis à nouveau sur le bouton Generate – inutile de remplacer le code. Le viewer 3D sera automatiquement mis à jour sur tous vos sites.

Commencez à créer

Exemple de viewer 3D/AR Vectary :

Votre page Shopify peut contenir un élément interactif comme celui-ci. Ouvrez ce site sur iPhone avec Safari ou sur Android avec Chrome pour le voir également en réalité augmentée.