Odcinek 4: Jak 3 strony tworzą niezapomniane wrażenia?

Skuteczna witryna internetowa tworzy wciągające wrażenia, do których odbiorcy chcą wracać. Jakie są sekrety tworzenia doświadczeń, które podniosą Twoją markę i sprzedają Twoje produkty? W tym tygodniu Hannah, Ben i Kathy przeglądają trzy witryny, które robią wrażenie i wyjaśniają, dlaczego te doświadczenia się dla nich sprawdziły. Z pewnością są pewne lekcje, z których mogą wyciągnąć wnioski wszyscy właściciele witryn. Omawiamy również nowy blok Google Maps Kadence, nową wtyczkę funkcji zespołu ds. wydajności WordPress, możliwości wyboru wielu bloków i aktualizacje wtyczki Gutenberg w WooCommerce 6.3.

Posłuchaj za pomocą poniższych elementów sterujących lub dodaj nas do swojej ulubionej aplikacji do podcastów.

Posłuchaj w nowym oknie.

Znaczniki czasu i linki

• 0:00 Wprowadzenie
• 1:00 Skuteczne strategie dotyczące witryn: 3 witryny, które zapewniają wciągające wrażenia
• 10:03 Nowy blok Google Maps Kadence
• 12:27 Co nadchodzi w Kadence
• 13:25 Zespół ds. wydajności WordPressa wydaje nową wtyczkę do testowania
• 14:48 Gutenberg 12.7 dodaje wybór wielu bloków w widoku listy
• 16:03 Wydano WooCommerce 6.3

Transkrypcja 4 odcinka Kadence Beat

Kathy: Witamy w 4 odcinku The Kadence Beat. Oto podcast o tworzeniu skutecznych stron internetowych za pomocą WordPressa i Kadence. Przeżyłem Tydzień Katastrofy, chłopaki.

Hannah: Gratulacje.

Kathy: Jestem z siebie bardzo dumna.

Hannah: Jestem z ciebie dumna.

Kathy: Dziękuję!

Ben: Czy w marketingu w ogóle pojawiły się jakieś rekiny?

Kathy: Nie pojawiły się żadne rekiny. Kiedy musiałem rozpocząć transmisję na żywo, zmieniłem emoji ze Slacka w rekina, żeby ludzie wiedzieli.

Hannah: To niesamowite. Czy było tak zabawnie jak Tydzień Rekinów?

Kathy: Wiesz co? Trochę się zwariowałem, w moim podwójnym życiu jako miłośnik Kadence, a także jako maniak bezpieczeństwa. Wprawiłem się w reagowanie na incydenty trochę bardziej, niż powinienem być dumny, ale było fajnie. Zasadniczo stworzyłem te prezentacje, pierwsza była tematem Gwiezdnych Wojen, a druga była tematem filmu Samolot.

Hannah: Niesamowite.

Kathy: Nie nazywaj mnie Shirley. Więc staram się dobrze bawić z ochroną, ale już z tym skończyliśmy, wracając do Kadence, jestem z powrotem na modą Kadence i jestem podekscytowany, że tu jestem.

I znowu porozmawiamy o skutecznych strategiach witryn internetowych, aby zacząć wszystko. Mieliśmy pytanie, jaka jest Twoja ulubiona strona internetowa lub ostatnia strona, która Cię wyróżniała lub angażowała? Hannah, chcesz iść pierwsza?

Hannah: Jestem trochę podróżniczym guru. Tak więc stroną, na której często się znajduję, jest Airbnb. A właściwie byłem tam dzisiaj dużo, bo czuję lekką gorączkę w kabinie i próbuję wymyślić, gdzie iść dalej. Ale podobało mi się to, co mieli dzisiaj na swojej stronie internetowej. Był to transparent z napisem „Pomoc uchodźcom uciekającym z Ukrainy”.

Więc natychmiast jestem wciągnięty, ponieważ po prostu chcesz wejść na pokład z ludźmi, którzy pomagają innym ludziom. A więc mają już moje serce, ale kocham Airbnb, ponieważ nie jeździ się tam tylko po to, żeby wynająć mieszkanie gdzieś na świecie. Chcą dać ci doświadczenie.

Przewijasz stronę i widzisz domy, takie jak domek na drzewie w Kolumbii albo ta magiczna chatka na łodzi na plaży w jakimś egzotycznym miejscu. A potem Airbnb zawsze pokazuje: „Podoba ci się to. Dobra. Popatrz tutaj." A ja myślę, ok, może też tam pójdę.

Myślę więc, że wykonują niesamowitą robotę przyciągania ludzi, zwłaszcza tych, którzy uwielbiają podróżować i odkrywać przygody. I to nie tylko miejsce, w którym możesz spać, ale tak jak tutaj jest to doświadczenie, które chcemy Ci dać w tym fajnym miejscu. Więc bardzo mnie pozyskują.

Kathy: Super! Czy czujesz, że gdy jesteś na tej stronie i patrzysz na wszystkie te wrażenia, to jakbyś mnie przeżył, tak jakbyś naprawdę miał to doświadczenie, gdy jesteś na stronie i oglądasz zdjęcia?

Hannah: Całkowicie. Tak. Leżę już w łóżku z lampką wina na uroczym stole. Patrząc przez okno na to magiczne miasto lub gdziekolwiek. Zabiera mnie tam. To zabawne. Uwielbiam patrzeć na twój kawałek. To dziwne.

Kathy: To, co robię, to i to nie jest moja strona, ale mam podobne doświadczenia z Zillow. Tak jak ja patrzę na domy za 7 milionów dolarów lub domy w Pebble Beach w Kalifornii dosłownie na 40 milionów dolarów. Wyobraziłem sobie, że tam mieszkam, to samo, ale nikt mi tego nie wynajmie na Airbnb.

Hannah: To byłoby bardzo smutne, ponieważ prawdopodobnie nigdy nie będziesz w stanie w pełni przeżyć tego doświadczenia w porównaniu z Airbnb, możesz.

Więc myślisz, że to będzie moje prawdziwe życie przez ten czas i to jest całkiem zabawne.

Ben: Zastanawiam się, nie jestem gospodarzem na Airbnb, zastanawiam się, czy robią coś, aby uzyskać lepsze zdjęcia. Bo mam wrażenie, że w ogóle mają dużo dobrych zdjęć. Czasami trafiasz na Zillow i masz wrażenie, że ta osoba nie wiedziała, jak zrobić zdjęcia swojego domu.

Zastanawiam się, czy lubią za to trenera.

Hannah: Jest wielu ludzi, którzy nie wiedzą jak. Ale ludzie, którzy wiedzą, że możesz opublikować, umieść fajny filtr na swoim zdjęciu, a zapłacę za to sto dolarów więcej za noc. Mam na myśli ładny, fajny wystrój. To nie jest takie trudne.

Kathy: Zastanawiam się, czy niektórzy z naszych klientów mogą wykorzystać tę technikę do robienia zdjęć na swojej stronie, aby stworzyć wciągające wrażenia, ponieważ naprawdę przyciągają ludzi.

Hannah: Zapłać dobremu fotografowi. To jest tego warte.

Kathy: Ben. A ty? Czy masz stronę internetową, która naprawdę Cię angażuje?

Ben: Tak. Jest kilka miejsc, o których myślałem, ale myślę, że jedno, do którego ciągle wracam, to Patagonia. Co ciekawe, nigdy mnie to nie angażowało ze względu na projekt. Zaangażowało mnie to w aktywizm i typ osoby, którą sprzedają. Typ osoby korzystającej z Patagonii to również osoba, która jeździ na rowerach górskich i wspina się po skałach, a także jest osobą aktywną w ochronie gruntów.

I robienie rzeczy, aby zachować na zewnątrz na pustyni i przekazać to dalej. I tak to, co zawsze mnie kojarzy z Patagonią, to tożsamość stylu życia i myślę, że to ważna część. Jeśli mówię o tym, co mnie angażuje na stronie internetowej, to jest to jak prezent dla mnie jako osoba lub jak ktoś, kim chcę być, i to mnie wciągnie. Chcę być tym wspinaczem. To siedzi na klifie. A więc kiedy możesz tworzyć obrazy, a następnie tworzyć ich kopie zapasowe za pomocą prawdziwych, nie tylko całej masy zdjęć, ale prawdziwego poczucia „jesteśmy zaangażowani w ludzi, którzy robią te rzeczy” i jesteśmy zaangażowani tylko w różne rzeczy, które mają zapewnić, że te rzeczy są dostępne dla naszych dzieci i naszych wnuków. Teraz nie tylko kupuję kurtkę, kupuję w całej tej całej tożsamości „och, jestem jednym z tych typów ludzi”. Jestem typem osoby, która nosi Patagonia.

Jestem też typem osoby, która robi wszystkie te rzeczy, które reprezentuje ta marka. Kiedy myślę o wciągającej witrynie, to jest to witryna, która była w stanie to osiągnąć, będąc w stanie naprawdę lubić prezentować tożsamość i tylko tę aspiracyjną tożsamość i powiedzieć „tak jak tutaj”, kup od nas, ponieważ chcesz być taka.

I myślę, że dla ludzi łatwym wyjściem jest rozważenie Twojej witryny i zrobienie tego w porządku. Jaką tożsamość aspiracyjną mogę połączyć z tym, co sprzedaję lub co oferuję światu. Zrobiłem stronę internetową dla firmy zajmującej się kawą, palarni kawy. Dużo rozmawialiśmy o tożsamości aspiracyjnej, o osobie, która pije, dobrej organicznej palonej kawie i są to osoby, które… możesz mieć dwa poranki, tak jak ja mogę mieć taki poranek, w którym dzieci płaczą, a moje żona jest na mnie zła, bo zmywarka nie działała wczoraj wieczorem i miałem ją uruchomić. I w końcu łapiesz filiżankę kawy, jakbyś wybiegał za drzwi.

Albo możesz być jak, wstałem i usiadłem na werandzie z tyłu i obserwowałem wschodzące słońce z tą wyśmienitą filiżanką kawy. Na przykład chcesz tę tożsamość. Nie chcesz drugiego. A więc, jeśli możesz sprzedać tę tożsamość, wchodząc w ten produkt, będziesz takim typem osoby.

Będziesz typem osoby, która wstaje, siada na zewnątrz i pije tę cudowną filiżankę kawy. Nagle jestem o wiele bardziej zaangażowany i chcę kupować, ponieważ mówię: „Chcę tego. Chcę tego. Chcę nie tylko kawy. Chcę tego stylu życia”. Myślę, że wejście na twoją stronę jest naprawdę potężnym narzędziem.

Hannah: Tak, to są dobre punkty.

Kathy: Chcemy, aby ludzie czuli, że tworzymy doświadczenie, które mogą mieć, w którym mogą się zanurzyć. I to sprawia, że ​​czują się w określony sposób. Sprawia, że ​​czują się w określony sposób o sobie i kim są.

Mam mnóstwo ulubionych stron internetowych, ale chciałem porozmawiać o jednej, z którą miałem naprawdę ciekawe doświadczenie. I to był Pier 1. Skończyłem dzień zajęty, zmęczony, a ja tylko na Instagramie i przewijam. Po prostu zabierz mnie na chwilę, gdziekolwiek.

Wpada mi w oko reklama… Teraz bardzo interesuję się dekorowaniem, domem i wszystkim. Po prostu jestem na innym etapie mojego życia. W najbliższym czasie nie wybieram się na Airbnb, ale zamierzam zamieszkać w domu… ​​Zamierzam zrobić to tak, jak tylko mogę, ponieważ to jest miejsce, w którym teraz jestem.

Molo 1 wpada mi w oko, a Molo 1 znika. Nie mają już witryn sklepowych. Są po prostu online. I mają to krzesło. A to krzesło zmieści się w biurze w idealnym miejscu. Chcę to krzesło. Więc klikam, idę i patrzę na to krzesło, a potem wyświetlają mi reklamę, być może reklamę Kadence Conversions. Przynieśli mi ogłoszenie i powiedzieli, że damy ci 10% zniżki, jeśli podasz nam swój adres e-mail. Więc daję im e-mail, a potem idę szukać tego krzesła. A później tego samego dnia, wyślij mi e-mail z informacją, że o czymś zapomniałeś. I pokazują mi zdjęcie krzesła. Ponownie, jest to bardzo spersonalizowane doświadczenie.

Ale doświadczenie było tak spersonalizowane, czego szukałem. I dla mnie zacząłem myśleć o tym doświadczeniu io tym, o czym mówiłeś w odcinku trzecim, Ben, kiedy mówiłeś o prawdziwym wyborze rynku docelowego. I tutaj Pier 1 wybrał nie tylko rynek docelowy, ale produkt docelowy i sprzedał ten produkt i był bardzo spersonalizowany do moich konkretnych potrzeb. Może mieli tylko 10 osób z tym krzesłem, które faktycznie kliknęły tę reklamę, ale te 10 osób chciało to konkretne krzesło. I tak zaryzykowali. Zrobili reklamę tego jednego krzesła i stworzyło spersonalizowane doświadczenie, które skończyło się później, kiedy byłem poza domem i zapomniałem o tym i robiłem coś innego.

Sprawdzam pocztę w kolejce w sklepie spożywczym i znowu jest to krzesło. I po prostu pozostali przede mną i stworzyli spersonalizowane doświadczenie dotyczące tego konkretnego produktu i to im się opłaciło. A teraz cały czas są w moim e-mailu. Nadal nie kupiłem krzesła, ale stworzyli bardziej spersonalizowane wrażenia.

Dostali się do skrzynki e-mail. To już nie tylko reklama, która się przewija. Więc zaryzykowali i opłaciło się. I mnie zaczepili. To było moje niezapomniane przeżycie, nie ulubiona strona internetowa, ale doświadczenie, które naprawdę mnie powaliło. Dlatego się dzielę.

Ben: Fajnie.

Hannah: Kathy, myślisz, że w którym momencie wrócisz i kupisz krzesło?

Kathy: Teraz będę musiała. Dokładnie tak. Nie wiem, ale było fajnie.

Hannah: Wiemy, że to kupisz.

Kathy: Będę musiała, ale e-mail, który mi wysłali, brzmi „zapomniałeś o czymś” i tak, tak. Chcę to krzesło. Jakbym musiał mieć krzesło. Moje doświadczenie z Airbnb w moim domu jest zrujnowane. Nie mogę pić kawy bez tego krzesła. Tak jest, ale było to bardzo spersonalizowane doświadczenie i naprawdę mnie wciągnęło. Dla mnie to jedna rzecz, którą chciałbym się podzielić. Tak jak coś jako doświadczenie, było bardzo ukierunkowane i dostało mnie.

W każdym razie przejdźmy dalej, skoro już o tym rozmawialiśmy, porozmawiajmy o tym, co nowego i nadchodzącego na Kadence. A w tym ostatnim tygodniu rozmawialiśmy o tym kilka razy, że nadchodzi i ostatecznie spadło. Zaktualizowałem bloki Kadence w mojej witrynie, a blok Google Maps już tam jest.

Więc muszę się z tym bawić. I bardzo podoba mi się realizacja. Istnieje wiele różnych sposobów umieszczenia Map Google w witrynie, ale naprawdę podobała mi się implementacja tutaj z tym, co zrobiły Kadence Blocks. I to w darmowej wtyczce. Jeśli zaktualizujesz do wersji 2.3.0 lub nowszej, otrzymasz tę konkretną blokadę w swojej witrynie obsługującej Kadence.

I ładujesz się z mapą mostu Golden Gate. Wszystko, co musisz zrobić, to zacząć wpisywać lokalizację, a inne lokalizacje zaczną się pojawiać tak szybko, że możesz powiększać lub pomniejszać w zależności od tego, co chcesz przekazać. Myślałem, że to było naprawdę fajne. Ben, co to było za myślenie, które pojawiło się we wszystkich dostosowaniach, które tu dostarczasz?

Ben: Tak. Zaczynając od tego, jak chcieliśmy osadzić mapy. Istnieje kilka różnych opcji, a to dlatego, że Google oferuje różne opcje. Więc po prostu robimy osadzanie iframe jako domyślne i używamy klucza API, który faktycznie jest z nami połączony. Ale to nic nie kosztuje. Są tam osadzenie jest bezpłatne.

Ale jeśli chcesz, aby posunął się dalej, tak jak z mapą osadzoną, będziesz mógł wybrać lokalizację i powiększenie, a nawet możesz filtrować według tego, czy chcesz czarno-białe lub takie rzeczy . Ale jeśli chcesz pójść dalej i mieć większą kontrolę nad mapą, faktycznie rób rzeczy takie jak to, co potrafią Snazzy Maps, czyli tworzenie nie tylko filtra na mapie, ale tak naprawdę tworzenie niepowtarzalnie wyglądających map, potrzebujesz aby uzyskać własny klucz JavaScript. Mamy więc opcję, abyś to wstawił. I wtedy możesz zamiast osadzania iframe, używasz JavaScript. Więc myślę, że dla nas było to, że rozmawialiśmy, jak chcieliśmy, aby ten przepływ działał. Poza tym zasadniczo nie chcieliśmy zmuszać cię do zdobycia klucza tylko do prostego osadzenia, ale także zapewniając te opcje, a następnie zapewniając sposoby na polubienie, dodając, że była to kluczowa część tego bloku.

Kathy: Fajnie. I myślę, że to po prostu wspaniałe, że udostępniamy tak wiele nowych bloków do darmowej wtyczki i naprawdę dajemy darmowym użytkownikom wiele nowych funkcji. Myślę, że to wspaniale, że mamy tak wielu płatnych użytkowników Kadence, którzy finansują ten rodzaj rozwoju, który podnosi wszystkich w przestrzeni WordPressa za pomocą Kadence. Tak bardzo ekscytujące. Coś jeszcze, czego powinniśmy być podekscytowani zejściem na szczupaka?

Ben: Myślę, że w ciągu najbliższych kilku tygodni będziemy mieć kolejną blokadę, pracujemy nad czytaj więcej, blokiem rozwijania tekstu. A potem sporo funkcji, nad którymi pracujemy. Terminy są trudne. Tylko dlatego, że dużo się dzieje. Ale ogólnie myślę, że patrząc na koniec tego kwartału, a nawet na początek następnego, przeniosę nas do bloków Kadence 2.4, które będą miały nowy i poprawiony blok układu wierszy i tego typu rzeczy, które są na moim umysł, staramy się to zrobić. Myślę, że jest kilka miejsc, w których używamy biblioteki JavaScript o nazwie Slick Slider, która jest zastępowana. Więc w zasadzie sprytny używa jQuery. Więc jeśli ładujesz karuzelę obrazów, teraz ładujesz Slick, JavaScript i jQuery.

I tak jak tylko dla wydajności, przenosimy to, przechodząc do innej biblioteki dla karuzeli i tym podobnych. Więc w blokach dużo się dzieje.

Kathy: Świetnie. Wydaje się, że w świecie WordPressa dzieje się też trochę rzeczy. Zespół ds. wydajności wydał nową wtyczkę do testowania ulepszeń. Więc to jest w zasadzie wtyczka do testów beta. Nie jest to coś, co chciałbyś umieścić na stronie produkcyjnej, ale pozwala w zasadzie pomóc głównemu zespołowi z tą wtyczką, testować ulepszenia wydajności.

Ben: Tak, myślę, że to świetna inicjatywa dla core'a, aby zacząć robić takie rzeczy, ponieważ zasadniczo tak jak w przeszłości, rzeczy żyłyby w problemie i były tam rozwijane. I jeśli nie wiedziałeś o problemie lub nie szukałeś go, tak naprawdę nie wiedziałeś, co się dzieje lub czy ktoś nad tym pracował, a następnie zostałby wepchnięty do wersji beta WordPressa.

A do tego czasu jest już dość późno, aby każdy mógł wejść i być jak, och, mam doświadczenie w tej dziedzinie. Dlaczego nie zrobimy tego w ten sposób? Albo takie rzeczy. Myślę, że tym bardziej, że core może robić tego rodzaju wtyczki typu spinoff, dzięki którym mogą uzyskać informacje zwrotne na bardzo wczesnym etapie rozwoju, a także zaangażować więcej osób w rozwój.

Myślę, że to niesamowite. Więc to fajna inicjatywa.

Hannah: Ja myślę, że to wielka rzecz, żeby ludzie się angażowali. Bo ludzie uwielbiają móc przekazywać informacje zwrotne. I tak, po prostu dając ludziom możliwość tutaj, pobrać tę wtyczkę, a potem będziesz miał wystarczająco dużo, aby dać wgląd w rdzeń WordPressa. Ludzie to uwielbiają.

I myślę, że to po prostu świetna rzecz dla WordPressa, aby zaprosić ludzi do tej przestrzeni. Więc myślę, że to jest fajne, mam nadzieję, że stanie się wielkim hitem.

Kathy: Zdecydowanie. I Gutenberg również zaczął w ten sposób. I mamy rozwój Gutenberga poza rdzeniem dzięki wtyczce Gutenberg. Gutenberg 12.7 dodaje wybór wieloblokowy w widoku listy i zapewnia obsługę marginesów, ale bardziej interesuje mnie ten wybór wieloblokowy. Możesz więc w zasadzie w widoku listy w Gutenbergu, możesz teraz wybrać wiele elementów do przenoszenia rzeczy i tak dalej. Teraz to nie jest jeszcze w rdzeniu, ale jest testowane w tej wtyczce Gutenberga. Widzimy więc napis na ścianie, że ostatecznie skończy się to w rdzeniu.

Ben: Tak, widok listy, jest kilka rzeczy, które chcę zobaczyć w widoku listy, to być jedna z nich. Chcę również, aby automatycznie przewijał się do bloku, który aktualnie wybrałeś po otwarciu widoku listy. Mam nadzieję, że to też nastąpi, ale użyjmy naprawdę wspaniałej rzeczy, którą dodali, aby znacznie ułatwić edytowanie i przenoszenie treści po nowej witrynie. Uwielbiam to, że możesz teraz przeciągać bloki w widoku listy. I tak, myślę, że jest to obszar, w którym mam nadzieję, że skupią się na ulepszeniach. A jeśli jacyś główni programiści słuchają, proszę, aby automatycznie przewijał do bloku, który jest zaznaczony po otwarciu widoku listy, zamiast przewijać i znajdować, gdzie ja jestem na stronie. Tak.

Kathy: To byłoby bardzo pomocne. A WooCommerce również używa tego rodzaju pomocniczego wzorca rozwoju wtyczek. Mieli także WooCommerce, wydaną wersję 6.3, a te wtyczki funkcji również miały swoje wydania. Więc blokuje się WooCommerce, więc bloki w końcu pojawią się w WooCommerce. Nie korzystałem jeszcze z tej wtyczki funkcji. Więc mają tam pewne aktualizacje. Administrator WooCommerce również ma aktualizację. A w WooCommerce 6.3 mamy tabelę atrybutów produktu. Dlatego dodają indeksy bazy danych do atrybutów produktów, aby poprawić wydajność. Wydaje się więc, że jest to wydanie typu konserwacyjnego. Porządkowanie niektórych rzeczy i dodanie lepszej wydajności do WooCommerce.

Ben: Tak, myślę, że atrybuty są skierowane przede wszystkim do większych sklepów, które używają wielu atrybutów. Wiem, że wraz z aktualizacją bloków przyglądamy się przede wszystkim blokom, które umieszczasz na swojej stronie, na której chcesz pokazać polecane produkty i tym podobne.

I wiem, że wtyczka blocks zrobiła wiele z ich blokiem kasowym. To jest coś, co możesz zobaczyć również w najnowszej wersji.

Kathy: Świetnie. To wszystko, co mamy w tym tygodniu na Kadence Beat. Ale wrócimy w przyszłym tygodniu, aby porozmawiać o tworzeniu skutecznych stron internetowych. Ciekawe, jakie będziemy mieć pytania. Upewnij się więc, że się włączysz, a my naprawdę chcielibyśmy poznać opinie naszych słuchaczy. O czym chciałbyś, żebyśmy porozmawiali więcej? Masz pytanie, na które chciałbyś, żebyśmy się zagłębili? Czy w Twojej firmie są wyzwania? Że chciałbyś, abyśmy przedstawili nam może jakieś opinie lub doświadczenia.

Odpowiedź na Twoje pytanie może pomóc komuś innemu w społeczności Kadence. Jeśli nie obserwujesz nas w swojej ulubionej aplikacji do podcastów, upewnij się, że tak, a my wrócimy w przyszłym tygodniu z kolejnymi informacjami z The Kadence Beat. Dziękuję za słuchanie.