Boutique en ligne michel et elbe

WooCommerce mise en œuvre performante : Boutique en ligne michel und elbe

Une boutique WooCommerce avec beaucoup d'images ? Et en plus, une migration vers un nouvel hébergeur WordPress ? Ce n'est pas une tâche facile. Notre interview avec la designer Justyna Schmidt et le photographe Andreas Schmidt-Wiethoff de la boutique en ligne michel und elbe montre comment il est possible d'y faire face malgré tout. Avec des recommandations pour les bons plugins.

Vous avez une magnifique boutique en ligne WordPress avec des photographies autour de Hambourg. Comment le design a-t-il été créé et quels outils utilisez-vous ?

Andreas : Avant, nous avions une boutique Magento très élaborée et nous dépendions d'une agence numérique. Cela nous coûtait beaucoup d'argent et nous n'étions pas toujours satisfaits des temps de réaction. C'est pourquoi nous avons décidé début 2020 de prendre les rênes nous-mêmes. Deux systèmes entraient en ligne de compte : Shopify et WordPress, respectivement. WooCommerce.

Après une période d'essai avec Shopify, nous avons opté pour WordPress. Shopify était facile à utiliser, mais pas assez flexible en termes de design.

Le bon thème WooCommerce comme base

Justyna: Je m'occupe des graphiques chez michel et elbe. Comme je travaille aussi beaucoup comme web designer, je suis depuis longtemps à l'aise dans le monde de WordPress. C'était vraiment amusant de créer notre nouveau site web et notre boutique avec les images de michel et elbe.

J'ai choisi Shopkeeper comme thème WordPress - c'était une très bonne base pour la boutique WooCommerce et pour le design. Bien sûr, cela n'a pas été possible sans de nombreuses adaptations CSS, mais c'est aussi amusant de personnaliser le thème.

WooCommerce mise en œuvre performante : Boutique en ligne michel und elbe
Hambourg pour le mur : une des photographies de michel et elbe

Pour la page d'accueil, j'ai longtemps cherché un slider simple et rapide. Je voulais m'éloigner du LayerSlider et du Smart Slider. Avec le Gutenslider du développeur allemand Niklas Plessing, j'ai enfin trouvé un slider qui peut être édité directement dans l'éditeur de WordPress, sans avoir à switcher dans l'environnement de configuration propre et souvent compliqué du slider. Je trouve cela beaucoup plus efficace.

Gestion des images dans WordPress

WooCommerce et des centaines d'images - pas une combinaison facile. Comment avez-vous relevé le défi ?

Andreas : Oui, bientôt des milliers d'images, car nous montrons encore des MockUps de chaque motif, comment l'image apparaît dans une situation d'habitation. On perd vite la vue d'ensemble dans la médiathèque standard de WordPress. Cela n'a pas été possible sans un bon plugin premium. Nous organisons les images dans des dossiers et sous-dossiers avec le plugin Real Media Library, ce qui nous facilite grandement la tâche.

Gutenberg est controversé, tu aimes l'utiliser. Pourquoi ? Et quels sont les blocs utilisés ?

Justyna : Je travaille avec Gutenberg depuis sa sortie en 2018 et je ne pourrais plus me passer des blocs. Quand j'ai vu le nouvel éditeur Gutenberg pour la première fois, ça a été le coup de foudre. Pour moi, c'était comme Noël, comme si j'avais reçu un nouveau jeu de construction LEGO, extensible à l'infini. Plus de backend compliqué et presque "what you see is what you get".

La possibilité de copier des groupes entiers et de les utiliser à un autre endroit facilite grandement le travail. Un thème simple pour WordPress ou WooCommerce, quelques bons blocs de ton choix et ton site est prêt. Auparavant, il fallait personnaliser un thème et il avait ses propres éléments de design disponibles. Et selon le thème, il fallait réapprendre le backend. Maintenant, je n'ai plus besoin d'un thème "lourd", je peux garder un site web léger.

En fonction de mes besoins, je choisis les blocs dont j'ai besoin - et je peux me passer du reste du ballast. Cela permet d'augmenter significativement la performance du site web. Outre les blocs standard fournis par Gutenberg , je préfère travailler avec Ghost Kit et les blocs Kadence. J'ai essayé de nombreuses collections de blocs, mais je peux toujours compter sur ces deux-là.

Je trouve aussi que Gutenberg s'améliore avec chaque version. Depuis WordPress 5.5, beaucoup de choses ont changé. Je trouve cette évolution formidable et je ne regrette pas de m'être lancé dans Gutenberg à l'époque.

L'hébergement WooCommerce qui convient

Vous êtes passés récemment à Raidboxes . Quelle était la raison ?

Andreas : Au début, nous avons construit la nouvelle boutique michel et elbe sur un serveur de masse (Strato). Lors de la conception, cela allait encore avec la performance. Mais en ajoutant et en gérant les produits dans le backend de WooCommerce , nous avons réalisé que nous avions désespérément besoin de plus de puissance de calcul. Nous avons cherché un hébergement allemand spécialisé dans WordPress. C'est ainsi que nous avons trouvé Raidboxes Nous sommes arrivés à

Comment as-tu testé les performances de nos BOX? Et comment notre support t'a-t-il aidé à l'installer ?

Justyna : L'installation de BOX a été si facile avec le Migrator de Raidboxes que nous n'avons pas eu besoin d'aide. Attendre un peu que le site soit copié et BOX était prêt. C'est du moins ce dont je me souviens.

Andreas : Au début, le support nous a conseillé d'essayer la version STARTERBOX. Nous avons trouvé cela super, car on ne voulait pas nous vendre tout de suite le tarif PRO. La performance de STARTER-BOX était bonne, mais pas assez rapide pour notre boutique complexe avec des centaines de produits variables dans le backend.

Nous voulions que ce soit amusant. Et c'est ce que nous avons obtenu. Avec le tarif PRO pour WooCommerce, que nous avons ensuite testé. C'est ce que nous voulions. Nous avons immédiatement activé BOX (après 10 minutes de test, nous étions convaincus) et avons fait une redirection de notre domaine vers BOX . Pour la mise en place de la redirection, l'assistance par chat nous a aidés rapidement et facilement.

Migrer WordPress - en toute sérénité

Comment s'est déroulée la migration-même ? En tant que propriétaire de boutique, ce n'est pas un moment sans tension...

Justyna : C'est ce qui m'a le plus surprise. Avant, c'était toujours une agence numérique qui faisait le déménagement de domaine pour nous et j'avais peur que quelque chose se passe mal, que les paramètres ou les liens ne suivent pas. Après le déménagement réussi, Christian du support m'a super aidé pour la gestion des DNS, car je ne m'y connaissais guère. C'est à ce moment-là que j'ai eu besoin d'une aide active de votre part. Et Christian m'a "pris par la main" dans le chat et m'a guidé à travers les paramètres pour un hébergement WordPress optimal.

Au fait, j'adore ta fonction de chat - elle est moderne et permet de gagner du temps. Très cool pour les personnes qui n'aiment pas téléphoner, comme moi. L'aide offerte par le chat est d'une telle qualité et d'une telle pertinence que le téléphone n'est plus du tout nécessaire. C'est même mieux, car on peut échanger des liens et des captures d'écran dans le chat. Un grand merci aux employés intelligents et patients du chat !

Andreas : Nous avions reçu le code d'authentification de notre ancien fournisseur, nous l'avions inscrit sur Raidboxes et 10 minutes plus tard, nous étions en direct. Je me souviens encore de l'excitation le jour du livegang. Comment, si vite ?

WooCommerce Mise en cache

Tu utilises encore WP Rocket pour la performance, en combinaison avec d'autres outils. Quels sont-ils et pourquoi veux-tu changer ?

Justyna : Lorsque nous hébergions michelundelbe.de sur un serveur de masse, j'ai mis en place de manière très élaborée sur le site WP Rocket en combinaison avec Asset CleanUp Page Speed Booster afin d'améliorer les performances. Avec la combinaison de ces deux plugins premium, j'avais obtenu de très bons résultats sur le front-end.

Mais ce n'est plus nécessaire. Grâce à la mise en cache intégrée de Raidboxes, nous n'aurons plus besoin de WP Rocket à l'avenir, nous sommes en train de mettre fin à l'abonnement. J'ai déjà désactivé la fonction de mise en cache de WP Rocket afin d'éviter tout conflit avec la mise en cache propre au serveur.

Pour l'optimisation des données, un plugin gratuit comme Swift Performance lite sera probablement suffisant. Je laisse tourner une version gratuite d'Asset CleanUp Page Speed Booster.

Boutique en ligne vers le magasin de détail

Quels sont les projets d'avenir pour la boutique michel et elbe ?

Andreas : Pour l'instant, nous sommes très heureux d'avoir plus que compensé la baisse des ventes dans le magasin fixe due à Corona grâce à la nouvelle boutique en ligne. La boutique continuera bien sûr à se développer et nous sommes continuellement en train d'ajouter de nouveaux produits et de nouvelles catégories de produits. Nous analysons le comportement d'achat de nos clients et adaptons également nos produits.

A l'avenir, nous voulons continuer à entretenir et améliorer nos paramètres SEO avec Yoast SEO. Avec autant de produits, cela représente beaucoup de travail. Pour faire connaître encore plus la boutique, nous prévoyons des pages de renvoi en lien avec une campagne Google Ads.

Quelques mots sur toi et michelundelbe.de?

Andreas : La galerie michel und elbe existe déjà depuis 2005. À l'époque, nous étions les premiers à Hambourg à proposer exclusivement des photos de Hambourg. L'idée est née d'un grand amour pour la photographie et pour notre ville portuaire sous toutes ses facettes. Au début, nous ne proposions les photos que dans notre galerie. La boutique en ligne existe depuis 2010.

Boutique en ligne michel et elbe Team
L'équipe de michel et elbe

Selon la devise "Hambourg pour le mur", nos travaux photographiques sont disponibles dans la boutique en ligne sous forme de toile, de contrecollage Dibond ou derrière du verre acrylique. Tu peux toucher les photos en direct dans notre galerie au Eppendorfer Weg 3 à Hambourg-Eimsbüttel. Ici, nous conseillons également nos clients sur le thème de la finition et donnons des conseils pour la décoration de la pièce.

Justyna : en plus de travailler pour michel et elbe, je travaille depuis 20 ans en tant que graphiste et web designer pour différents clients. Si tu veux en savoir plus sur mon travail, n'hésite pas à jeter un coup d'œil ici : freiraum-grafikdesign.de.

Boutique en ligne avec WooCommerce: tes questions

Quelles questions poses-tu à Justyna et Andreas ? Quels sont les outils que tu peux recommander toi-même ? N'hésite pas à utiliser la fonction commentaire. Tu veux plus de conseils sur WordPress et WooCommerce? Alors suis-nous sur Twitter, Facebook ou via notre newsletter.

As-tu aimé cet article ?

Tes évaluations nous permettent d'améliorer encore plus notre contenu.

Laisse un commentaire

Ton adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués d'un *.