Des images shoppables pour Shopify — sans application.
Collez une balise script dans n'importe quel template Liquid. Vos photos produits deviennent des embeds interactifs — hotspots, infobulles personnalisées, statistiques de clics. Compatible avec tous les thèmes Shopify.
Gratuit pour toujours — 3 images, 1 en ligne · Aucune application Shopify à installer · Sans carte bancaire
Installation
Cinq étapes de Markspot à votre boutique Shopify.
Créez votre image shoppable
Importez votre photo produit dans Markspot, placez un hotspot sur chaque produit, ajoutez noms, prix et URL. Cliquez sur Publier pour générer votre code d'embed.
Copiez le code d'embed
Depuis votre tableau de bord Markspot, copiez la balise script de l'image à intégrer. Chaque image a son propre identifiant d'embed.
Ouvrez votre thème Shopify
Dans l'administration Shopify, allez dans Boutique en ligne → Thèmes → menu à trois points → Modifier le code. L'éditeur de templates Liquid s'ouvre.
Collez-la dans votre template
Ouvrez le fichier de template où l'image doit apparaître — product.liquid, page.liquid ou index.liquid. Collez la balise script à l'endroit voulu dans le HTML.
Enregistrez et prévisualisez
Cliquez sur Enregistrer dans l'éditeur de thème, puis sur Aperçu pour vérifier que l'image shoppable s'affiche correctement. Votre embed est en ligne.
La balise d'embed
<script data-embed-id="YOUR_EMBED_ID"
src="https://markspot.app/embed/embed.v1.js"></script>Remplacez YOUR_EMBED_ID par l'identifiant indiqué dans votre tableau de bord Markspot.
Emplacements dans les templates
Où placer votre embed dans Shopify.
product.liquid Ajoutez une photo lifestyle shoppable à chaque page produit — montrez l'article en situation, à côté de la grille produits.
page.liquid Créez une landing page ou une page de campagne shoppable dédiée, avec plusieurs images.
index.liquid Mettez en avant une image shoppable sur la page d'accueil de votre boutique.
article.liquid Rendez vos articles de blog shoppables — repérez chaque produit visible dans vos photos éditoriales.
Vous utilisez un thème Shopify 2.0 ? Ajoutez un bloc de section Liquid personnalisé dans l'éditeur de thème et collez-y la balise d'embed — sans toucher au code.
FAQ
Markspot sur Shopify, en clair.
Créez votre image shoppable dans Markspot, copiez la balise script d'embed, puis collez-la dans le fichier de template Liquid voulu depuis l'éditeur de thème Shopify (Boutique en ligne → Thèmes → Modifier le code). L'image devient interactive dès l'enregistrement — sans application à installer ni accès à l'API Shopify.
Non. Markspot fonctionne avec une balise script HTML standard, pas avec une application Shopify. Vous collez la balise directement dans votre template Liquid. Donc aucune autorisation d'application, aucune procédure de validation et aucun abonnement d'application Shopify en plus de votre abonnement Markspot.
Oui. La balise script d'embed Markspot fonctionne avec tous les thèmes Shopify — Dawn, Debut, Sense, Refresh et tous les thèmes sur mesure — car il s'agit de simple HTML/JavaScript. Collez-la n'importe où dans un template Liquid et elle s'affiche.
Oui. Avec les thèmes Online Store 2.0, vous pouvez aussi utiliser le bloc de section Liquid personnalisé de l'éditeur de thème pour ajouter le code d'embed sans modifier directement les fichiers de template. C'est souvent plus simple si vous n'êtes pas développeur.
Oui. Ouvrez product.liquid (ou sections/main-product.liquid dans les thèmes 2.0) et collez la balise d'embed là où l'image shoppable doit apparaître — en général sous la description du produit ou dans une section dédiée « Inspiration ».
Le script d'embed Markspot se charge de façon asynchrone et est servi depuis un CDN. Il ne bloque pas l'affichage de la page. L'image elle-même est hébergée par Markspot : elle n'entame donc pas votre espace de stockage média Shopify.
Rendez votre boutique Shopify shoppable — gratuitement.
Sans application à installer. Sans revue de code. En ligne en quelques minutes.