Эпизод 4: Как 3 сайта создают незабываемые впечатления

Эффективный веб-сайт создает захватывающий опыт, который аудитория хочет посетить снова. Каковы секреты создания опыта, который поднимает ваш бренд и продает вашу продукцию? На этой неделе Ханна, Бен и Кэти просматривают три сайта, которые производят впечатление, и объясняют, почему этот опыт оказался для них эффективным. Определенно есть несколько уроков, которые могут извлечь все владельцы сайтов. Мы также обсудим новый блок Kadence Google Maps, новый функциональный плагин команды повышения производительности WordPress, возможности многоблочного выбора плагина Gutenberg и обновления в WooCommerce 6.3.

Слушайте с помощью элементов управления ниже или добавьте нас в свое любимое приложение для подкастов.

Слушайте в новом окне.

Временные метки и ссылки

• 0:00 Введение
• 1:00 Эффективные стратегии веб-сайтов: 3 сайта с эффектом присутствия
• 10:03 Новый блок Kadence Google Maps
• 12:27 Что будет в Kadence
• 13:25 Команда разработчиков WordPress выпускает новый функциональный плагин для тестирования
• 14:48 Gutenberg 12.7 добавляет многоблочный выбор в виде списка
• 16:03 Вышла версия WooCommerce 6.3

Стенограмма эпизода 4 Kadence Beat

Кэти: Добро пожаловать в 4 серию The Kadence Beat. Это подкаст о создании эффективных веб-сайтов с помощью WordPress и Kadence. Я пережил Неделю Бедствий, ребята.

Ханна: Поздравляю.

Кэти: Так горжусь собой.

Ханна: Я горжусь тобой.

Кэти: Спасибо!

Бен: Акулы вообще появлялись в маркетинге?

Кэти: Акулы не появились. Когда мне нужно было выйти в эфир, я сменил смайлик в Slack на акулу, чтобы люди знали.

Ханна: Это потрясающе. Было ли это так же весело, как «Неделя акул»?

Кэти: Знаешь что? Я немного поумнел в своей двойной жизни как поклонника Kadence, а также фаната безопасности. Я увлекся реагированием на инциденты немного больше, чем должен гордиться, но это было весело. В основном я создал эти презентации, первая была на тему «Звездных войн», а вторая — на тему фильма «Самолет».

Ханна: Удивительно.

Кэти: Не называй меня Ширли. Так что я стараюсь развлекаться с безопасностью, но теперь мы закончили с этим, вернемся к Kadence, я снова на подножке Kadence и очень рад быть здесь.

И для начала мы снова поговорим об эффективных стратегиях веб-сайтов. У нас был вопрос о том, какой ваш любимый веб-сайт или недавний веб-сайт, который выделился или привлек вас? Ханна, ты хочешь пойти первой?

Ханна: Я немного гуру путешествий. Итак, сайт, на котором я часто бываю, — это Airbnb. И на самом деле я был там много сегодня, потому что я чувствую небольшую лихорадку в салоне и пытаюсь понять, куда идти дальше. Но мне понравилось то, что у них было на их домашней странице сегодня. Это был баннер с надписью «Помогите приютить беженцев, бегущих из Украины».

Так что я мгновенно втягиваюсь, потому что вы просто хотите присоединиться к людям, которые помогают другим людям. Так что они уже завладели моим сердцем, но я люблю Airbnb, потому что туда нельзя просто арендовать квартиру где-нибудь в мире. Они хотят дать вам опыт.

И вы прокручиваете страницу, и там есть дома, такие как, вот дом на дереве в Колумбии или вот этот волшебный эллинг на пляже в каком-то экзотическом месте. А потом Airbnb всегда показывает: «Тебе это нравится. Хорошо. Смотри сюда." И я такой: ладно, может быть, я тоже туда пойду.

Поэтому я думаю, что они проделывают невероятную работу по привлечению людей, особенно тех, кто любит путешествовать и исследовать приключения. И потом, это не только место, где вы можете поспать, но и опыт, который мы хотим дать вам в этом прохладном месте. Так что они меня во многом выигрывают.

Кэти: Круто! Чувствуете ли вы, что когда вы находитесь на этом сайте и смотрите на все эти впечатления, это похоже на переживание «забери меня», как будто вы на самом деле испытываете этот опыт, когда находитесь на сайте и смотрите на картинки?

Ханна: Полностью. Ага. Я как будто уже лежу в постели с бокалом вина на милом столике. Глядя в окно на этот волшебный город или куда угодно. Меня туда заносит. Это весело. Я люблю смотреть на твое произведение. Это странно.

Кэти: Что я делаю, и это не мой сайт, но у меня есть такой же опыт работы с Zillow. Например, я иду смотреть на дома за 7 миллионов долларов или дома в Пеббл-Бич, Калифорния, буквально, за 40 миллионов долларов. И я представил себе, что я живу там, такая же вещь, но никто не собирается сдавать ее мне в аренду на Airbnb.

Ханна: Это было бы так грустно, потому что на самом деле вы, вероятно, никогда не сможете полностью прожить этот опыт по сравнению с Airbnb, вы можете.

Так что ты думаешь, это будет моя настоящая жизнь за такое количество времени, и это довольно весело.

Бен: Интересно, я не хозяин на Airbnb, интересно, делают ли они что-то, чтобы фотографии были лучше. Потому что мне кажется, что в целом у них много хороших фотографий. Иногда вы заходите на Zillow и думаете: «Вау, этот человек не знал, как фотографировать свой дом».

Интересно, любят ли они тренера за это?

Ханна: Многие люди не знают, как это сделать. Но люди, которые знают, вы можете опубликовать, поставить хороший фильтр на свое фото, и я буду платить за это на сто долларов больше за ночь. Положите какой-нибудь милый, классный декор, я имею в виду. Это не так сложно.

Кэти: Интересно, могут ли некоторые из наших клиентов использовать эту технику для фотографии на своем сайте, создавая эффект погружения, потому что это действительно привлекает людей.

Ханна: Заплати хорошему фотографу. Это стоит того.

Кэти: Бен. А вы? У вас есть веб-сайт, который вас действительно привлекает?

Бен: Да. Я думал о нескольких сайтах, но думаю, что один из них, к которому я постоянно возвращаюсь, — это Патагония. И что интересно, меня это никогда особо не привлекало из-за дизайна. Что меня привлекло, так это активность и просто тип человека, которого они продают. Тип людей, которые используют Patagonia, - это также люди, которые катаются на горных велосипедах и скалолазании, а также люди, которые активно занимаются охраной земель.

И делать вещи, чтобы сохранить природу в дикой природе и передать ее дальше. Что меня всегда привлекает в Patagonia, так это образ жизни, и я думаю, что это важная часть. Если говорить о том, что меня привлекает на веб-сайте, это как представить меня как персону или как кого-то, кем я хочу быть, и это вовлечет меня. Я хочу быть тем скалолазом. Это сидит на скале. И поэтому, когда вы можете создавать изображения, а затем также подкреплять их реальными, не просто целой кучей стоковых изображений, а реальным чувством «мы вовлечены в людей, которые делают эти вещи», и мы вовлечены только в различные вещи, которые делаются для того, чтобы эти вещи были рядом с нашими детьми и внуками. Теперь я не просто покупаю куртку, я покупаюсь на всю эту идентичность «о, я один из таких людей». Я из тех, кто носит Patagonia.

И я также из тех людей, которые делают все то, что символизирует этот бренд. Когда я думаю о привлекательном веб-сайте, это веб-сайт, который смог осуществить это, будучи способным действительно представить личность и просто эту вдохновляющую идентичность и сказать, как здесь, покупайте у нас, потому что вы хотите быть таким.

И я думаю, что это простой вывод для людей — рассмотреть ваш веб-сайт и все будет в порядке. Какую желаемую идентичность я могу связать с тем, что я продаю или что я предлагаю миру. Я сделал сайт для кофейной компании, компании по обжарке кофе. Мы много говорили об этом, например, о желаемой идентичности, о том, что человек, который пьет, хороший органический жареный кофе, и они из тех людей, которые… у вас может быть два утра, как у меня может быть утро, когда дети плачут, а моя Жена злится на меня из-за того, что прошлой ночью не работала посудомоечная машина, а я должен был ее запустить. И ты, наконец, хватаешь чашку кофе, как будто выбегаешь за дверь.

Или вы можете сказать, что я встал, сел на заднее крыльцо и смотрел, как восходит солнце с этой изысканной чашкой кофе. Например, вы хотите эту личность. Ты не хочешь другого. И поэтому, если вы сможете продать эту идентичность, вы станете этим продуктом, вы станете таким человеком.

Вы будете из тех людей, которые встают, садятся снаружи и пьют эту замечательную чашку кофе. Внезапно я стал гораздо более увлечен и хочу купить, потому что я такой: «Я хочу это. Я хочу чтобы. Я хочу не только кофе. Я хочу такой образ жизни». И я думаю, что попасть на ваш сайт, я думаю, это действительно мощный инструмент.

Ханна: Да, это хорошие моменты.

Кэти: Мы хотим, чтобы люди чувствовали, что мы создаем опыт, который они могут получить, в который они могут погрузиться. И это заставляет их чувствовать себя определенным образом. Это заставляет их чувствовать себя определенным образом о себе и о том, кто они есть.

У меня есть масса любимых веб-сайтов, но я хотел рассказать об одном, с которым у меня был действительно интересный опыт. И это был Пирс 1. Вот и закончился день, занятой, уставший, а я просто сижу в инстаграме и листаю. Просто забери меня на мгновение, куда угодно.

Это бросается в глаза, реклама… Сейчас я очень увлекаюсь декорированием, домом и всем остальным. Я просто на другом этапе своей жизни. Я не собираюсь покупать Airbnb в ближайшее время, но я собираюсь сделать свой дом… Я собираюсь сделать его как Airbnb, насколько смогу, потому что это то, чем я сейчас занимаюсь.

Мое внимание привлекает пирс 1, а пирса 1 уже нет. У них больше нет витрин. Они просто онлайн. И у них есть это кресло. И этот стул идеально впишется в офис. Я хочу это кресло. Итак, я нажимаю кнопку, иду и смотрю на это кресло, а потом они показывают мне рекламу, возможно, рекламу Kadence Conversions. Они принесли мне объявление и говорят, что мы дадим вам 10% скидку, если вы дадите нам свой адрес электронной почты. Поэтому я даю им электронное письмо, а затем ищу этот стул. А позже в тот же день они мне пишут по электронной почте и говорят, что вы что-то забыли. И они показывают мне фотографию стула. Опять же, это очень индивидуальный опыт.

Но опыт был настолько персонализирован для того, что я искал. Что касается меня, я начал думать об этом опыте и о том, о чем вы говорили в третьем эпизоде, Бен, когда вы говорили о том, что действительно выбираете целевой рынок. И здесь компания Pier 1 выбрала не просто целевой рынок, а целевой продукт, и они продавали этот продукт, и он был очень персонализирован в соответствии с моими конкретными потребностями. Может быть, у них было только 10 человек с этим креслом, которые на самом деле кликнули на это объявление, но эти 10 человек хотели именно это кресло. Вот они и рискнули. Они сделали рекламу этого стула, и это создало персонализированный опыт, который закончился позже, когда я был в отпуске и забыл об этом и занимался чем-то другим.

И проверяю почту в очереди в продуктовом магазине, и снова этот стул. И они просто остались передо мной, и они создали этот персонализированный опыт об этом конкретном продукте, и это окупилось для них. И теперь они постоянно в моей электронной почте. Я до сих пор не купил кресло, но они создали более персонализированный опыт.

Они попали в почтовый ящик. Это уже не просто реклама, которую прокручивают. Поэтому они пошли на риск, и это окупилось. И они меня зацепили. Так что это был мой незабываемый опыт, не любимый веб-сайт, а опыт, который действительно меня зацепил. Вот поэтому и делюсь.

Бен: Круто.

Ханна: Кэти, как ты думаешь, в какой момент ты вернешься и купишь стул?

Кэти: Теперь мне придется. Точно. Я не знаю, но это было так круто.

Ханна: Мы знаем, что ты его купишь.

Кэти: Мне придется, но в электронном письме, которое они мне прислали, говорится: «Вы кое-что забыли», и да, я забыла. Я хочу этот стул. Как будто у меня должен быть стул. Мой опыт Airbnb в моем доме разрушен. Я не могу пить кофе без этого стула. Так оно и есть, но это был очень личный опыт, и он действительно привлек меня. Для меня это одна вещь, которой я хотел бы поделиться. Просто как опыт, он был очень целенаправленным и меня зацепил.

В любом случае, давайте продолжим, раз уж мы об этом поговорили, давайте поговорим о том, что нового и что грядет в Kadence. И за последнюю неделю мы пару раз говорили об этом, что это грядет, и, наконец, отпало. И я обновил свои блоки Kadence на своем сайте, и теперь там есть блок Google Maps.

Так что я должен играть с этим. И мне очень нравится реализация. Есть много разных способов разместить Карты Google на сайте, но мне очень понравилась реализация здесь с тем, что сделал Kadence Blocks. И это в бесплатном плагине. Если вы обновитесь до версии 2.3.0 или более поздней, вы получите этот конкретный блок на своем сайте с поддержкой Kadence.

И вы загружаете карту моста Золотые Ворота. Все, что вам нужно сделать, это начать вводить местоположение, и другие местоположения начнут появляться очень быстро, и вы можете увеличивать или уменьшать масштаб в зависимости от того, что вы пытаетесь сообщить. Я подумал, что это действительно круто. Бен, что вы думали обо всех настройках, которые вы здесь предлагаете?

Бен: Да. Начиная с того, как мы хотели встроить карты. Есть несколько разных вариантов, потому что Google предлагает разные варианты. Таким образом, мы просто встраиваем iframe по умолчанию, и для этого используется ключ API, который на самом деле связан с нами. Но это бесплатно. Они там встраиваются бесплатно.

Но если вы хотите, чтобы он пошел дальше, например, с картой для встраивания, вы сможете выбрать местоположение и масштаб, и вы даже можете отфильтровать его с точки зрения того, хотите ли вы черно-белый или что-то в этом роде. . Но затем, если вы хотите пойти дальше и иметь возможность больше контролировать карту, на самом деле делать то, что могут делать Snazzy Maps, то есть создавать не просто фильтр на карте, а на самом деле создавать уникальные карты, вам нужно чтобы получить собственный ключ JavaScript. Так что у нас есть возможность вставить это. И тогда вы можете вместо встраивания iframe использовать JavaScript. Так что я думаю, для нас это было, это было разговором о том, как мы хотели, чтобы этот поток работал. Кроме того, по сути, мы не хотели заставлять вас идти за ключом только для простого встраивания, но затем также предоставляли эти параметры, а затем предоставляли способы лайкнуть, добавить, что было ключевой частью этого блока.

Кэти: Круто. И я думаю, это просто здорово, что мы выпускаем так много новых блоков для бесплатного плагина и действительно даем бесплатным пользователям множество новых функций. Я думаю, это просто здорово, что у нас есть так много платных пользователей Kadence, которые финансируют такого рода разработку, которая поднимает всех в пространстве WordPress с помощью Kadence. Очень интересно. Есть ли что-нибудь еще новое, что нас должно радовать?

Бен: Я думаю, что в ближайшие пару недель у нас будет еще один блок-аут, который мы собираемся сделать, мы работаем над блоком чтения, расширения текста. А затем довольно много функций, над которыми мы работаем. Сроки жесткие. Просто потому, что у нас много всего происходит. Но я думаю, что в целом, когда я смотрю на конец этого квартала и даже на начало следующего квартала, мы переходим к Kadence Blocks 2.4, в котором будет новый и пересмотренный блок макета строки и тому подобные вещи. ум, мы деловито пытаемся сделать. Я думаю, что есть несколько мест, где мы используем библиотеку JavaScript под названием Slick Slider, и она заменяется. Итак, в основном Slick использует jQuery. Итак, если вы загружаете карусель изображений, вы теперь загружаете Slick, JavaScript и jQuery.

И так, просто для повышения производительности, мы перемещаем это, переключаемся на другую библиотеку для карусели и тому подобное. Так что в блоках много чего происходит.

Кэти: Отлично. И, кажется, что-то происходит и в мире WordPress. Группа производительности выпустила новый функциональный плагин для тестирования улучшений. Так что это в основном плагин для бета-тестирования. Не то, что вы хотели бы разместить на рабочем сайте, но это позволяет вам в основном помочь основной команде с этим плагином, протестировать улучшения производительности.

Бен: Да, я думаю, что это отличная инициатива для ядра начать делать такие вещи, потому что, по сути, как и в прошлом, вещи будут жить в задаче и развиваться там. И если вы не знали о проблеме или случайно не искали эту проблему, вы на самом деле не знали, что происходит, или работал ли кто-то над этим, а затем это попадало в бета-версию WordPress.

И к тому времени разработка уже довольно поздно для того, чтобы кто-то действительно пришел и сказал: «О, у меня есть опыт в этой области». Почему бы нам не сделать это таким образом? Или что-то в этом роде. Я думаю, что чем больше это ядро ​​может делать такие дополнительные плагины, где они могут получать отзывы на самом раннем этапе разработки, а также вовлекать в разработку больше людей.

Я думаю, это потрясающе. Так что это крутая инициатива.

Ханна: Я-я думаю, что это очень важно — позволить людям участвовать. Потому что людям нравится иметь возможность давать обратную связь. И поэтому я, просто давая людям возможность здесь, скачать этот плагин, и тогда у вас достаточно, чтобы дать представление о ядре WordPress. Людям это нравится.

И я думаю, что для WordPress это просто замечательно — приглашать людей в это пространство. Так что я думаю, что это круто, я надеюсь, что это станет большим хитом.

Кэти: Определенно. И Гутенберг тоже так начинал. И у нас есть разработка Gutenberg вне ядра с плагином Gutenberg. Gutenberg 12.7 добавляет выбор нескольких блоков в представлении списка и обеспечивает поддержку полей, но меня больше интересует этот выбор нескольких блоков. Таким образом, вы можете в основном в представлении списка в Гутенберге теперь вы можете выбирать несколько элементов для перемещения вещей и многого другого. Это еще не ядро, но оно тестируется в этом плагине Gutenberg. Таким образом, мы можем видеть надпись на стене, что это в конечном итоге окажется в ядре.

Бен: Да, представление в виде списка, есть несколько вещей, которые я хочу видеть в представлении в виде списка, это будет одна из них. Я также хочу, чтобы он автоматически прокручивался до блока, который вы выбрали в данный момент, когда открывали представление списка. Я надеюсь, что это тоже произойдет, но давайте использовать действительно замечательную вещь, которую они добавили, чтобы сделать редактирование и перемещение контента на новом веб-сайте намного проще. Мне нравится, что теперь вы можете перетаскивать блоки в виде списка. И да, я думаю, что это та область, в которой я надеюсь, что они продолжат фокусироваться на улучшениях. И если какие-либо основные разработчики слушают, пожалуйста, сделайте автоматическую прокрутку к блоку, выбранному при открытии представления списка, вместо того, чтобы прокручивать и находить, где я смотрю на странице. Ага.

Кэти: Это было бы очень полезно. И WooCommerce также использует такой шаблон разработки вспомогательных плагинов. И у них также был выпущен WooCommerce, 6.3, и у этих функциональных плагинов также были выпуски. Таким образом, WooCommerce блокирует, поэтому блоки в конечном итоге приходят в WooCommerce. Я еще не использовал этот функциональный плагин. Так что у них там происходят какие-то обновления. У администратора WooCommerce также есть обновление. А в WooCommerce 6.3 у нас есть таблица поиска атрибутов продукта. Поэтому они добавляют в базу данных индексы атрибутов продукта для повышения производительности. Так что это похоже на выпуск поддерживающего типа. Убираем некоторые вещи и повышаем производительность WooCommerce.

Бен: Да, я думаю, что атрибуты в первую очередь нацелены на крупные магазины, которые используют много атрибутов. Я знаю, что с обновлением блоков мы в первую очередь смотрим на блоки, которые вы размещаете на своей странице, где вы хотите показывать свои рекомендуемые продукты и тому подобное.

И я знаю, что плагин блоков много сделал со своим блоком оформления заказа. Так что это то, что вы также можете увидеть в последней версии.

Кэти: Отлично. Это все, что у нас есть на этой неделе на Kadence Beat. Но мы вернемся на следующей неделе, чтобы больше поговорить о создании эффективных веб-сайтов. Будет интересно посмотреть, какие у нас будут вопросы. Так что убедитесь, что вы настроились, и мы действительно хотели бы получить обратную связь от вас, наших слушателей. О чем бы вы хотели, чтобы мы больше говорили? У вас есть вопрос, на который вы хотели бы, чтобы мы погрузились глубже? Есть ли проблемы, которые у вас есть в вашем бизнесе? Что вы хотели бы, чтобы мы постулировали, возможно, некоторые мнения или опыт.

Ответ на ваш вопрос может помочь кому-то еще в сообществе Kadence. Если вы не подписаны на нас в своем любимом приложении для подкастов, убедитесь, что вы это делаете, и на следующей неделе мы вернемся с новыми новостями из The Kadence Beat. Спасибо за прослушивание.