4 façons d'importer des images et des fichiers personnalisés dans votre boutique Shopify

Il existe essentiellement quatre méthodes, plus ou moins complexes, mais qui mènent toutes au même résultat : obtenir l'URL personnalisée de votre image ou fichier, hébergé par Shopify (domaine cdn.shopify.com), afin de pouvoir le partager ou l'utiliser dans vos e-mails.

Le principal avantage de l'hébergement sur le CDN Shopify est la couverture réseau mondiale, permettant aux visiteurs un téléchargement rapide, quel que soit leur emplacement. Et bien sûr, c'est gratuit (inclus dans votre abonnement Shopify).

Méthode n°1 – Importer une image ou un fichier via les fichiers Shopify

C'est probablement l'approche la plus simple, utilisant la section Fichiers de votre interface administrateur Shopify. Elle est disponible pour tous les forfaits, y compris le forfait Basic. La difficulté réside dans le fait que cette section est "cachée" dans les paramètres de la boutique.

1. Accédez à l'interface administrateur de votre boutique et allez dans Paramètres
2. . Dans le menu de gauche, sélectionnez Fichiers
3. . Cliquez sur le bouton vert Importer des fichiers et choisissez votre fichier.
4. Une fois le fichier importé et traité, il apparaîtra dans la liste. Pour obtenir le lien direct, cliquez simplement sur l'icône "lien".

Si vous avez un forfait Shopify payant, vous pouvez importer n'importe quel fichier, sauf les fichiers HTML. La taille maximale est de 20 Mo et la résolution de 20 MPx (mégapixels).

L'importation comporte certaines limitations si vous êtes en période d'essai, et seules les extensions de fichiers suivantes sont prises en charge pour des raisons de sécurité.

• JS
• CSS
• GIF
• JPG
• PNG
• JSON
• CSV
• PDF (uniquement après validation par e-mail)

Méthode n°2 – Importer une image (pas un fichier) via l'éditeur de thème Shopify

Si vous ne souhaitez pas utiliser l'importation via les Fichiers (ou si vous n'y avez pas accès), vous pouvez utiliser l'éditeur de thème.

1. Accédez à l'interface administrateur et allez dans Boutique en ligne > Thèmes
2. . Cliquez sur Personnaliser pour l'un de vos thèmes (pas nécessairement celui en ligne).
3. Cliquez sur Ajouter une section et sélectionnez un élément contenant une image. Vous pouvez aussi modifier une image existante en en important une nouvelle.
4. Une fois l'image importée, faites un clic droit dessus et ouvrez-la dans un nouvel onglet pour obtenir l'URL. L'URL sera probablement une version recadrée comme celle-ci : https://cdn.shopify.com/s/files/1/0463/8775/7221/files/shopify_256x256_crop_center.png?v=1637539155. Il vous suffit de supprimer "_256x256_crop_center" pour obtenir votre lien.
5. Une fois terminé, n'oubliez pas de supprimer la nouvelle section ou de fermer l'éditeur de thème sans enregistrer. L'image importée restera dans votre boutique.

L'inconvénient majeur est que vous ne pouvez importer que des formats d'image (GIF, JPG ou PNG).

Méthode n°3 – Importer une image (pas un fichier) via l'éditeur de texte enrichi

La troisième méthode est similaire à la deuxième et permet également d'importer uniquement des images. Vous devez trouver un éditeur de texte enrichi dans votre interface Shopify pour importer une image personnalisée.

L'éditeur de texte enrichi se trouve, par exemple, dans les descriptions de produits ou les articles de blog.

1. Accédez à l'interface administrateur et allez dans Produits
2. . Dans l'onglet Description, cliquez sur l'icône d'image et importez votre image.
3. Insérez l'image dans la description et assurez-vous de sélectionner la taille originale.
4. Faites un clic droit sur l'image insérée et sélectionnez "Ouvrir l'image dans un nouvel onglet" pour récupérer l'URL unique.
5. Fermez la modification du produit sans enregistrer (l'image sera tout de même importée).

Méthode n°4 – Importer une image ou un fichier via les méta-champs Shopify

Les metafields Shopify (aussi appelés champs personnalisés) existent depuis un certain temps, mais depuis juillet 2021, ils sont intégrés à l'interface d'administration, avec un éditeur simple.

Ils vous permettent d'enrichir votre boutique (produits, collections, clients) avec des champs personnalisés. L'un des types de champs est le fichier, qui vous permet d'importer n'importe quel fichier personnalisé dans votre boutique.

1. Accédez à l'administration de votre boutique et allez dans Paramètres > Metafields
2. Sélectionnez Produits dans la vue d'ensemble et cliquez sur Ajouter une définition
3. Saisissez le nom et la description de votre metafield, puis cliquez sur Sélectionner le type de contenu > Fichier. Modifiez les options de fichier pour passer d'images uniquement à Accepter tous les types de fichiers, puis enregistrez le metafield
4. Retournez dans l'administration de la boutique, allez dans Produits et sélectionnez un produit
5. Faites défiler jusqu'à la section Metafields et importez un fichier personnalisé

Quelle est la meilleure méthode ?

Comme vous pouvez le constater, chaque méthode est très différente, mais nous recommandons vivement la première : l'importation de fichiers personnalisés via la section fichiers dans les paramètres.

C'est la plus simple ; elle vous permet d'importer des fichiers comme des images et de récupérer facilement leurs liens directs.

Les autres méthodes fonctionnent aussi, mais il s'agit plutôt de solutions de contournement.