第 4 集：3 個站點如何創造令人難忘的體驗

一個有效的網站可以創造一種觀眾想要重新訪問的身臨其境的體驗。 創造提升品牌和銷售產品的體驗的秘訣是什麼？ 本週，Hannah、Ben 和 Kathy 回顧了三個給人留下深刻印象的網站，並解釋了為什麼這些體驗對他們有用。 肯定有一些所有網站所有者都可以學習的經驗教訓。 我們還討論了新的 Kadence Google Maps Block、WordPress 性能團隊的新功能插件、Gutenberg 插件的多塊選擇功能以及 WooCommerce 6.3 中的更新。

通過下面的控件收聽，或將我們添加到您最喜歡的播客應用程序中。

在新窗口中收聽。

時間戳和鏈接

• 0:00 介紹
• 1:00 有效的網站策略：3 個具有沉浸式體驗的網站
• 10:03 新的 Kadence Google Maps Block
• 12:27 Kadence 即將舉行的活動
• 13:25 WordPress 性能團隊發布用於測試的新功能插件
• 14:48 Gutenberg 12.7 在列表視圖中添加多塊選擇
• 16:03 WooCommerce 6.3 發布

Kadence Beat 第 4 集的成績單

凱西：歡迎來到 The Kadence Beat 的第 4 集。 這是關於使用 WordPress 和 Kadence 創建有效網站的播客。 我在災難周中倖存下來，你們。

漢娜：恭喜。

凱西：我為自己感到驕傲。

漢娜：我為你感到驕傲。

凱西：謝謝！

本：市場營銷中出現過鯊魚嗎？

凱西：沒有鯊魚出現。 當我不得不上線時，我確實將我的 Slack 表情符號更改為鯊魚，這樣人們就知道了。

漢娜：太棒了。 和鯊魚週一樣有趣嗎？

凱西：你知道嗎？ 在我作為 Kadence 愛好者和安全極客的雙重生活中，我有點古怪。 我對事件響應的興趣確實超出了我應該為之自豪的程度，但這很有趣。 我基本上創建了這些演示文稿，第一個是以星球大戰為主題的，然後第二個是以電影飛機為主題的。

漢娜：太棒了。

凱西：別叫我雪莉。 所以我嘗試在安全方面玩得開心，但我們現在回到 Kadence，我又回到了 Kadence 的行列，很高興能來到這裡。

我們將再次討論有效的網站策略以開始工作。 我們有一個問題，您最喜歡的網站或最近突出或吸引您的網站是什麼？ 漢娜，你想先走嗎？

漢娜：我是一個旅行大師。 所以我發現自己經常訪問的網站是 Airbnb。 事實上，我今天經常去那裡，因為我感覺有點發燒，想弄清楚下一步該去哪裡。 但我喜歡他們今天在主頁上的內容。 這是一面橫幅，上面寫著幫助安置逃離烏克蘭的難民。

所以我立刻就被拉進來了，因為你只是想和那些幫助別人的人一起工作。 所以他們已經得到了我的心，但我喜歡 Airbnb，因為你不只是去那裡租一個世界某個地方的公寓。 他們想給你一種體驗。

當你在頁面上滾動時，有些房子就像，這是哥倫比亞的一座樹屋，或者這就像在某個異國情調的海灘上的這個神奇的船屋。 然後Airbnb總是顯示，“你喜歡這個。 好的。 看這裡。” 我想，好吧，也許我也會去那裡。

所以我認為他們在吸引人們方面做得非常出色，尤其是那些喜歡旅行和探索冒險的人。 不僅在這裡是您可以睡覺的地方，而且我們希望在這個涼爽的地方為您提供一種體驗。 所以他們贏得了我很多。

凱西：酷！ 您是否覺得當您在該網站上並且正在查看所有這些體驗時，就像是一種帶我走的體驗，就像您在該網站上看圖片時實際上正在體驗這種體驗一樣？

漢娜：完全。 是的。 我就像已經躺在床上，可愛的桌子上放著一杯酒。 望向窗外這座神奇的城市或任何地方。 它帶我去那裡。 很有趣。 我喜歡看你的作品。 有點奇怪。

凱西：我所做的是，這不是我的網站，但我對 Zillow 有同樣的體驗。 就像我去看看加利福尼亞州圓石灘的價值 700 萬美元的房屋或房屋，字面意思是 4000 萬美元。 我想像我住在那裡，同樣類型的東西，但沒有人會在 Airbnb 上把它租給我。

漢娜：那太可悲了，因為與 Airbnb 相比，你實際上可能永遠無法完全體驗那種體驗，你可以。

所以你會說，在這段時間內，這將是我的真實生活，而且非常有趣。

Ben：我想知道，我不像 Airbnb 的房東，我想知道他們是否會做一些事情來獲得更好的照片。 因為我覺得總的來說，他們有很多好照片。 你有時會在 Zillow 上看到，你會覺得，哇，這個人不知道怎麼給他們的房子拍照。

我想知道他們是否喜歡教練。

漢娜：有很多人不知道怎麼做。 但是知道的人，你可以發帖，在你的照片上加一個漂亮的過濾器，我每晚會多付一百美元。 放一些可愛的，很酷的裝飾，我的意思是。 這並不難。

凱西：我想知道我們的一些客戶是否可以在他們的網站上使用這種技術進行攝影，創造那種身臨其境的體驗，因為它真的能吸引人們。

漢娜：付錢請一位好攝影師。 這很值得。

凱西：本。 那你呢？ 你有一個真正吸引你的網站嗎？

本：是的。 我想到了幾個站點，但我認為我經常回到的一個站點是巴塔哥尼亞。 有趣的是，它從來沒有因為設計而真正吸引我。 它讓我參與的是激進主義以及他們正在銷售的人的類型。 使用巴塔哥尼亞的人，也是山地車、攀岩的人，也是積極從事土地保護的人。

並做一些事情來保護荒野中的戶外活動並將其傳遞下去。 所以巴塔哥尼亞總是讓我印象深刻的是這種生活方式的身份，我認為這是一個重要的部分。 如果在網站上談論什麼讓我感興趣，那對我來說就像是一個角色或我想成為的某個人，這會讓我進入。我想成為那個攀岩者。 那是坐在懸崖上。 因此，當您可以創建圖像並使用真實的圖像進行備份時，不僅僅是一大堆庫存圖像，而是一種真正的“我們參與到做這些事情的人中”的感覺，我們參與的只是繼續確保這些東西為我們的孩子和孫子孫女提供的不同的東西。 現在我不只是買一件夾克，我是在購買整個“哦，我就是那種人”的身份。 我是那種穿巴塔哥尼亞的人。

我也是做這個品牌所代表的所有這些事情的人。 當我想到一個引人入勝的網站時，它是一個能夠實現這一目標的網站，能夠真正呈現出一種身份和這種有抱負的身份，並說喜歡這裡從我們這裡購買，因為你想成為這樣。

我認為對於人們來說，一個簡單的結論就是考慮你的網站並順利進行。 我可以將什麼樣的理想身份與我正在銷售的東西或我向世界提供的東西捆綁在一起。 我為一家咖啡公司，一家咖啡烘焙公司做了一個網站。 我們談論了很多，比如有抱負的身份，喜歡喝酒的人，優質的有機烘焙咖啡，他們就是那種……你可以有兩個早晨，就像我可以有一個像孩子們在哭泣和我的妻子生我的氣，因為昨晚洗碗機沒有運轉，我應該啟動它。 當你跑出大門時，你終於拿起了一杯咖啡。

或者你可以這樣說，我起身坐在後廊上，看著太陽升起這杯美味的咖啡。 就像，你想要那個身份。 你不想要另一個。 因此，如果您可以出售這種身份，那麼您將通過進入該產品而成為這種人。

你會成為那種坐在外面喝這杯美妙咖啡的人。 突然之間，我變得更加投入並想要購買，因為我想，“我想要那個。 我要那個。 我想要的不僅僅是咖啡。 我想要那種生活方式。” 而且我認為進入您的網站是一個非常強大的工具。

漢娜：是的，這些都是好點。

凱西：我們希望人們覺得我們正在創造一種他們可以擁有的體驗，他們可以沉浸其中。 這讓他們有某種感覺。 這讓他們對自己和自己有一種特定的感覺。

我有很多最喜歡的網站，但我想談談一個我有過非常有趣經歷的網站。 那是 1 號碼頭。所以我結束了忙碌、疲憊的一天，我只是在 Instagram 上滾動瀏覽。 只要帶我離開一會兒，任何地方。

它引起了我的注意，一則廣告……現在我非常喜歡裝飾、家居和一切。 我只是處於人生的不同階段。 我不會很快去 Airbnb，但我會做我的家……我會盡我所能把它變成 Airbnb，因為這就是我現在的目標。

Pier 1 引起了我的注意，但 Pier 1 已經消失了。 他們沒有店面了。 他們只是在線。 他們有這把椅子。 這把椅子將適合辦公室的完美位置。 我想要這把椅子。 所以我點擊，我去看看這把椅子，然後他們給我彈出一個廣告，也許是一個 Kadence Conversions 廣告。 他們給我帶來了一個廣告，說如果你給我們你的電子郵件，我們會給你 10% 的折扣。 所以我給他們發了電子郵件，然後我去找這把椅子。 那天晚些時候，他們給我發郵件說，你忘記了什麼。 他們給我看了這張椅子的照片。 同樣，這是一種非常個性化的體驗。

但是這種體驗對我所尋找的東西是如此個性化。 對我來說，當你在談論真正選擇目標市場時，我開始思考那段經歷以及你在第三集中所說的內容。 在這裡，Pier 1 不僅選擇了目標市場，還選擇了目標產品，他們出售了這個產品，它非常適合我的特定需求。 也許他們只有 10 個人使用這把椅子並真正點擊了這個廣告，但那 10 個人想要那把特定的椅子。 所以他們冒險了。 他們為這把椅子做了一個廣告，它創造了一種個性化的體驗，後來當我離開並忘記了它並做其他事情時，這種體驗就結束了。

在雜貨店排隊檢查我的電子郵件，那把椅子又來了。 他們只是站在我面前，他們為這個特定的產品創造了這種個性化的體驗，並為他們帶來了回報。 現在他們一直在我的電子郵件中。 我還沒有買椅子，但他們創造了更個性化的體驗。

他們進入了郵箱。 這不僅僅是一個滾動的廣告。 所以他們冒險了，結果得到了回報。 他們迷上了我。 所以那是我難忘的經歷，不是最喜歡的網站，而是真正讓我感動的經歷。 所以這就是我分享的原因。

本：酷。

漢娜：凱西，你覺得你什麼時候會回去買椅子？

凱西：現在我不得不這麼做了。 確切地。 我不知道，但它太酷了。

漢娜：我們知道你會買的。

凱西：我將不得不這樣做，但他們發給我的電子郵件是“你忘記了什麼”，是的，我做到了。 我想要那把椅子。 就像我必須擁有椅子一樣。 我在我家的 Airbnb 體驗被毀了。 沒有這把椅子我不能喝咖啡。 確實如此，但這是一種非常個性化的體驗，它真的吸引了我。對我來說，這是我想分享的一件事。 就像一種體驗一樣，它非常有針對性，它吸引了我。

不管怎樣，既然我們已經討論過了，讓我們繼續前進，讓我們談談 Kadence 的新功能和即將推出的內容。 在上週，我們已經多次談到它即將到來並最終下降。 我在我的網站上更新了我的 Kadence Blocks，Google Maps 塊現在在那裡。

所以我得玩這個。 我真的很喜歡這個實施。 有很多不同的方法可以將 Google 地圖放到網站上，但我真的很喜歡 Kadence Blocks 在這裡的實現。 它在免費插件中。 如果您更新到 2.3.0 或更高版本，您將在啟用 Kadence 的站點中獲得該特定塊。

你加載了一張金門大橋的地圖。 您所要做的就是開始輸入一個位置，其他位置開始如此快速地顯示，您可以根據您要傳達的內容放大或縮小。 我覺得這真的很酷。 Ben，您在此處提供的所有自定義設置中的一些想法是什麼？

本：是的。 從我們想要嵌入地圖的方式開始。 有幾個不同的選項，這是因為 Google 提供了不同的選項。 因此，我們只需將 iframe 嵌入作為默認值，它使用一個 API 密鑰，實際上與我們相關聯。 但它是免費的。 他們在那裡嵌入是免費的。

但是如果你想讓它走得更遠，就像嵌入地圖一樣，你將能夠選擇位置和縮放，你甚至可以根據你想要黑白或類似的東西對其進行過濾. 但是如果你想走得更遠，能夠更多地控制地圖，實際上做 Snazzy Maps 可以做的事情，這就像在地圖上創建不只是一個過濾器，但實際上就像真正創建獨特的地圖一樣，你需要獲取您自己的 JavaScript 密鑰。 所以我們有一個選項供您使用。然後您可以使用 JavaScript 代替 iframe 嵌入。 所以我認為對我們來說，它就像我們希望這種流程如何運作一樣進行討論。 然後本質上我們不想強迫你去獲取一個簡單的嵌入的密鑰，但也提供這些選項，然後提供喜歡的方式，添加這是這個塊的一個關鍵部分。

凱西：酷。 而且我認為我們為免費插件發布瞭如此多的新塊並真正為免費用戶提供了許多新功能，這真是太好了。 我認為，我們有這麼多付費的 Kadence 用戶正在資助這真是太好了，這種發展讓 WordPress 領域的每個人都在使用 Kadence。 非常令人興奮。 還有什麼新的東西讓我們對從長矛上下來感到興奮嗎？

Ben：我認為，在接下來的幾週內，我們將進行另一個封鎖，我們正在研究一個閱讀更多，文本擴展塊。 然後是我們正在開發的許多功能。 時間表很難。 只是因為我們，我們有很多事情要做。 但我認為，總的來說，當我看到本季度末甚至下個季度初時，我們將進入 Kadence Blocks 2.4，它將具有新的和修改後的行佈局塊和類似的東西是我的記住，我們正忙著做。 我認為有一些地方我們使用了一個名為 Slick Slider 的 JavaScript 庫，並且正在被替換。 所以基本上 slick 使用 jQuery。 因此，如果您加載圖像輪播，您現在正在加載 Slick、JavaScript 和 jQuery。

所以就像只是為了性能，我們正在移動它，為輪播和類似的東西切換到不同的庫。 所以有很多事情發生在塊中。

凱西：太好了。 WordPress 世界中似乎也發生了一些事情。 性能團隊發布了一個用於測試改進的新功能插件。 所以這基本上是一個 beta 測試插件。 不是你想放在生產站點上的東西，但它允許你基本上用這個插件幫助核心團隊，測試性能改進。

Ben：是的，我認為核心開始做這樣的事情是一個很好的舉措，因為基本上就像過去一樣，東西會存在於一個問題中並在那裡得到開發。 除非您知道該問題或碰巧正在搜索該問題，否則您並不真正知道發生了什麼，或者是否有人正在研究它，然後它將被推入 WordPress 的 beta 版本。

到那時，任何人真正進入並像，哦，我在這方面有專業知識，都已經很晚了。 我們為什麼不這樣做呢？ 或者類似的事情。 我認為 core 可以做的這些衍生插件越多，他們可以在開發的早期獲得反饋，也可以讓更多的人參與到開發中。

我認為這太棒了。 所以這是一個很酷的倡議。

漢娜：我認為允許人們參與是一件大事。 因為人們喜歡能夠提供反饋。 所以我，只是讓人們有機會在這裡下載這個插件，然後你就有足夠的機會深入了解 WordPress 核心。 人們喜歡那個。

我認為這對 WordPress 來說是一件很棒的事情，可以邀請人們進入那個空間。 所以我覺得這很酷，我希望它會大受歡迎。

凱西：當然。 古騰堡也是這樣開始的。 我們使用 Gutenberg 插件在核心之外進行 Gutenberg 開發。 Gutenberg 12.7 在列表視圖中添加了多塊選擇，它帶來了邊距支持，但我對這種多塊選擇更感興趣。 所以你基本上可以在古騰堡的列表視圖中，你現在可以選擇多個項目來移動東西等等。 現在這還不是核心，但它正在這個 Gutenberg 插件中進行測試。 所以我們可以看到牆上的文字，這最終將成為核心。

Ben：是的，列表視圖，我想在列表視圖中看到一些東西，這就是其中之一。 我還希望看到它在您打開列表視圖時自動滾動到您當前選擇的塊。 我希望這也能實現，但讓我們使用他們添加的一個非常棒的東西，讓編輯和在新網站上移動內容變得更加容易。 我喜歡你現在可以在列表視圖中拖動塊。 是的，我認為這是一個我希望他們繼續專注於改進的領域。如果有任何核心開發人員正在傾聽，請讓它自動滾動到打開列表視圖時選擇的塊，而不必滾動並找到我的位置'在頁面上。 是的。

凱西：那會很有幫助。 WooCommerce 也在使用這種輔助插件開發模式。 他們還發布了 WooCommerce，6.3，這些功能插件也發布了。 所以 WooCommerce 塊，所以塊最終會來到 WooCommerce。 我還沒有使用過這個功能插件。 所以他們在那裡發生了一些更新。 WooCommerce 管理員也有更新。 在 WooCommerce 6.3 中，我們有產品屬性查找表。 因此，他們將數據庫索引添加到產品屬性以提高性能。 所以這似乎是一種維護類型的發布。 清理一些東西並為我們的 WooCommerce 添加一些更好的性能。

Ben：是的，我認為這些屬性主要針對使用大量屬性的大型商店。 我知道隨著區塊更新，我們主要關注區塊，您將其放入您想要展示您的特色產品和類似內容的頁面中。

而且我知道塊插件在他們的結帳塊上做了很多工作。 因此，您也可以在最新版本中看到這一點。

凱西：太好了。 這就是我們本週在 Kadence Beat 上的全部內容。 但我們將在下週回來討論更多關於創建有效網站的內容。 看看我們會有什麼問題會很有趣。 因此，請確保您收聽，我們真的很想從您，我們的聽眾那裡得到一些反饋。 你想讓我們多談談什麼？ 您有什麼問題想讓我們深入探討嗎？ 您的業務是否存在挑戰？ 您希望我們提出一些意見或經驗。

回答您的問題可能會對 Kadence 社區中的其他人有所幫助。 如果您沒有在您最喜歡的播客應用程序上關注我們，請確保您關注我們，我們將在下週返回 Kadence Beat 的更多內容。 感謝收聽。