Boutique en ligne michel und 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 phase de test avec Shopify, nous avons opté pour WordPress. Shopify était certes simple d'utilisation, mais manquait de flexibilité dans la conception.

Le bon thème WooCommerce comme base

Justyna: Je m'occupe du graphisme chez michel und elbe. Comme je travaille aussi beaucoup comme web designer, je suis depuis longtemps à l'aise dans le monde de WordPress. J'ai pris beaucoup de plaisir à utiliser les images de michel und elbe pour créer notre nouveau site web et notre boutique.

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 très 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 und 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 à basculer 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 - une combinaison pas si simple. Comment avez-vous relevé le défi ?

Andreas : Oui, bientôt des milliers d'images, car nous montrons des mockups de chaque motif pour montrer l'effet de l'image dans une situation d'habitation. On perd vite la vue d'ensemble dans la médiathèque standard de WordPress. Nous n'avons pas pu le faire sans un bon plug-in premium. Nous organisons les images dans des dossiers et sous-dossiers avec le plugin Real Media Library, ce qui nous facilite grandement le travail.

Gutenberg est controversé, vous aimez l'utiliser. Pourquoi cela ? 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. Lorsque j'ai vu le nouvel éditeur Gutenberg pour la première fois, j'ai eu 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 ainsi à un autre endroit facilite grandement le travail. Un thème simple pour WordPress ou WooCommerce, quelques bons blocs au choix et le site web est prêt. Avant, on personnalisait un thème et il avait ses propres éléments de design à disposition. 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 épuré.

Selon les besoins, je choisis les blocs dont j'ai besoin - et je peux renoncer au reste du lest. Cela permet d'augmenter significativement les performances du site web. Outre les blocs standard fournis par Gutenberg , je préfère travailler avec Ghost Kit et avec 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 à chaque nouvelle 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 adéquat WooCommerce

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

Andreas : Au début, nous avons construit la nouvelle boutique michel und elbe sur un serveur de masse (Strato). Lors de la conception, les performances étaient encore bonnes. Mais lors de la mise en place et de la gestion des produits dans le backend de WooCommerce , nous avons remarqué que nous avions besoin d'urgence de plus de puissance de calcul. Nous avons donc cherché un hébergement allemand spécialisé dans WordPress. C'est ainsi que nous sommes arrivés chez Raidboxes sommes arrivés.

Comment avez-vous testé les performances de nos BOX? Et comment notre support vous a-t-il aidé lors de l'installation ?

Justyna : La mise en place de BOX a été si simple avec le Migrator de Raidboxes que nous n'avons pas eu besoin d'aide. Il a suffi d'attendre que le site soit copié pour que BOX soit prêt. C'est du moins le souvenir que j'en ai.

Andreas : Au début, le support nous a conseillé de tester la version STARTER-BOX. Nous avons trouvé cela super, car on ne voulait pas nous vendre tout de suite le tarif PRO. Les performances de STARTER-BOX étaient bonnes, mais pas assez rapides 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 réglages 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 réglages pour un hébergement optimal de WordPress.

Au fait, j'adore votre fonction de chat - elle est dans l'air du temps et permet de gagner du temps. Très cool pour les gens 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 le chat permet d'échanger des liens et des captures d'écran. Un grand merci aux collaborateurs intelligents et patients du chat !

Andreas : Nous avions reçu le code d'authentification de notre ancien fournisseur d'accès, 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 cela se fait-il maintenant, si rapidement ?

WooCommerce Mise en cache

Vous utilisez encore WP Rocket pour la performance, en combinaison avec d'autres outils. Quels sont ces outils et pourquoi voulez-vous en changer ?

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

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 fonctionner 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 und elbe ?

Andreas : Pour l'instant, nous sommes très heureux d'avoir pu plus que compenser la baisse du chiffre d'affaires dans les magasins stationnaires due à Corona par la nouvelle boutique en ligne. La boutique va bien sûr continuer à 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.

À l'avenir, nous souhaitons continuer à entretenir et à améliorer nos paramètres de référencement 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 vous 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 de notre grand amour pour la photographie et pour notre ville portuaire sous toutes ses facettes. Au début, nous ne proposions les photographies que dans notre galerie. La boutique en ligne existe depuis 2010.

Boutique en ligne michel und elbe Team
L'équipe de michel und 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 un verre acrylique. Les photos sont disponibles en direct et au toucher dans notre galerie d'Eppendorfer Weg 3 à Hambourg-Eimsbüttel. Nous y conseillons également nos clients sur le thème de la finition et leur donnons des conseils pour l'aménagement de leur espace.

Justyna : outre mon activité pour michel und elbe, je travaille depuis 20 ans comme graphiste et web designer pour différents clients. Si vous souhaitez en savoir plus sur mon travail, n'hésitez 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 ? 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.