Episodio 4: Cómo 3 sitios crean experiencias inolvidables

Publicado: 2022-03-12

Un sitio web eficaz crea una experiencia inmersiva que el público quiere volver a visitar. ¿Cuáles son los secretos para crear experiencias que mejoren su marca y vendan sus productos? Esta semana, Hannah, Ben y Kathy revisan tres sitios que causan impresiones y explican por qué estas experiencias funcionaron para ellos. Definitivamente hay algunas lecciones de las que todos los propietarios de sitios pueden aprender. También analizamos el nuevo Kadence Google Maps Block, el nuevo complemento de funciones del equipo de rendimiento de WordPress, las capacidades de selección de bloques múltiples del complemento Gutenberg y las actualizaciones en WooCommerce 6.3.

Escuche a través de los controles a continuación o agréguenos a su aplicación de podcast favorita.

Escuchar en una nueva ventana.

Marcas de tiempo y enlaces

  • 0:00 Introducción
  • 1:00 Estrategias efectivas de sitios web: 3 sitios que tienen experiencias inmersivas
  • 10:03 El nuevo bloque de Google Maps de Kadence
  • 12:27 Lo que viene en Kadence
  • 13:25 El equipo de rendimiento de WordPress lanza un nuevo complemento de funciones para pruebas
  • 14:48 Gutenberg 12.7 agrega selección de bloques múltiples en la vista de lista
  • 16:03 Lanzamiento de WooCommerce 6.3

Transcripción del episodio 4 de Kadence Beat

Kathy: Bienvenidos al episodio 4 de The Kadence Beat. Este es el podcast sobre la creación de sitios web efectivos con WordPress y Kadence. Sobreviví a la Semana del Desastre, muchachos.

ana: felicidades

Kathy: Tan orgullosa de mí misma.

Ana: Estoy orgullosa de ti.

Kathy: ¡Gracias!

Ben: ¿Aparecieron tiburones en el marketing?

Kathy: No aparecieron tiburones. Cuando tuve que salir en vivo, cambié mi emoji de Slack a un tiburón, solo para que la gente lo supiera.

Hannah: Eso es increíble. ¿Fue tan divertido como la Semana del Tiburón?

Kathy: ¿Sabes qué? Me volví un poco geek, en mi doble vida como aficionado a Kadence, así como un geek de seguridad. Me entusiasmé con la respuesta a incidentes un poco más de lo que debería estar orgulloso, pero fue divertido. Básicamente, creé estas presentaciones, la primera con el tema de Star Wars y luego la segunda con el tema de la película Airplane.

Hanna: Impresionante.

Kathy: No me llames Shirley. Así que trato de divertirme con la seguridad, pero hemos terminado con eso ahora de regreso a Kadence, estoy de vuelta en el carro de Kadence y emocionado de estar aquí.

Y vamos a hablar nuevamente sobre estrategias efectivas de sitios web para comenzar. Teníamos una pregunta sobre cuál es su sitio web favorito o un sitio web reciente que se destacó o lo atrajo. Hannah, ¿quieres ir primero?

Hannah: Soy un poco gurú de los viajes. Entonces, un sitio web en el que me encuentro a menudo es Airbnb. Y, de hecho, estuve allí mucho hoy porque siento un poco de fiebre de cabina y trato de averiguar a dónde ir a continuación. Pero me encantó lo que tenían en su página de inicio hoy. Era una pancarta que decía ayudar a albergar a los refugiados que huyen de Ucrania.

Así que instantáneamente me atrajo porque solo quieres unirte a personas que están ayudando a otras personas. Y ya tienen mi corazón, pero me encanta Airbnb porque no solo vas allí para alquilar un condominio en algún lugar del mundo. Quieren darte una experiencia.

Y estás desplazándote por la página y hay casas que son como, aquí hay una casa en un árbol en Columbia o aquí hay un cobertizo mágico para botes en la playa en algún lugar exótico. Y luego, Airbnb siempre muestra: “Te gusta esto. Bueno. Mira aquí." Y yo estoy como, está bien, tal vez iré allí también.

Así que creo que hacen un trabajo increíble atrayendo a la gente, especialmente a la gente a la que le encanta viajar y explorar una aventura. Y luego, no solo aquí hay un lugar donde puedes dormir, sino que aquí hay una experiencia que queremos brindarte en este lugar genial. Entonces me conquistan mucho.

Kathy: Genial! ¿Sientes que cuando estás en ese sitio y estás mirando todas estas experiencias es como una experiencia para llevarme lejos, como si realmente estuvieras teniendo esa experiencia cuando estás en el sitio, mirando fotos?

Hanna: Totalmente. Sí. Estoy como ya ahí acostado en la cama con una copa de vino en la linda mesa. Mirando por la ventana a esta ciudad mágica o donde sea. Me lleva allí. Es divertido. Me encanta mirar tu pieza. Es raro.

Kathy: Lo que hago es, y este no es mi sitio, pero tengo ese mismo tipo de experiencia con Zillow. Voy a mirar casas de $ 7 millones o casas en Pebble Beach, California, literalmente, como $ 40 millones. Y me imagino que estoy viviendo allí, el mismo tipo de cosas, pero nadie me lo va a alquilar en Airbnb.

Hannah: Eso sería muy triste porque en realidad probablemente nunca puedas vivir esa experiencia por completo en comparación con Airbnb, sí puedes.

Entonces piensas, esta va a ser mi vida real en esta cantidad de tiempo, y es bastante divertido.

Ben: Me pregunto, no soy como un anfitrión en Airbnb, me pregunto si hacen algo para obtener mejores fotos. Porque siento que, en general, tienen muchas buenas fotos. A veces te subes a Zillow y dices, wow, esta persona no sabía cómo tomar fotografías de su casa.

Me pregunto si les gusta el entrenador por eso.

Hannah: Hay mucha gente que no sabe cómo hacerlo. Pero la gente que sabe, puede publicar, poner un buen filtro en su foto y pagaré cien dólares más por noche. Ponga algo lindo, la decoración fresca, quiero decir. No es tan dificil.

Kathy: Me pregunto si algunos de nuestros clientes pueden usar esa técnica para la fotografía en su sitio, crear esa experiencia inmersiva porque realmente atrae a las personas.

Hannah: Págale a un buen fotógrafo. Vale la pena.

Kathy: Ben. ¿Y usted? ¿Tienes un sitio web que realmente te atrae?

ben: si Hay un par de sitios en los que estaba pensando, pero creo que uno al que vuelvo constantemente es la Patagonia. Y lo que es interesante es que nunca me atrajo realmente debido al diseño. Lo que me llamó la atención es el activismo y el tipo de persona que están vendiendo. El tipo de persona que usa la Patagonia es también la persona que monta bicicleta de montaña y escala rocas, y también es la persona activa en la conservación de la tierra.

Y hacer cosas para preservar el aire libre en el desierto y transmitir eso. Entonces, lo que siempre me atrae de la Patagonia es esta identidad de estilo de vida, y creo que eso es una parte importante. Si hablar sobre lo que me atrae en un sitio web es como presentarme como una persona o como alguien que quiero ser, y eso me va a hacer participar. Quiero ser ese escalador. Eso está sentado en un acantilado. Entonces, cuando puede crear imágenes y luego también respaldarlas con imágenes reales, no solo con un montón de imágenes de archivo, sino con un sentido real de "estamos involucrados en las personas que hacen estas cosas" y estamos involucrados solo en las diferentes cosas que suceden para asegurarse de que estas cosas estén disponibles para nuestros hijos y nuestros nietos. Ahora no solo estoy comprando una chaqueta, estoy comprando toda esta identidad de "oh, soy uno de esos tipos de personas". Soy el tipo de persona que viste Patagonia.

Y también soy el tipo de persona que hace todas estas cosas que representa esta marca. Cuando pienso en un sitio web atractivo, es un sitio web que ha sido capaz de lograrlo, poder presentar realmente una identidad y solo esta identidad aspiracional y decir como aquí, compre de nosotros porque quiere ser así.

Y creo que esa es una conclusión fácil para las personas: considerar su sitio web y hacerlo bien. ¿Qué identidad aspiracional puedo combinar con lo que estoy vendiendo o lo que estoy ofreciendo al mundo? Hice un sitio web para una empresa de café, una empresa tostadora de café. Hablamos mucho sobre esta identidad aspiracional, esta persona que bebe, buen café tostado orgánico y es el tipo de persona que es como... puedes tener dos mañanas, como puedo tener una mañana en la que los niños lloran y mi Mi esposa está enojada conmigo porque el lavaplatos no funcionó anoche y se suponía que yo debía encenderlo. Y finalmente tomas una taza de café mientras sales corriendo por la puerta.

O puedes decir, me levanté y me senté en el porche trasero y vi salir el sol con esta taza de café gourmet. Como, quieres esa identidad. No quieres el otro. Entonces, si puedes vender esa identidad, lo harás al entrar en este producto, serás este tipo de persona.

Vas a ser el tipo de persona que se levanta, se sienta afuera y bebe esta maravillosa taza de café. De repente estoy mucho más comprometida y quiero comprar porque estoy como, “Quiero eso. Quiero eso. Quiero no sólo el café. Quiero ese estilo de vida”. Y creo que ingresar a su sitio web es una herramienta realmente poderosa.

Hannah: Sí, esos son buenos puntos.

Kathy: Queremos que las personas sientan que estamos creando una experiencia que puedan tener, en la que puedan sumergirse. Y les hace sentir de cierta manera. Les hace sentir de cierta manera acerca de sí mismos y quiénes son.

Tengo un montón de sitios web favoritos, pero quería hablar sobre uno con el que tuve una experiencia realmente interesante. Y ese fue el Muelle 1. Así que terminé el día ocupado, cansado, y solo estoy en Instagram y me estoy desplazando. Solo llévame lejos por un momento, a cualquier lugar.

Me llama la atención, un anuncio… Ahora estoy muy metida en la decoración y el hogar y todo. Simplemente estoy en una etapa diferente de mi vida. No me voy a ir a un Airbnb en el corto plazo, pero voy a hacer mi hogar... voy a hacerlo tan Airbnb como pueda, porque aquí es donde estoy ahora.

El Muelle 1 me llama la atención, y el Muelle 1 ya no está. Ya no tienen escaparates. Solo están en línea. Y tienen esta silla. Y esta silla va a encajar en la oficina en el lugar perfecto. Quiero esta silla. Así que hago clic, voy y miro esta silla y luego me muestran un anuncio, quizás un anuncio de Kadence Conversions. Me trajeron un anuncio y decían, te daremos un 10 % de descuento si nos das tu correo electrónico. Así que les doy el correo electrónico y luego voy a buscar esta silla. Y luego ese mismo día, me envían un correo electrónico y me dicen que olvidaste algo. Y me muestran la foto de la silla. Una vez más, es una experiencia muy personalizada.

Pero la experiencia fue tan personalizada a lo que estaba buscando. Y para mí, comencé a pensar en esa experiencia y en lo que estabas hablando en el episodio tres, Ben, cuando estabas hablando de elegir realmente un mercado objetivo. Y aquí, Pier 1 había elegido no solo un mercado objetivo, sino un producto objetivo, y vendieron este producto y fue muy personalizado para mi necesidad específica. Tal vez solo 10 personas con esta silla hicieron clic en este anuncio, pero esas 10 personas querían esa silla en particular. Y por eso se arriesgaron. Hicieron un anuncio para esta silla y creó una experiencia personalizada que terminó más tarde cuando estaba fuera y me había olvidado de ella y estaba haciendo otra cosa.

Y revisando mi correo electrónico en la fila del supermercado y ahí está esa silla otra vez. Y simplemente se quedaron frente a mí y crearon esta experiencia personalizada sobre este producto específico y valió la pena para ellos. Y ahora están en mi correo electrónico todo el tiempo. Todavía no he comprado la silla, pero han creado una experiencia más personalizada.

Entraron en la casilla de correo electrónico. Ya no es solo un anuncio que se desplaza. Así que se arriesgaron y valió la pena. Y me engancharon. Esa fue mi experiencia memorable, no un sitio web favorito, sino una experiencia que realmente me atrapó. Por eso comparto.

Ben: Genial.

Hannah: Kathy, ¿en qué momento crees que volverías y comprarías la silla?

Kathy: Ahora voy a tener que hacerlo. Exactamente. No sé, pero fue genial.

Hannah: Sabemos que lo vas a comprar.

Kathy: Voy a tener que hacerlo, pero el correo electrónico que me enviaron es "olvidaste algo" y sí, lo hice. Quiero esa silla. Como si tuviera que tener la silla. Mi experiencia de Airbnb en mi casa está arruinada. No puedo beber mi café sin tener esta silla. Así es, pero fue una experiencia muy personalizada y realmente me atrajo. Para mí, eso es algo que me gustaría compartir. Como algo como una experiencia, fue muy específico y me atrapó.

De todos modos, sigamos ahora que hemos hablado de eso, hablemos de las novedades y lo que se avecina en Kadence. Y en esta última semana, hemos hablado un par de veces de que vendría y finalmente cayó. Y actualicé mis Kadence Blocks en mi sitio y el bloque de Google Maps ahora está allí.

Así que tengo que jugar con esto. Y me gusta mucho la implementación. Hay muchas maneras diferentes de poner Google Maps en un sitio, pero me gustó mucho la implementación aquí con lo que hizo Kadence Blocks. Y está en el complemento gratuito. Si actualiza a la versión 2.3.0 o posterior, obtendrá ese bloque en particular en su sitio habilitado para Kadence.

Y carga con un mapa del puente Golden Gate. Todo lo que tiene que hacer es comenzar a escribir en una ubicación y otras ubicaciones comienzan a aparecer rápidamente y puede acercar o alejar la imagen dependiendo de lo que esté tratando de comunicar. Pensé que esto era realmente genial. Ben, ¿cuál fue el pensamiento que se tomó en todas las personalizaciones que proporcionas aquí?

ben: si Comenzando con cómo queríamos incrustar los mapas. Hay un par de opciones diferentes y eso es porque Google ofrece diferentes opciones. Así que simplemente hacemos un iframe incrustado como predeterminado, y eso usa una clave API, que en realidad está conectada con nosotros. Pero es gratis. Están allí incrustar es gratis.

Pero si quiere que vaya más allá, al igual que con el mapa incrustado, podrá elegir la ubicación y el zoom, e incluso puede filtrarlo en términos de si desea un blanco y negro o cosas por el estilo. . Pero luego, si quiere ir más allá y poder controlar más el mapa, haga cosas como las que puede hacer Snazzy Maps, que es como crear no solo un filtro en el mapa, sino crear mapas de apariencia única, necesita para obtener su propia clave de JavaScript. Así que tenemos una opción para que lo pongas. Y luego puedes, en lugar de un iframe incrustado, estás usando JavaScript. Así que creo que para nosotros, fue hablar de cómo queríamos que funcionara ese flujo. Y luego, esencialmente, no queríamos obligarlo a obtener una clave solo para una simple inserción, sino también proporcionar esas opciones y luego proporcionar las formas en que le gusta, agregar que era una parte clave de este bloque.

Kathy: Genial. Y creo que es genial que estemos lanzando tantos bloques nuevos para el complemento gratuito y realmente brindando a los usuarios gratuitos muchas características nuevas. Creo que es genial que tengamos tantos usuarios pagos de Kadence que están financiando, este tipo de desarrollo que está animando a todos en el espacio de WordPress que usan Kadence. Muy emocionante. ¿Algo más nuevo por lo que deberíamos estar emocionados por venir?

Ben: Creo que en las próximas dos semanas tendremos otro bloqueo, estamos trabajando en un bloque de expansión de texto para leer más. Y luego algunas características en las que estamos trabajando. Los plazos son difíciles. Solo porque nosotros, tenemos muchas cosas que hacer. Pero creo que, en general, mientras veo el final de este trimestre e incluso el comienzo del próximo trimestre, llegaremos a Kadence Blocks 2.4, que tendrá el bloque de diseño de fila nuevo y revisado y cosas así son cosas que tengo en mi mente, estamos muy ocupados tratando de hacer. Creo que hay algunos lugares donde usamos una biblioteca de JavaScript llamada Slick Slider, y eso está siendo reemplazado. Entonces, básicamente, Slick usa jQuery. Entonces, si carga un carrusel de imágenes, ahora está cargando Slick, JavaScript y jQuery.

Y así, solo para el rendimiento, estamos moviendo eso, cambiando a una biblioteca diferente para el carrusel y cosas así. Así que están sucediendo muchas cosas en los bloques.

Kathy: Genial. Y parece que también están sucediendo algunas cosas en el mundo de WordPress. El equipo de rendimiento lanzó un nuevo complemento de funciones para probar mejoras. Así que esto es básicamente un complemento de prueba beta. No es algo que le gustaría poner en un sitio de producción, pero básicamente le permite ayudar al equipo central con este complemento, probar mejoras de rendimiento.

Ben: Sí, creo que es una gran iniciativa para Core comenzar a hacer cosas como esta, porque básicamente, como en el pasado, las cosas vivían en un problema y se desarrollaban allí. Y a menos que estuviera al tanto del problema o estuviera buscando ese problema, realmente no sabía lo que estaba sucediendo o si alguien estaba trabajando en eso y luego sería empujado a una versión beta de WordPress.

Y para entonces, es bastante tarde en el desarrollo para que alguien entre y diga, oh, tengo experiencia en esta área. ¿Por qué no lo hacemos de esta manera? O cosas así. Creo que el núcleo puede hacer más este tipo de complementos derivados donde pueden obtener comentarios muy temprano en el desarrollo y también involucrar a más personas en el desarrollo.

Creo que es increíble. Así que esta es una iniciativa genial.

Hannah: Creo que es algo muy importante permitir que la gente se involucre. Porque a la gente le encanta poder dar su opinión. Entonces, solo le doy a la gente la oportunidad de aquí, descargar este complemento, y luego tienes suficiente para dar una idea del núcleo de WordPress. A la gente le encanta eso.

Y creo que es genial que haga WordPress, invitar a la gente a ese espacio. Así que creo que es genial, espero que se convierta en un gran éxito.

Kathy: Definitivamente. Y Gutenberg también empezó de esa manera. Y tenemos el desarrollo de Gutenberg fuera del núcleo con el complemento de Gutenberg. Gutenberg 12.7 está agregando selección de bloques múltiples en la vista de lista, y está brindando soporte de margen, pero estoy más interesado en esta selección de bloques múltiples. Entonces, básicamente, en la vista de lista en Gutenberg, ahora puede seleccionar varios elementos para mover cosas y otras cosas. Ahora bien, esto aún no está en el núcleo, pero se está probando dentro de este complemento de Gutenberg. Entonces podemos ver la escritura en la pared que eventualmente terminará en el núcleo.

Ben: Sí, la vista de lista, hay algunas cosas que quiero ver en la vista de lista, esta es una de ellas. También quiero que se desplace automáticamente al bloque que ha seleccionado actualmente cuando abrió la vista de lista. Espero que eso también suceda, pero usemos una cosa realmente genial que agregaron solo para hacer que editar y mover contenido en un nuevo sitio web sea mucho más fácil. Me encanta que ahora puedas arrastrar bloques en la vista de lista. Y sí, creo que es un área en la que espero que sigan enfocándose en las mejoras. Y si algún desarrollador central está escuchando, haga que se desplace automáticamente al bloque que está seleccionado cuando abre la vista de lista en lugar de tener que desplazarse y encontrar dónde Estoy en la página. Sí.

Kathy: Eso sería muy útil. Y WooCommerce también está utilizando este tipo de patrón de desarrollo de complementos auxiliares. Y también lanzaron WooCommerce, 6.3 y estos complementos de funciones también tuvieron lanzamientos. Así que los bloques de WooCommerce, los bloques finalmente llegarán a WooCommerce. Todavía no he usado este complemento de funciones. Así que tienen algunas actualizaciones sucediendo allí. Y el administrador de WooCommerce también tiene una actualización. Y en WooCommerce 6.3, tenemos una tabla de búsqueda de atributos de productos. Por lo tanto, están agregando índices a la base de datos de los atributos del producto para mejorar el rendimiento. Así que esto parece algo así como un tipo de lanzamiento de mantenimiento. Limpiando algunas cosas y agregando un mejor rendimiento a WooCommerce en nuestro camino.

Ben: Sí, creo que los atributos apuntan principalmente a las tiendas más grandes que usan muchos atributos. Sé que con la actualización de los bloques, lo primero que buscamos son los bloques que pones en tu página donde quieres mostrar tus productos destacados y cosas por el estilo.

Y sé que el complemento de bloques ha hecho mucho con su bloque de pago. Así que eso es algo que también puedes ver en la última versión.

Kathy: Genial. Eso es todo lo que tenemos esta semana en Kadence Beat. Pero volveremos la próxima semana para hablar más sobre la creación de sitios web efectivos. Será interesante ver qué preguntas tendremos. Así que asegúrese de sintonizarnos y realmente nos gustaría recibir algunos comentarios de ustedes, nuestros oyentes. ¿De qué te gustaría que habláramos más? ¿Tiene alguna pregunta en la que le gustaría que profundicemos más? ¿Hay desafíos que usted tiene en su negocio? Que te gustaría que planteáramos quizás alguna opinión o experiencia.

Responder a su pregunta podría ayudar a alguien más en la comunidad de Kadence. Si no nos sigue en su aplicación de podcasting favorita, asegúrese de hacerlo y volveremos la próxima semana con más de The Kadence Beat. Gracias por su atención.