Episódio 4: Como 3 sites criam experiências inesquecíveis

Um site eficaz cria uma experiência imersiva que o público deseja revisitar. Quais são os segredos para criar experiências que elevem sua marca e vendam seus produtos? Esta semana, Hannah, Ben e Kathy analisam três sites que causam impressões e explicam por que essas experiências funcionaram para eles. Definitivamente, existem algumas lições que todos os proprietários de sites podem aprender. Também discutimos o novo Kadence Google Maps Block, o novo plug-in de recursos da equipe de desempenho do WordPress, os recursos de seleção de vários blocos do plug-in Gutenberg e as atualizações no WooCommerce 6.3.

Ouça através dos controles abaixo ou adicione-nos ao seu aplicativo de podcast favorito.

Ouça em uma nova janela.

Carimbos de data e hora e links

• 0:00 Introdução
• 1:00 Estratégias eficazes para sites: 3 sites que têm experiências imersivas
• 10:03 O novo bloco Kadence Google Maps
• 12:27 O que está por vir no Kadence
• 13:25 A equipe de desempenho do WordPress lança novo plug-in de recurso para teste
• 14:48 Gutenberg 12.7 Adiciona seleção de vários blocos na exibição de lista
• 16:03 WooCommerce 6.3 lançado

Transcrição para Kadence Beat Episódio 4

Kathy: Bem-vindo ao episódio 4 de The Kadence Beat. Este é o podcast sobre como criar sites eficazes com WordPress e Kadence. Sobrevivi à Semana do Desastre, pessoal.

Hana: Parabéns.

Kathy: Tão orgulhosa de mim mesma.

Hannah: Estou orgulhosa de você.

Kathy: Obrigado!

Ben: Algum tubarão apareceu no marketing?

Kathy: Nenhum tubarão apareceu. Quando tive que ir ao vivo, mudei meu emoji do Slack para um tubarão, só para que as pessoas soubessem.

Hannah: Isso é incrível. Foi tão divertido quanto a Semana do Tubarão?

Kathy: Quer saber? Eu fiquei um pouco nerd, na minha vida dupla como um aficionado de Kadence, bem como um nerd de segurança. Eu fui um geek na resposta a incidentes um pouco mais do que deveria me orgulhar, mas foi divertido. Basicamente criei essas apresentações, a primeira com o tema Star Wars, e a segunda com o tema do filme Avião.

Hana: Incrível.

Kathy: Não me chame de Shirley. Então eu tento me divertir com a segurança, mas terminamos com isso agora de volta a Kadence, estou de volta ao movimento Kadence e animado por estar aqui.

E vamos falar novamente sobre estratégias eficazes de sites para começar. Tínhamos uma pergunta sobre qual é o seu site favorito ou um site recente que se destacou ou atraiu você? Hannah, você quer ir primeiro?

Hannah: Eu sou uma espécie de guru de viagens. Então, um site em que me encontro com frequência é o Airbnb. E na verdade eu estive muito lá hoje porque estou sentindo um pouco de febre na cabine e tentando descobrir para onde ir em seguida. Mas eu amei o que eles tinham em sua página inicial hoje. Era uma faixa que dizia ajudar os refugiados que fogem da Ucrânia.

Então, instantaneamente, sou atraído porque você só quer se juntar a pessoas que estão ajudando outras pessoas. E então eles já conquistaram meu coração, mas eu amo o Airbnb porque você não vai lá apenas para alugar um condomínio em algum lugar do mundo. Eles querem dar-lhe uma experiência.

E você está rolando na página e há casas que são como, aqui está uma casa na árvore em Columbia ou aqui está como esta casa de barcos mágica na praia em algum lugar exótico. E então o Airbnb está sempre mostrando: “Você gosta disso. OK. Olhe aqui." E eu fiquei tipo, ok, talvez eu vá lá também.

Então eu acho que eles fazem um trabalho incrível de atrair as pessoas, especialmente as pessoas que gostam de viajar e explorar uma aventura. E não apenas aqui é um lugar onde você pode dormir, mas como aqui está uma experiência que queremos dar a você neste lugar legal. Então eles me conquistam muito.

Kathy: Legal! Você sente que quando está nesse site e está olhando para todas essas experiências, é como uma experiência de me levar embora, como se estivesse realmente tendo essa experiência quando está no site, olhando fotos?

Hana: Totalmente. Sim. Eu estou como se já estivesse deitada na cama com uma taça de vinho na mesa fofa. Olhando pela janela para esta cidade mágica ou onde quer que seja. Leva-me até lá. É divertido. Adoro ver sua peça. É estranho.

Kathy: O que eu faço é, e este não é o meu site, mas tenho esse mesmo tipo de experiência com o Zillow. Tipo, eu vou olhar para casas de US$ 7 milhões ou casas em Pebble Beach, Califórnia, literalmente, como US$ 40 milhões. E imaginei assim que estou morando lá, mesmo tipo de coisa, mas ninguém vai me alugar no Airbnb.

Hannah: Isso seria tão triste porque você provavelmente nunca poderá viver plenamente essa experiência versus o Airbnb, você pode.

Então você fica tipo, essa vai ser minha vida real nesse período de tempo, e é bem divertido.

Ben: Eu me pergunto, eu não sou como um anfitrião no Airbnb, eu me pergunto se eles fazem algo para tirar fotos melhores. Porque eu sinto que, em geral, eles têm muitas fotos boas. Você entra no Zillow às vezes e fica tipo, uau, essa pessoa não sabia tirar fotos de sua casa.

Eu me pergunto se eles gostam de treinador para isso.

Hannah: Há muitas pessoas que não sabem como. Mas quem souber, pode postar, colocar um filtro bacana na sua foto e eu pago cem reais a mais por noite. Coloque um pouco de decoração fofa e legal, quero dizer. Não é tão difícil.

Kathy: Gostaria de saber se alguns de nossos clientes podem usar essa técnica para a fotografia em seu site, criar essa experiência imersiva porque realmente atrai as pessoas.

Hannah: Pague um bom fotógrafo. Vale a pena.

Kathy: Ben. E você? Você tem um site que realmente te envolve?

Ben: Sim. Há alguns sites que eu estava pensando, mas acho que um que eu sempre volto é a Patagônia. E o que é interessante é que nunca me cativou por causa do design. O que me atraiu foi o ativismo e o tipo de pessoa que eles estão vendendo. O tipo de pessoa que usa a Patagônia também é a pessoa que pratica mountain bike e escalada, e também é a pessoa ativa na conservação da terra.

E fazendo coisas para preservar o ar livre no deserto e passar isso adiante. E o que sempre me atrai na Patagônia é essa identidade de estilo de vida, e acho que isso é uma parte importante. Se falar sobre o que me envolve em um site é como me apresentar como uma persona ou como alguém que eu quero ser, e isso vai me fazer entrar. Eu quero ser aquele alpinista. Isso está sentado em um penhasco. E então, quando você pode criar imagens e também fazer backup com imagens reais, não apenas um monte de imagens de banco de imagens, mas uma sensação real de “estamos envolvidos nas pessoas que fazem essas coisas” e estamos envolvidos em apenas as coisas diferentes que acontecem para garantir que essas coisas estejam disponíveis para nossos filhos e netos. Agora eu não estou apenas comprando uma jaqueta, estou comprando toda essa identidade de “oh, eu sou um desses tipos de pessoas”. Eu sou o tipo de pessoa que veste a Patagônia.

E também sou o tipo de pessoa que faz todas essas coisas que essa marca representa. Quando penso em um site envolvente, é um site que conseguiu fazer isso, ser capaz de realmente apresentar uma identidade e apenas essa identidade aspiracional e dizer como aqui compre de nós porque você quer ser assim.

E acho que é fácil para as pessoas considerarem seu site e irem bem. Que identidade aspiracional posso juntar com o que estou vendendo ou o que estou oferecendo ao mundo. Eu fiz um site para uma empresa de café, uma empresa de torrefação de café. Conversamos muito sobre essa identidade aspiracional, essa pessoa que bebe, um bom café torrado orgânico e eles são o tipo de pessoa que… você pode ter duas manhãs, como eu posso ter uma manhã em que crianças choram e meu Minha esposa está brava comigo porque a máquina de lavar louça não funcionou ontem à noite e eu deveria ligá-la. E você finalmente pega uma xícara de café enquanto está correndo pela porta.

Ou você pode dizer, eu me levantei e sentei na varanda dos fundos e vi o sol nascer com esta xícara de café gourmet. Tipo, você quer essa identidade. Você não quer o outro. E se você puder vender essa identidade, você estará entrando nesse produto, você será esse tipo de pessoa.

Você vai ser o tipo de pessoa que se levanta e se senta do lado de fora e bebe essa maravilhosa xícara de café. De repente, estou muito mais engajado e quero comprar porque penso: “Eu quero isso. Eu quero aquilo. Eu não quero apenas o café. Eu quero esse estilo de vida.” E acho que entrar no seu site é uma ferramenta muito poderosa.

Hannah: Sim, esses são bons pontos.

Kathy: Queremos que as pessoas sintam que estamos criando uma experiência que elas podem ter, na qual podem mergulhar. E isso faz com que eles se sintam de uma certa maneira. Faz com que eles se sintam de uma certa maneira sobre si mesmos e sobre quem são.

Eu tenho uma tonelada de sites favoritos, mas eu queria falar sobre um que eu tive uma experiência muito interessante. E esse foi o Pier 1. Então terminei o dia ocupado, cansado, e estou apenas no Instagram e estou rolando. Apenas me leve embora por um momento, em qualquer lugar.

Chamou minha atenção, um anúncio… Agora eu gosto muito de decoração e casa e tudo mais. Estou apenas em uma fase diferente da minha vida. Não vou entrar em um Airbnb tão cedo, mas vou fazer da minha casa… Vou fazer o mais Airbnb possível, porque é aqui que estou agora.

O Pier 1 chama minha atenção e o Pier 1 se foi. Eles não têm mais vitrines. Eles estão apenas online. E eles têm esta cadeira. E esta cadeira vai caber no escritório no lugar perfeito. Eu quero essa cadeira. Então eu clico, vou e olho para esta cadeira e então eles me colocam um anúncio, talvez um anúncio da Kadence Conversions. Eles me trouxeram um anúncio e dizem, nós lhe daremos 10% de desconto se você nos der seu e-mail. Então eu dou a eles o e-mail e depois vou procurar essa cadeira. E então, mais tarde naquele dia, eles me enviaram um e-mail e disseram que você esqueceu algo. E eles me mostram a foto da cadeira. Novamente, é uma experiência muito personalizada.

Mas a experiência foi tão personalizada para o que eu estava procurando. E para mim, comecei a pensar sobre essa experiência e sobre o que você estava falando no episódio três, Ben, quando você estava falando sobre realmente escolher um mercado-alvo. E aqui, o Pier 1 escolheu não apenas um mercado-alvo, mas um produto-alvo, e eles venderam esse produto e foi muito personalizado para minha necessidade específica. Talvez eles tenham apenas 10 pessoas com essa cadeira que realmente clicaram neste anúncio, mas essas 10 pessoas queriam essa cadeira em particular. E assim eles arriscaram. Eles fizeram um anúncio para esta cadeira e isso criou uma experiência personalizada que acabou mais tarde quando eu estava de folga e me esqueci dela e fiz outra coisa.

E checando meu e-mail na fila do supermercado e lá está aquela cadeira de novo. E eles ficaram na minha frente e criaram essa experiência personalizada sobre esse produto específico e valeu a pena para eles. E agora eles estão no meu e-mail o tempo todo. Ainda não comprei a cadeira, mas eles criaram uma experiência mais personalizada.

Entraram na caixa de e-mail. Não é mais apenas um anúncio que é rolado. Então eles arriscaram e valeu a pena. E eles me fisgaram. Então essa foi minha experiência memorável, não um site favorito, mas uma experiência que realmente me pegou. Então é por isso que compartilho.

Ben: Legal.

Hannah: Kathy, em que momento você acha que voltaria e compraria a cadeira?

Kathy: Agora eu vou ter que. Exatamente. Não sei, mas foi muito legal.

Hannah: Nós sabemos que você vai comprá-lo.

Kathy: Eu vou ter que fazer isso, mas o e-mail que eles me enviaram é “você esqueceu alguma coisa” e sim, eu esqueci. Eu quero essa cadeira. Como eu tenho que ter a cadeira. Minha experiência no Airbnb na minha casa está arruinada. Não posso tomar meu café sem ter esta cadeira. Então é, mas foi uma experiência muito personalizada e realmente me atraiu. Para mim, isso é uma coisa que eu gostaria de compartilhar. Apenas como algo como uma experiência, foi muito direcionado e me pegou.

De qualquer forma, vamos seguir em frente agora que já falamos sobre isso, vamos falar sobre o que há de novo e o que está por vir no Kadence. E nesta última semana, falamos sobre isso algumas vezes que estava chegando e finalmente caiu. E atualizei meus Blocos Kadence no meu site e o bloco do Google Maps agora está lá.

Então eu tenho que brincar com isso. E eu gosto muito da implementação. Há muitas maneiras diferentes de colocar o Google Maps em um site, mas gostei muito da implementação aqui com o que o Kadence Blocks fez. E está no plugin gratuito. Se você atualizar para a versão 2.3.0 ou posterior, obterá esse bloco específico em seu site habilitado para Kadence.

E você carrega um mapa da Golden Gate Bridge. Tudo o que você precisa fazer é começar a digitar um local e outros locais começam a aparecer tão rapidamente e você pode aumentar ou diminuir o zoom, dependendo do que está tentando comunicar. Achei isso muito legal. Ben, quais foram algumas das ideias envolvidas em todas as personalizações que você está fornecendo aqui?

Ben: Sim. Começando com como queríamos incorporar os mapas. Existem algumas opções diferentes e isso ocorre porque o Google oferece opções diferentes. Então, simplesmente fazemos uma incorporação de iframe como padrão, e isso usa uma chave de API, que na verdade está conectada conosco. Mas é grátis. Eles estão lá embed é grátis.

Mas se você quiser ir mais longe, assim como no mapa incorporado, você poderá escolher a localização e o zoom e pode até filtrá-lo em termos de se deseja um preto e branco ou coisas assim . Mas então, se você quiser ir mais longe e ser capaz de controlar mais o mapa, faça coisas como o que o Snazzy Maps pode fazer, que é como criar não apenas um filtro no mapa, mas realmente criar mapas com aparência única, você precisa para obter sua própria chave JavaScript. Então, temos uma opção para você inserir isso. E então você pode, em vez de incorporar um iframe, usar o JavaScript. Então eu acho que para nós, foi, foi falando como queríamos que esse fluxo funcionasse. E também, essencialmente, não queríamos forçá-lo a obter uma chave apenas para uma simples incorporação, mas também fornecer essas opções e fornecer as maneiras de gostar, adicionar que era uma parte fundamental deste bloco.

Kathy: Legal. E eu acho ótimo que estamos lançando tantos novos blocos para o plugin gratuito e realmente dando aos usuários gratuitos, muitos novos recursos. Acho ótimo termos tantos usuários pagos do Kadence que estão financiando, esse tipo de desenvolvimento que está elevando todos no espaço WordPress usando o Kadence. Muito emocionante. Mais alguma novidade que devamos estar empolgados em descer o pique?

Ben: Acho que, nas próximas semanas, teremos outro bloqueio, estamos trabalhando em um leia mais, bloco de expansão de texto. E, em seguida, alguns recursos em que estamos trabalhando. Os prazos são difíceis. Só porque nós, temos muita coisa acontecendo. Mas acho que, em geral, ao olhar para o final deste trimestre e até mesmo para o início do próximo trimestre, chegamos ao Kadence Blocks 2.4, que terá o novo e revisado bloco de layout de linha e coisas assim são coisas que estão no meu mente, estamos ocupados tentando fazer. Acho que há alguns lugares onde usamos uma biblioteca JavaScript chamada Slick Slider, e isso está sendo substituído. Então, basicamente, liso usa jQuery. Então, se você carregar um carrossel de imagens, agora está carregando Slick, JavaScript e jQuery.

E assim, apenas para desempenho, estamos mudando isso, mudando para uma biblioteca diferente para o carrossel e coisas assim. Então, há muita coisa acontecendo em blocos.

Kathy: Ótimo. E parece haver algumas coisas acontecendo no mundo WordPress também. A equipe de desempenho lançou um novo plug-in de recurso para testar melhorias. Portanto, este é basicamente um plug-in de teste beta. Não é algo que você gostaria de colocar em um site de produção, mas permite basicamente ajudar a equipe principal com este plugin, testar melhorias de desempenho.

Ben: Sim, acho que é uma ótima iniciativa para a Core começar a fazer coisas assim, porque essencialmente como no passado, as coisas viveriam em um problema e seriam desenvolvidas lá. E a menos que você estivesse ciente do problema ou estivesse procurando por esse problema, você realmente não sabia o que estava acontecendo ou se alguém estava trabalhando nisso e então ele seria empurrado para uma versão beta do WordPress.

E a essa altura, é muito tarde no desenvolvimento para alguém realmente entrar e dizer, oh, eu tenho experiência nessa área. Por que não fazemos assim? Ou coisas assim. Eu acho que quanto mais esse núcleo pode fazer esses tipos de plugins derivados, eles podem obter feedback muito cedo no desenvolvimento e também envolver mais pessoas no desenvolvimento.

Eu acho incrível. Então essa é uma iniciativa legal.

Hannah: Eu acho que é uma grande coisa permitir que as pessoas se envolvam. Porque as pessoas adoram poder dar feedback. E então eu, apenas dando às pessoas a oportunidade de baixar este plugin, e então você tem o suficiente para fornecer informações sobre o núcleo do WordPress. As pessoas adoram isso.

E acho que é uma grande coisa para o WordPress fazer, convidar as pessoas para esse espaço. Então eu acho legal, espero que se torne um grande sucesso.

Kathy: Com certeza. E Gutenberg começou assim também. E temos o desenvolvimento do Gutenberg acontecendo fora do núcleo com o plugin Gutenberg. O Gutenberg 12.7 está adicionando a seleção de vários blocos na exibição de lista e está trazendo suporte à margem, mas estou mais interessado nessa seleção de vários blocos. Então você pode basicamente na visualização de lista no Gutenberg, agora você pode selecionar vários itens para mover as coisas e outros enfeites. Agora, isso ainda não está no núcleo, mas está sendo testado neste plug-in do Gutenberg. Então, podemos ver a escrita na parede de que isso acabará no núcleo.

Ben: Sim, o modo de exibição de lista, há algumas coisas que eu quero ver no modo de exibição de lista, sendo esta uma delas. Também quero vê-lo rolar automaticamente para o bloco que você selecionou no momento quando abriu a exibição de lista. Espero que isso aconteça também, mas vamos usar uma coisa realmente ótima que eles adicionaram apenas para tornar a edição e a movimentação de conteúdo em um novo site muito mais fácil. Eu amo que agora você pode arrastar blocos na exibição de lista. E sim, eu acho que é uma área na qual espero que eles continuem se concentrando em melhorias. estou na página. Sim.

Kathy: Isso seria muito útil. E o WooCommerce também está usando esse tipo de padrão de desenvolvimento de plugins auxiliares. E eles também lançaram o WooCommerce 6.3 e esses plugins de recursos também tiveram lançamentos. Então, o WooCommerce bloqueia, então os blocos estão chegando ao WooCommerce. Eu não usei este plugin de recurso ainda. Então eles têm algumas atualizações acontecendo lá. E o administrador do WooCommerce também tem uma atualização. E no WooCommerce 6.3, temos uma tabela de pesquisa de atributos do produto. Então, eles estão adicionando índices de banco de dados aos atributos do produto para melhorar o desempenho. Portanto, isso parece um tipo de versão de manutenção. Limpando algumas coisas e adicionando um desempenho melhor ao WooCommerce vindo em nossa direção.

Ben: Sim, acho que os atributos visam principalmente as lojas maiores que usam muitos atributos. Eu sei que com a atualização dos blocos, estamos olhando principalmente para os blocos, você coloca em sua página onde deseja mostrar seus produtos em destaque e coisas assim.

E eu sei que o plugin de blocos fez muito com o bloco de checkout. Então isso é algo que você também pode ver na versão mais recente.

Kathy: Ótimo. Isso é tudo que temos esta semana no Kadence Beat. Mas voltaremos na próxima semana para falar mais sobre como criar sites eficazes. Será interessante ver quais perguntas teremos. Então, certifique-se de sintonizar e nós realmente gostaríamos de receber algum feedback de vocês, nossos ouvintes. Sobre o que você gostaria que conversássemos mais? Tem alguma dúvida que gostaria que aprofundássemos? Existem desafios que você tem em seu negócio? Que você gostaria que postássemos talvez algumas opiniões ou experiências.

Responder à sua pergunta pode ajudar alguém na comunidade Kadence. Se você não está nos seguindo em seu aplicativo de podcasting favorito, certifique-se de que está, e voltaremos na próxima semana com mais do The Kadence Beat. Obrigado por ouvir.