Épisode 4 : Comment 3 sites créent des expériences inoubliables

Un site Web efficace crée une expérience immersive que le public souhaite revisiter. Quels sont les secrets pour créer des expériences qui valorisent votre marque et vendent vos produits ? Cette semaine, Hannah, Ben et Kathy passent en revue trois sites qui font des impressions et expliquent pourquoi ces expériences ont fonctionné pour eux. Il y a certainement des leçons que tous les propriétaires de sites peuvent tirer. Nous discutons également du nouveau Kadence Google Maps Block, du nouveau plugin de fonctionnalité de l'équipe de performance WordPress, des capacités de sélection multi-blocs du plugin Gutenberg et des mises à jour dans WooCommerce 6.3.

Écoutez via les commandes ci-dessous ou ajoutez-nous à votre application de podcast préférée.

Écouter dans une nouvelle fenêtre.

Horodatages et liens

• 0:00 Présentation
• 1:00 Stratégies de sites Web efficaces : 3 sites qui offrent des expériences immersives
• 10:03 Le nouveau bloc Kadence Google Maps
• 12:27 Quoi de neuf à Kadence
• 13:25 WordPress Performance Team publie un nouveau plugin de fonctionnalité pour les tests
• 14:48 Gutenberg 12.7 ajoute une sélection multi-blocs dans la vue liste
• 16:03 Sortie de WooCommerce 6.3

Transcription de l'épisode 4 de Kadence Beat

Kathy : Bienvenue dans l'épisode 4 de The Kadence Beat. Ceci est le podcast sur la création de sites Web efficaces avec WordPress et Kadence. J'ai survécu à la Disaster Week, les gars.

Hannah : Félicitations.

Kathy : Tellement fière de moi.

Hannah : Je suis fière de toi.

Kathy : Merci !

Ben : Est-ce que des requins sont apparus dans le marketing ?

Kathy : Aucun requin n'est apparu. Quand j'ai dû passer en direct, j'ai changé mon emoji Slack en requin, juste pour que les gens le sachent.

Hannah : C'est génial. Était-ce aussi amusant que Shark Week?

Kathy : Tu sais quoi ? J'ai un peu geeké, dans ma double vie d'aficionado de Kadence, ainsi que de geek de la sécurité. J'ai fait un peu plus attention à la réponse aux incidents que je ne devrais en être fier, mais c'était amusant. J'ai essentiellement créé ces présentations, la première était sur le thème de Star Wars, puis la seconde sur le thème du film Airplane.

Hannah : Incroyable.

Kathy : Ne m'appelle pas Shirley. Donc j'essaie de m'amuser avec la sécurité, mais nous en avons fini avec ça maintenant de retour à Kadence, je suis de retour dans le train en marche de Kadence et ravi d'être ici.

Et nous allons reparler de stratégies de site Web efficaces pour commencer les choses. Nous avions une question sur quel est votre site Web préféré ou un site Web récent qui vous a marqué ou engagé ? Hannah, voulez-vous commencer ?

Hannah : Je suis un peu un gourou du voyage. Donc, un site Web sur lequel je me retrouve souvent est Airbnb. Et en fait, j'étais beaucoup là-bas aujourd'hui parce que je ressens un peu la fièvre de la cabine et j'essaie de comprendre où aller ensuite. Mais j'ai adoré ce qu'ils avaient sur leur page d'accueil aujourd'hui. C'était une banderole qui disait aider à loger les réfugiés fuyant l'Ukraine.

Alors instantanément, je suis attiré parce que vous voulez juste vous embarquer avec des gens qui aident d'autres personnes. Et donc ils ont déjà mon cœur, mais j'aime Airbnb parce que vous n'allez pas là-bas pour louer un condo quelque part dans le monde. Ils veulent vous faire vivre une expérience.

Et vous faites défiler la page et il y a des maisons qui sont comme, voici une cabane dans les arbres en Colombie ou voici comme ce hangar à bateaux magique sur la plage dans un endroit exotique. Et puis Airbnb montre toujours : « Tu aimes ça. D'accord. Regardez ici. Et je me dis, d'accord, peut-être que j'irai là-bas aussi.

Je pense donc qu'ils font un travail incroyable pour attirer les gens, en particulier les gens qui aiment voyager et explorer une aventure. Et puis non seulement voici un endroit où vous pouvez dormir, mais comme voici une expérience que nous voulons vous offrir dans cet endroit cool. Alors ils me gagnent beaucoup.

Kathy : Cool ! Avez-vous l'impression que lorsque vous êtes sur ce site et que vous regardez toutes ces expériences, c'est comme une expérience qui m'emmène, comme si vous viviez réellement cette expérience lorsque vous êtes sur le site, en regardant des photos ?

Hannah : Totalement. Ouais. Je suis comme déjà allongé dans le lit avec un verre de vin sur la jolie table. Regarder par la fenêtre dans cette ville magique ou ailleurs. Il m'y emmène. C'est marrant. J'adore regarder ta pièce. C'est étrange.

Kathy : Ce que je fais, et ce n'est pas mon site, mais j'ai le même genre d'expérience avec Zillow. Comme si je regardais des maisons à 7 millions de dollars ou des maisons à Pebble Beach, en Californie, littéralement, à 40 millions de dollars. Et j'imaginais comme ça que j'habitais là-bas, le même genre de chose, mais personne ne va me le louer sur Airbnb.

Hannah : Ce serait tellement triste parce que vous ne pourrez probablement jamais vivre pleinement cette expérience par rapport à Airbnb, vous le pouvez.

Alors vous vous dites, ça va être ma vraie vie dans ce laps de temps, et c'est plutôt amusant.

Ben : Je me demande, je ne suis pas comme un hôte sur Airbnb, je me demande s'ils font quelque chose pour obtenir de meilleures photos. Parce que j'ai l'impression qu'en général, ils ont beaucoup de bonnes photos. Vous allez parfois sur Zillow, et vous vous dites, wow, cette personne ne savait pas comment prendre des photos de sa maison.

Je me demande s'ils aiment coach pour ça.

Hannah : Il y a beaucoup de gens qui ne savent pas comment faire. Mais les gens qui savent, vous pouvez poster, mettre un joli filtre sur votre photo et je paierai cent dollars de plus par nuit pour ça. Mettez du mignon, de la déco cool, je veux dire. Ce n'est pas si dur.

Kathy : Je me demande si certains de nos clients peuvent utiliser cette technique pour la photographie sur leur site, créer cette expérience immersive car elle attire vraiment les gens.

Hannah : Payez un bon photographe. Ça en vaut la peine.

Kathy : Ben. Qu'en pensez-vous? Avez-vous un site Web qui vous engage vraiment?

Ben : Ouais. Il y a quelques sites auxquels je pensais, mais je pense que celui sur lequel je retourne constamment est Patagonia. Et ce qui est intéressant, c'est que ça ne m'a jamais vraiment intéressé à cause du design. Ce qui m'a engagé, c'est l'activisme et le type de personne qu'ils vendent. Le type de personne qui utilise la Patagonie est aussi celui qui fait du VTT et de l'escalade, et c'est aussi celui qui est actif dans la conservation des terres.

Et faire des choses pour préserver le plein air dans le désert et le transmettre. Et donc ce qui m'attire toujours à propos de Patagonia, c'est cette identité de style de vie, et je pense que c'est une partie importante. Si parler de ce qui m'engage sur un site Web, c'est comme me présenter comme un personnage ou comme quelqu'un que je veux être, et ça va me faire entrer. Je veux être ce grimpeur. C'est assis sur une falaise. Et donc, quand vous pouvez créer des images et ensuite les sauvegarder avec de vraies, pas seulement tout un tas d'images de stock, mais un vrai sens de "nous sommes impliqués dans les gens qui font ces choses" et nous sommes impliqués dans juste les différentes choses qui se passent pour s'assurer que ces choses sont là pour nos enfants et nos petits-enfants. Maintenant, je n'achète pas seulement une veste, j'achète toute cette identité de "oh, je suis l'un de ces types de personnes". Je suis le genre de personne qui porte Patagonia.

Et je suis aussi le genre de personne qui fait toutes ces choses que cette marque représente. Quand je pense à un site Web engageant, c'est un site Web qui a réussi à le faire, être capable d'aimer vraiment présenter une identité et juste cette identité ambitieuse et dire comme ici achetez chez nous parce que vous voulez être comme ça.

Et je pense que c'est facile à emporter pour les gens, c'est de considérer votre site Web et d'aller bien. Quelle identité ambitieuse puis-je regrouper avec ce que je vends ou ce que j'offre au monde. J'ai créé un site Web pour une entreprise de café, une entreprise de torréfaction de café. Nous avons beaucoup parlé de cette identité ambitieuse, de cette personne qui boit, du bon café torréfié biologique et c'est le genre de personne qui est comme… vous pouvez avoir deux matinées, comme je peux avoir une matinée où des enfants pleurent et mon Ma femme est en colère contre moi car le lave-vaisselle n'a pas fonctionné la nuit dernière et j'étais censé le démarrer. Et vous prenez enfin une tasse de café alors que vous êtes comme si vous couriez vers la porte.

Ou vous pouvez être comme, je me suis levé et je me suis assis sur le porche arrière et j'ai regardé le soleil se lever avec cette tasse de café gastronomique. Comme, vous voulez cette identité. Tu ne veux pas de l'autre. Et donc si vous pouvez vendre cette identité, vous allez être en entrant dans ce produit, vous allez être ce type de personne.

Vous allez être le genre de personne qui se lève, qui s'assoit à l'extérieur et qui boit cette merveilleuse tasse de café. Tout d'un coup, je suis beaucoup plus engagé et je veux acheter parce que je me dis : « Je veux ça. Je veux cela. Je ne veux pas seulement le café. Je veux ce style de vie. Et je pense qu'entrer dans votre site Web, je pense que c'est un outil vraiment puissant.

Hannah : Ouais, ce sont de bons points.

Kathy : Nous voulons que les gens aient l'impression que nous créons une expérience qu'ils peuvent vivre, dans laquelle ils peuvent s'immerger. Et cela les fait se sentir d'une certaine manière. Cela leur donne une certaine idée d'eux-mêmes et de qui ils sont.

J'ai une tonne de sites Web préférés, mais je voulais parler de celui avec lequel j'ai eu une expérience vraiment intéressante. Et c'était Pier 1. J'ai donc terminé la journée bien remplie, fatiguée, et je suis juste sur Instagram et je scrolle. Emmène-moi juste un instant, n'importe où.

Ça attire mon attention, une annonce… Maintenant, je suis vraiment dans la décoration et la maison et tout. Je suis juste à une autre étape de ma vie. Je n'irai pas sur un Airbnb de si tôt, mais je vais en faire ma maison… Je vais en faire le plus Airbnb possible, parce que c'est là où j'en suis en ce moment.

Pier 1 attire mon attention, et Pier 1 est parti. Ils n'ont plus de vitrines. Ils sont juste en ligne. Et ils ont cette chaise. Et cette chaise trouvera sa place dans le bureau à l'endroit parfait. Je veux cette chaise. Alors je clique, j'y vais et je regarde cette chaise, puis ils me lancent une annonce, une annonce Kadence Conversions peut-être. Ils m'ont amené dans une annonce et ont dit, nous vous donnerons 10% de réduction si vous nous donnez votre e-mail. Alors je leur donne le mail et ensuite je pars à la recherche de cette chaise. Et puis plus tard dans la journée, ils m'ont envoyé un e-mail et m'ont dit, tu as oublié quelque chose. Et ils me montrent la photo de la chaise. Encore une fois, c'est une expérience très personnalisée.

Mais l'expérience était tellement personnalisée à ce que je cherchais. Et pour moi, j'ai commencé à penser à cette expérience et à ce dont vous parliez dans l'épisode trois, Ben, lorsque vous parliez de vraiment choisir un marché cible. Et ici, Pier 1 avait choisi non seulement un marché cible, mais un produit cible, et ils ont vendu ce produit et il était très personnalisé à mon besoin spécifique. Peut-être qu'ils n'ont eu que 10 personnes avec cette chaise qui ont cliqué sur cette annonce, mais ces 10 personnes voulaient cette chaise en particulier. Et donc ils ont pris un risque. Ils ont fait une publicité pour cette chaise et cela a créé une expérience personnalisée qui s'est terminée plus tard lorsque j'étais absent et que je l'avais oublié et que je faisais autre chose.

Et vérifier mes e-mails en ligne à l'épicerie et il y a encore cette chaise. Et ils sont juste restés devant moi et ils ont créé cette expérience personnalisée sur ce produit spécifique et cela a payé pour eux. Et maintenant, ils sont dans mon e-mail tout le temps. Je n'ai toujours pas acheté la chaise, mais ils ont créé une expérience plus personnalisée.

Ils sont entrés dans la boîte e-mail. Ce n'est plus seulement une publicité qui défile. Ils ont donc pris un risque et cela a payé. Et ils m'ont accroché. C'était donc mon expérience mémorable, pas un site Web préféré, mais une expérience qui m'a vraiment touché. C'est pourquoi je partage.

Ben : Cool.

Hannah : Kathy, à quel moment pensez-vous revenir en arrière et acheter la chaise ?

Kathy : Maintenant, je vais devoir le faire. Exactement. Je ne sais pas, mais c'était tellement cool.

Hannah : On sait que tu vas l'acheter.

Kathy : Je vais devoir le faire, mais l'e-mail qu'ils m'ont envoyé est « tu as oublié quelque chose » et oui, je l'ai fait. Je veux cette chaise. Comme si je devais avoir la chaise. Mon expérience Airbnb dans ma maison est ruinée. Je ne peux pas boire mon café sans avoir cette chaise. C'est vrai, mais c'était une expérience très personnalisée et ça m'a vraiment attiré. Pour moi, c'est une chose que j'aimerais partager. Juste comme quelque chose comme expérience, c'était très ciblé et ça m'a eu.

Bref passons à autre chose maintenant qu'on en a parlé, parlons des nouveautés et de ce qui s'en vient chez Kadence. Et au cours de la semaine dernière, nous en avons parlé à quelques reprises qu'il arrivait et il a finalement chuté. Et j'ai mis à jour mes blocs Kadence sur mon site et le bloc Google Maps est maintenant là.

Alors je dois jouer avec ça. Et j'aime beaucoup la réalisation. Il existe de nombreuses façons de mettre Google Maps sur un site, mais j'ai vraiment aimé la mise en œuvre ici avec ce que Kadence Blocks a fait. Et c'est dans le plugin gratuit. Si vous mettez à jour vers la version 2.3.0 ou ultérieure, vous obtiendrez ce bloc particulier dans votre site compatible Kadence.

Et vous chargez avec une carte du Golden Gate Bridge. Tout ce que vous avez à faire est de commencer à taper un emplacement et d'autres emplacements commencent à apparaître si rapidement et vous pouvez zoomer ou dézoomer en fonction de ce que vous essayez de communiquer. Je pensais que c'était vraiment cool. Ben, qu'est-ce qui a motivé toutes les personnalisations que vous proposez ici ?

Ben : Ouais. En commençant par la façon dont nous voulions intégrer les cartes. Il existe plusieurs options différentes et c'est parce que Google propose différentes options. Nous faisons donc simplement une intégration iframe par défaut, et cela utilise une clé API, qui est en fait connectée avec nous. Mais c'est gratuit. Ils sont là, l'intégration est gratuite.

Mais si vous voulez qu'il aille plus loin, comme avec la carte intégrée, vous pourrez choisir l'emplacement et le zoom et vous pouvez même filtrer dessus en fonction de si vous voulez un noir et blanc ou des choses comme ça . Mais ensuite, si vous voulez aller plus loin et être en mesure de contrôler davantage la carte, faites des choses comme ce que Snazzy Maps peut faire, c'est-à-dire créer non seulement un filtre sur la carte, mais en fait vraiment créer des cartes uniques, vous avez besoin pour obtenir votre propre clé JavaScript. Nous avons donc une option pour vous de mettre cela. Et puis vous pouvez au lieu d'une intégration iframe, vous utilisez le JavaScript. Donc je pense que pour nous, c'était, ça parlait comme si nous voulions que ce flux fonctionne. Et puis aussi, essentiellement, nous ne voulions pas vous forcer à aller chercher une clé juste pour une simple intégration, mais aussi fournir ces options et ensuite fournir les moyens d'aimer, ajouter que c'était un élément clé de ce bloc.

Kathy : Cool. Et je pense que c'est tout simplement génial que nous publions autant de nouveaux blocs pour le plugin gratuit et que nous donnions vraiment aux utilisateurs gratuits, beaucoup de nouvelles fonctionnalités. Je pense que c'est tout simplement génial que nous ayons autant d'utilisateurs payants de Kadence qui financent, ce type de développement qui élève tout le monde dans l'espace WordPress en utilisant Kadence. Donc très excitant. Y a-t-il autre chose de nouveau dont nous devrions être excités à l'idée de descendre le brochet ?

Ben : Je pense que dans les deux prochaines semaines, nous aurons un autre blocage, nous travaillons sur un bloc d'extension de texte en savoir plus. Et puis pas mal de fonctionnalités sur lesquelles nous travaillons. Les délais sont durs. Juste parce que nous, nous avons beaucoup de choses à faire. Mais je pense qu'en général, alors que je regarde la fin de ce trimestre et même au début du prochain trimestre, nous amener à Kadence Blocks 2.4, qui aura le nouveau bloc de mise en page révisé et des choses comme ça sont des choses qui sont sur mon l'esprit, nous essayons activement de faire. Je pense qu'il y a quelques endroits où nous utilisons une bibliothèque JavaScript appelée Slick Slider, et qui est en train d'être remplacée. Donc, en gros, Slick utilise jQuery. Ainsi, si vous chargez un carrousel d'images, vous chargez maintenant Slick, JavaScript et jQuery.

Et donc comme juste pour les performances, nous déplaçons cela, en passant à une bibliothèque différente pour le carrousel et des choses comme ça. Il se passe donc beaucoup de choses dans les blocs.

Kathy : Super. Et il semble aussi y avoir des choses qui se passent dans le monde WordPress. L'équipe de performance a publié un nouveau plugin de fonctionnalité pour tester les améliorations. Il s'agit donc essentiellement d'un plugin de test bêta. Ce n'est pas quelque chose que vous voudriez mettre sur un site de production, mais cela vous permet essentiellement d'aider l'équipe principale avec ce plugin, de tester les améliorations de performances.

Ben : Oui, je pense que c'est une excellente initiative pour le noyau de commencer à faire des choses comme ça, parce qu'essentiellement, comme par le passé, les choses vivaient dans un problème et y étaient développées. Et à moins que vous n'étiez au courant du problème ou que vous ne recherchiez ce problème, vous ne saviez pas vraiment ce qui se passait ou si quelqu'un travaillait dessus, puis il serait poussé dans une version bêta de WordPress.

Et à ce moment-là, il est assez tard dans le développement pour que quiconque arrive et se dise, oh, j'ai une expertise dans ce domaine. Pourquoi ne procédons-nous pas ainsi ? Ou des choses comme ça. Je pense que plus ce noyau peut faire ce genre de plugins dérivés où ils peuvent obtenir des commentaires très tôt dans le développement et également impliquer un peu plus de personnes dans le développement.

Je pense que c'est génial. C'est donc une chouette initiative.

Hannah : Je-je pense que c'est énorme de permettre aux gens de s'impliquer. Parce que les gens aiment pouvoir donner leur avis. Et donc, je donne juste aux gens la possibilité d'ici, de télécharger ce plugin, et vous en avez assez pour avoir besoin de donner un aperçu du noyau de WordPress. Les gens aiment ça.

Et je pense que c'est juste une bonne chose pour WordPress d'inviter les gens dans cet espace. Donc je pense que c'est cool, j'espère que ça deviendra un grand succès.

Kathy : Certainement. Et Gutenberg a également commencé de cette façon. Et nous avons le développement de Gutenberg en dehors du noyau avec le plugin Gutenberg. Gutenberg 12.7 ajoute la sélection multi-blocs dans la vue de liste, et apporte un support de marge, mais je suis plus intéressé par cette sélection multi-blocs. Ainsi, vous pouvez essentiellement dans la vue de liste de Gutenberg, vous pouvez maintenant sélectionner plusieurs éléments pour déplacer les choses et ainsi de suite. Maintenant, ce n'est pas encore dans le noyau, mais il est testé dans ce plugin Gutenberg. Nous pouvons donc voir l'écriture sur le mur que cela finira par se retrouver dans le noyau.

Ben : Ouais, la vue en liste, il y a quelques choses que je veux voir dans la vue en liste, celle-ci étant l'une d'entre elles. Je souhaite également qu'il défile automatiquement jusqu'au bloc que vous avez actuellement sélectionné lorsque vous avez ouvert la vue de liste. J'espère que cela viendra aussi, mais utilisons une chose vraiment géniale qu'ils ont ajoutée juste pour faciliter l'édition et le déplacement de contenu sur un nouveau site Web. J'adore le fait que vous puissiez maintenant faire glisser des blocs dans la vue liste. Et oui, je pense que c'est un domaine dans lequel j'espère qu'ils continueront à se concentrer sur les améliorations. Et si des développeurs principaux écoutent, faites-le défiler automatiquement jusqu'au bloc sélectionné lorsque vous ouvrez la vue de liste au lieu de devoir faire défiler et trouver où je suis sur la page. Ouais.

Kathy : Ce serait très utile. Et WooCommerce utilise également ce type de modèle de développement de plugins auxiliaires. Et ils ont également publié WooCommerce, 6.3 et ces plugins de fonctionnalités ont également eu des versions. Alors WooCommerce bloque, donc les blocs arrivent finalement sur WooCommerce. Je n'ai pas encore utilisé ce plugin de fonctionnalité. Donc, ils ont des mises à jour qui se passent là-bas. Et l'administrateur WooCommerce a également une mise à jour. Et dans WooCommerce 6.3, nous avons une table de recherche d'attributs de produit. Ils ajoutent donc des index de base de données aux attributs de produit pour améliorer les performances. Cela ressemble donc en quelque sorte à une version de maintenance. Nettoyer certaines choses et ajouter de meilleures performances à WooCommerce à venir.

Ben : Oui, je pense que les attributs ciblent principalement les grands magasins qui utilisent beaucoup d'attributs. Je sais qu'avec la mise à jour des blocs, nous examinons principalement les blocs, vous mettez dans votre page où vous voulez montrer vos produits en vedette et des choses comme ça.

Et je sais que le plugin blocks a fait beaucoup avec son bloc de paiement. C'est donc quelque chose que vous pouvez également voir dans la dernière version.

Kathy : Super. C'est tout ce que nous avons cette semaine sur Kadence Beat. Mais nous reviendrons la semaine prochaine pour en savoir plus sur la création de sites Web efficaces. Il sera intéressant de voir quelles questions nous aurons. Assurez-vous donc de vous connecter et nous aimerions vraiment avoir des commentaires de vous, nos auditeurs. De quoi aimeriez-vous que nous parlions davantage ? Avez-vous une question sur laquelle vous aimeriez que nous approfondissions? Y a-t-il des défis que vous avez dans votre entreprise? Que vous voudriez que nous posions peut-être des opinions ou des expériences.

Répondre à votre question pourrait aider quelqu'un d'autre dans la communauté Kadence. Si vous ne nous suivez pas sur votre application de podcast préférée, assurez-vous que vous l'êtes, et nous reviendrons la semaine prochaine avec plus de The Kadence Beat. Merci pour l'écoute.