Shop Kit 如何為 WooCommerce 創新奠定基礎

Kadence Shop Kit 2.0 目前處於測試階段，它有望改變 WooCommerce 網站與受眾互動的方式。 通過為購物者提供與產品互動體驗的新方法，我們希望在電子商務領域看到新的創新浪潮。 在這一集中，我們將討論 WooCommerce 相對於其他基於雲的商務服務的優勢，以及 Shop Kit 旨在如何擴展它。 該團隊還深入研究了共同的熱情：咖啡。

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

在新窗口中收聽。

時間戳

• 0:00 介紹
• 1:17 為什麼 WooCommerce 優於雲電子商務服務
• 6:07 自定義 WooCommerce
• 9:00 來自使用 Kadence Shop Kit 的創新
• 10:41 非主流電商網站體驗
• 13:40 這個團隊喜歡咖啡
• 15:38 產品變化和購物者身臨其境的體驗
• 17:50 客戶對 WooCommerce 和 Shop Kit 的反饋
• 18:31 WooCommerce Checkout 體驗
• 19:23 Kadence Theme & Kadence Blocks 的其他最新產品更新

第 11 集的成績單

凱西：大家好。 歡迎來到 Kadence Beat 的第 11 集。 這是我們討論如何使用 Kadence 和 WordPress 創建有效網站的播客。 在這個美好的六月，你們還好嗎？ 我們已經進入年中了。 這一年快過半了。 你相信嗎？

漢娜：哇。 這是一個可悲的想法。 做得很好。

本：是的，這樣想對我來說很瘋狂，因為我們在西北部，我們才剛剛進入夏天。 所以感覺我們還沒有過半年。 感覺我們一年只完成了四分之一。 因為夏天，即使只有三個月，它就像你一年中的重要部分。

你花了這麼多時間在外面等等。

凱西：是的，這有點瘋狂。 好吧，我們到了。 我們已經在第 11 集了。 Ben，你和整個團隊都忙得不可開交，只是在忙著更新。 我想談談其中的一些更新，但我也想關注電子商務、WooCommerce 以及 Shop Kit 為 WooCommerce 帶來的所有很酷的東西，因為它是幫助人們使用 WordPress 取得成功的重要部分，為他們提供一種使用 WooCommerce 等開源平台創建收入流的方法。 幾年前，WooCommerce 被 Automattic 收購。 並且已經真正成長為電子商務領域的主要參與者。 而且我認為是唯一完全開源的主要參與者之一。 有很多基於雲的解決方案，例如 Shopify 等。

但是 WooCommerce 確實對嘗試開店的人有很多好處。 我也看到了很多使用 WooCommerce 的財務原因。 我住在開源中。 我想擁有我的網站。 我想擁有我的平台。 我不希望其他人向我指示客戶如何結賬，但我也想要更多的自由和靈活性，這就是我對 Shop Kit 如此興奮的原因。 Ben，您最近談論的是與您交談過的人，他希望將他們的業務從這些雲解決方案之一轉移到 WooCommerce。 他們的痛點是什麼？

Ben：是的，我認為他們的痛點是 WooCommerce 的一大賣點。 那就是他們支付了很多錢，遠遠超出了他們目前的銷售額和類似情況所能承受的水平。 而且我認為即使你有很多銷售，這也是一個很大的削減。

我的意思是，他們使用的是方形，每月的價格是 80 美元。 此外，他們為每筆交易支付 6% 的費用，這是一筆巨款。 然後為網站支付 350 美元的年費。 Square 與 WooCommerce 有點不同，因為它有一個內置的銷售點系統，所以它不會將蘋果與蘋果進行比較，我明白了，但是，價格很高，對於想要成功的人來說，這是一大筆錢預算非常少，在線容量非常小。

凱西：是的，很明顯，WooCommerce。 入門是免費的，但是有很多插件和擴展 WooCommerce 的方法需要一些投資，但你可以真正開始引導你的電子商務，而不需要花很多錢。

本：是的，絕對的。 我的意思是，你絕對可以在 WooCommerce 網站上花費比在 Square 上更多的錢，因為如果你每天要運行數千筆交易之類的事情，你需要有企業級託管，只是有很多更強大的系統，但是很好，你可以成長為它，你可以控制，當你需要縮小規模時，你可以縮小規模，當你需要上升時，你可以上升。 使用一些基於雲的解決方案，無論他們給你什麼價格上漲，你都會被困住。 你被什麼都困住了。 我認為對於大多數人來說，他們自己做的，如果你在很大程度上這樣做，因為你不是一家大公司，有能力讓別人為你建造它並支付更高的費用。 所以你需要盡可能便宜地進入它。 這就是 WooCommerce 的預算非常低的地方。託管無處不在，但競爭非常激烈。

您通常不必太擔心您的主機，增加您的費用，因為它很容易移動，而且市場競爭非常激烈。 如果你在 Shopify，你在 Shopify 移動並不容易，如果他們改變價格，這很重要，很重要，因為你非常鎖定。

所以，那裡有一些很大的不同。 我得到它。 很多人都喜歡，好吧，你最終只是以不同的方式付出了很多。 我只是認為你有，你有很多選擇，你絕對可以花更少的錢來做。

凱西： 。 當您在 Shopify 中建立店面時，這類似於在一個州建造您的房子。 你不一定有任何控制權，就像他們改變了法律一樣。 他們改變了分區，他們將你的商店併入了一個新城市。 那種東西。 您的店面受這些規則的約束。 我記得幾年前，也許是 2018 年，MailChimp 及其與 Shopify 的聯繫存在一些問題。 其中一個決定不再整合。 顯然這很重要，因為有很多人使用 MailChimp。 這麼多人使用 Shopify 並且基本上必須遷移到不同的郵件提供商、所有集成、所有電子郵件工作流程。 消失了，僅僅因為這兩家公司中的一家認為他們不會與另一家合作得很好，這就會產生涓滴效應。 顯然，與 WooCommerce 合作，如果發生這種情況，最壞的情況是，您可以聘請開發人員將您自己的自定義集成編碼到任何系統使用，Zapier 來連接事物。

因此，您可以通過多種不同的方式靈活地找到解決方案，找到解決方法，讓您的業務恢復正常運轉。 嗯，所以 WooCommerce 確實有很多好處，但 WooCommerce 也有一些限制。 Ben 我認識 Pinnacle Foods，您經常與 WooCommerce 合作。

您在必須創建超出框框的解決方案時發現了哪些限制？ WooCommerce 開箱即用的內容是什麼？

Ben：是的，我不必在 Pinnacle 上做那麼多，儘管隨著我們在 Pinnacle 上做的更多，肯定會越來越多。 但我認為 WooCommerce 的設置是相當無主見的，更像是一個傳統的，比如這裡是一個產品網格，這是一個帶有標籤的標準產品頁面。

就像，沒關係。 它會銷售產品。 它的作品。 它只是不是很有創意或吸引力。 就像，我幾年前做的一個網站叫做 Black Coffee Roasting Co. 他們網站的其中一個特點就是能夠創建一個自定義商店頁面，而不是登陸一個產品網格，我們想要製作確保客戶登陸了他們的選擇在該商店頁面上被分類的位置。

這就像一個簡單的例子，比如需要覆蓋 WooCommerce 默認執行的操作，這只是將您的所有產品踢到您的商店頁面並實際創建一個頁面，上面寫著您知道，淺烤、中烤、深烤、商品。 就像您可以瀏覽類別並查看這些類別中的頂級產品一樣。

然後還有一些，就像這樣的一個非常簡單的實現不是標準的 WooCommerce。 您將需要一個允許您構建此自定義的工具，但結果對用戶來說更具吸引力。 他們不必經歷，就像，嗯，這是一個產品網格，沒有快速的方法讓他們看到，比如，我想進入我的部分。

我知道我喜歡深烤，或者我知道我喜歡淺烤，然後深入研究。 在 WooCommerce 中有很多方法可以做事。 這只是覆蓋模板並能夠在塊編輯器中控制該設計的示例。 我認為這也與產品頁面有關。

我在網站上四處尋找談話，我一遍又一遍地註意到的一件事是，這些在線商店中的幾乎大多數都不再使用標籤了。 人們真的擺脫了標籤作為設計的東西。 所以像這樣簡單的事情，你只是對你的內容有更多的參與。

您正在遠離標準外觀。 這就是您現在可以在 shop kit 中做的事情，就是覆蓋模板和創建自定義設計的能力。

凱西：嗯，那真的很酷。 並非每個訪問 WooCommerce 頁面的客戶都會從利基市場購物…… 我的意思是，並不是所有的利基市場都是一樣的，也不是所有的客戶都是一樣的。 因此，能夠以符合您的受眾的方式進行模板化，他們在您的客戶和潛在客戶那裡，他們在哪裡，開闢了更好的聯繫途徑。

本：是的。

凱西：所以我很好奇，因為 Shop Kit，測試版已經發布了一段時間。 所以當我去 WooCommerce 商店時，我們有很多人在玩它，比如如果我正在購物，我想直接從商家那裡購買，我幾乎可以立即知道，我什至不知道必須查看源代碼。

我知道這是 WooCommerce。 商店會不會改變。 我們將看到來自使用 Shop Kit 的商店用戶的更多動態設計？

本：是的，絕對的。 是的。 你會，如果你認為它是 WooCommerce，你會像，我不知道他們是怎麼做到的。 他們一定有一個自定義開發人員或其他東西。 因為它只是在喜歡方面會有很大的不同，你可以創造真正獨特的，更具體的你和你的品牌，你是什麼，它是什麼。

您正在銷售產品頁面。 所以，是的，即使我正在構建示例，我想這些也會為人們的網站創造一種非常不同的感覺。 一般來說，您不想在您的產品頁面或人們喜歡的任何東西上迷路，我不知道該做什麼或去哪裡看。 但是有一些非常好的方法可以製作更具吸引力的產品頁面，您只需顯示人們需要的內容，而無需將其隱藏在選項卡中或僅以非常基本的文本格式顯示。

凱西：整潔。 我對此感到很興奮，因為顯然為開發人員和店主提供更多工具和更多創造力將創造創新，並且會形成一個反饋循環。 當您開始看到人們正在使用實際轉換的佈局做更多創新的事情時，它將會被發現，它會被人們知道，它實際上會將所有電子商務和所有使用商店套件的 WooCommerce 用戶提升為開發和與客戶建立聯繫並將潛在客戶轉化為我們以前從未見過的客戶的新方式。 因此，這確實具有開創性和創新性。 所以我很興奮。

我有一個問題要問你們。 所以從那以後，我們都在網上購物。 我想要你的想法，漢娜，因為你真的深入了解網站的這種意識，以及你如何與它建立聯繫，我覺得這很吸引人，店面和獎勵積分。 如果您能說它是 WooCommerce，那不是您最近購買的主流網站。 您的購物體驗如何？

漢娜：嗯。 我想我最近去過的一個，我確實認為它是 WooCommerce，它就像一個護膚系列，有人告訴我這就像天然的有機皮膚產品。 而且，當涉及到所有這些東西時，我非常猶豫，因為我已經嘗試了所有的東西。 無論如何，這個地方，我認為吸引我的是他們的設計很吸引人，你可以說它做得很好。

這是質量，他們有很好的評論，他們不像你喜歡的假評論，就像“偉大的產品”。 我愛它。” 就像，你可以說那是真實的人。 而且，評論就像張貼在一個很容易找到的地方。 而且，是的，這些事情讓我覺得，好吧，我想我可以相信這一點。

就像這是一個做得很好的網站。 任何一家商店都設置得很好，就像我沒有被他們提出的任何問題或任何按鈕的位置或類似的東西所勾勒出來。 然後他們有現實生活中的人告訴我這也是一個合法的產品。 所以。

凱西：酷。 你呢，本？ 你最近買過東西嗎？ 獎勵積分。 如果是 WooCommerce，你可以告訴我，我不得不問你，當你在一個網站上購物時，你會查看源代碼來弄清楚他們使用的是什麼類型的系統嗎？

Ben：是的，我幾乎在我訪問的每個站點上都查看過源代碼，因為我很好奇，如果我訪問一個站點並且他們正在做任何有趣的事情，我會查看源代碼來查看，比如，這是如何創建的？ ，通常是代理的東西，比如它是 WordPress，它非常代理或其他什麼，但我總是喜歡，哦，這是什麼，誰，誰做的？

所以我認為，最後一個非主流的可能是速記咖啡。 有一陣子了。 他們絕對不是 WooCommerce。 我認為他們正在使用，我認為他們正在使用 Shopify。 我不記得我是否看到這家商店付款了，但是，它是一個巧妙的系統，因為它是基於訂閱的，咖啡是集中的。

所以你放了一湯匙咖啡。 放入水中煮一杯咖啡。 它可以製作很棒的冰咖啡。 所以有一個插頭，是的，這是我在 Instagram 廣告中被吸引的東西之一，就像，我喜歡咖啡和冰咖啡，我想試試這個。 所以我現在是訂閱者，雖然我只是延遲了我的最後一個訂單。

當您的訂單到來時，他們有一種非常巧妙的方式來增加或延遲。

凱西：酷。 我不知道該和哪一個一起去。 我想我要去我的咖啡公司。 因此，當我住在位於俄勒岡州邊界的沙斯塔山時，周圍有很多咖啡烘焙商，俄勒岡州南部的 Good Bean，他們有一種名為 Dark Mountain 的烘焙食品，這是我最喜歡的，就像重度的深色烘焙食品。

所以，呃，我一直從他們那裡購買，這是一個 WooCommerce 店面。 我總是從他們那裡買東西，我只買 12 袋，可以用幾個月。 我必須喝很多咖啡想想這件事，就像我告訴你們的那樣，哇。 這就像短短幾個月，12袋。 只有我。 我的意思是，是的。 好的。 我喝了很多咖啡。

漢娜：我和你在一起。 我完全和你在一起。 我什至不想知道我買了多少咖啡。 就像，嗨，我已經出去了。

這是生活中的一大樂趣。

凱西：是的。 是的。 我得到，當生活有點瘋狂的時候，聖誕節有人給了我一個Keurig，因為就像，我什至沒有時間煮咖啡。 他們就像，在這裡，這將解決你的問題。 但…

漢娜：不一樣。

凱西：不一樣。 我會在它發瘋的時候使用它，並且必須跑步和做某事，但這對我來說不是一杯令人愉快的咖啡。

我喜歡自己磨。 我必須去車庫打磨它。 所以我不會叫醒任何人。

漢娜：我做同樣的事情。 棒極了。

本：是的。 總的旁注，奈斯派索是一個很好的瞬間。 如果您需要快速的東西，我每天都會研磨並沖泡咖啡，但是當我需要快速的杯子時，我們會提供 Nespresso，還有專業提示。 他們有無咖啡因的鏡頭，所以晚上有一杯無咖啡因的香草冰淇淋就像我的氪石。

凱西：哦，伙計。 好吧，現在我們知道了你的秘密。 所以你可以只做咖啡之類的事情。 電子商務一整集。

漢娜：我們真的這樣做了，這與所有將要傾聽的人息息相關。

凱西：我認為我們可以做到。 好的。 好吧，讓我們回到 WooCommerce。 所以很高興聽到 Shop Kit 正在做的所有很酷的事情。 我們還帶來了哪些其他很酷的東西？ 其他真正會改變 WooCommerce 用戶電子商務面貌的創新？

本：所以當您考慮訂購特別是可變產品的產品時。 就像，我可以選擇一種顏色，或者我可以選擇一種尺寸，或者其他什麼。 我肯定花了很多時間來研究如何更多地模板和設計樣本。

因此，您可以使用商店工具包創建更具吸引力的樣本，但是這與您的產品圖像之間的集成是巨大的。 因此，使用 Shop Kit，您可以擁有完全不同的圖片庫。 因此，不僅是您的特色圖片，而且所有縮略圖都可以在您更改變體時切換。

而且我認為這只是一種更具吸引力的體驗，好吧，這就是橙色的樣子。 這就是在所有這些不同的觀點和類似的事情中的樣子。 所以我認為這是一個關鍵部分。 我認為能夠將正確的內容放在正確的位置是關鍵。

當您需要提供尺碼表的信息時，對於諸如此類的事情，就是那些真正喜歡阻止客戶喜歡的小東西，這太難了。 當它就像那裡一樣時，我會去其他地方。 就像，這是你的尺碼表？

以下是您需要了解的信息，了解運輸的運作方式。 這是我們來自真實客戶的評論。 然後，所有這些障礙都消失了，人們更願意說，好吧，讓我們購買吧。 當你定制它時，你可以在這背後給人一種真實的感覺。

這不是千篇一律的模板。 這不是一個，可能是任何人假裝是什麼。 這是我們住在這裡的真實的人。 這就是，你知道的，就像那種感覺。 我認為這是一件非常吸引人的事情。 如果你可以在整個網站上實現這一點，因為你做的事情有點定制，有點不同，你就做了正確的接觸。

然後，您不僅會吸引客戶向您購買產品，還會吸引客戶回來，因為這就像，我想與那家公司建立聯繫，我想支持那家公司。 這就是我想購物的公司。 我認為我們肯定會進入，尤其是在美國，就像越來越多的人一樣，他們更加意識到他們在購買什麼以及從哪裡購買等等。 而且我認為，當您可以以某種方式展示自己時，這就是我們的身份，小型企業。 我認為人們更有可能加入。

漢娜：完全。

我可以說，從支持的角度來看，我非常興奮，因為我覺得 Shop Kit 它回答了人們多年來一直在問的問題，而這些問題一直沒有解決方案。 現在就像，嗯，它們實際上是解決方案。 你知道，從定制產品頁面到存檔頁面，有很多問題，所有這些。 Shop Kit 帶來了很多解決方案。 因此，我很高興能夠為人們提供一鍵式答案，而不是像，好吧，你需要聘請開發人員。 所以我很興奮。

凱西：非常令人興奮。 是否會有任何類型的模板或自定義更改人們可以檢查頁面或任何其他頁面，或者它是否真的只專注於產品？

本：現在。 我們仍然有結帳編輯器，因此您可以在結帳中添加字段。 隨著 woo commerce 做了一個大項目，基本上為結賬創建了一個區塊。 我一直在推遲創建模板，因為它不適用於他們的塊。 對於該區塊是否可擴展，或者如果在未來，我們需要創建自己的區塊，或者創建我們自己的結賬系統，我們現在處於這種困境中。 直到 WooCommerce 真正準備好這個塊，真正經過測試。 我認為我們將拭目以待，看看它是如何著陸的，以及它的可擴展性如何。 然後人們在核心提供的東西之外想要什麼。 WooCommerce 核心永遠不會為您提供所有選擇。 我們正在嘗試做的部分工作是創建這些選項。 所以我們會看到它是如何落地的。

凱西：明白了。 好，太棒了。 還有很多其他的變化，很多版本，一些錯誤修復，一些小的，但也有一些很酷的東西，你用 Kadence Blocks、Kadence Blocks Pro 和主題發布了，每次我查找時，都有一個新版本。 你在幹什麼，本？

Ben：是的，最多，我認為我們正在對主題進行很多調整。 並為長期穩定性做好準備，然後在我們準備好或真正準備好 WordPress 時與完整的網站編輯建立必要的聯繫。 我認為現在主題的主要內容是，我會忽略完整的站點編輯。

它只是，它不存在，它不會幫助你。 歡迎您嘗試一下。 我只是不認為任何人應該在這個階段潛入它。 所以這就是為什麼我們沒有發布任何東西是因為我不想發布我被歸類為支持的東西。

但總的來說，我們正在看的主題，我們如何優化？ 我們如何讓它更高效？ 我們如何讓事情變得更好？ 所以在主題中有一些小的調整和東西。 在積木中，我們有一種新的能力，可以讓部分變得有粘性，這很有趣。

有一些類似創造性的方式可以讓您在滾動時製作粘性內容。 使用粘性選項，您可以創建一些很酷的佈局，只要它們是其中的一部分，就像外部容器一樣。

因此，對於塊，很多東西正在發生，為 2.5 做準備，它應該在不久的將來出現。 這就是我們將擁有一個全新的，基本上所有塊的後端的地方。 所有的塊都將有不同的設置。 這將變成一個選項卡系統，您將在其中擁有常規和高級設置。

因此，我們將嘗試使其更加精簡。 我們將精簡其中的一些組件。 就像地形組件將變得更加精簡。 然後你使用塊的一些方式，尤其是行佈局塊都將改變。 仍然向後兼容，但為您提供了更多控制選項，並且更容易控制。

我們很高興能推出下一個巨大的 Kadence Blocks 更新，因為它就像我們一直想做的很多事情一樣。 我們將這一切都融入到這個版本中。

凱西：很好。 我注意到您對定制器上的主題進行了一些更改，帶出顏色和字體，因此用戶很容易找到它們。 我無法告訴您在過去幾年中僅定制器花費了多少小時。 我迷路了。 我在找東西。 它在這裡嗎？ 它在那裡嗎？ 所以我真的很喜歡這一點，因為這通常是人們進入定制器時所做的事情，即查看字體或查看顏色並希望在那裡全局更改某些內容。 所以這是一個很好的決定。

Ben：是的，我們剛剛得到了一些反饋，就像，是的，這絕對是很容易實現的東西。 並且易於添加。 因此，現在在定制器中查找內容更容易一些，並且更有條理。

凱西：太好了。 涼爽的。 好的。 嗯，很好的討論。 而且，現在我知道我應該在聖誕節給你買與咖啡有關的東西。 很高興知道。 妥當註明。

漢娜：只要大家互相買咖啡相關的東西，我們都會很開心。

Kathy: Kadence 咖啡俱樂部。 嘿，我們可以在那裡做點什麼。

漢娜：我喜歡那個。

凱西：對。 嗯，謝謝你今天的加入。 很高興與你們談論 WooCommerce 的一些很酷的東西，我就是這樣。 對 Shop Kit 感到興奮。 如果您還沒有查看 Shop Kit，則可以使用測試版。 如果您是 Kadence Full Bundle 用戶，或者您已經單獨購買了 Shop Kit，則可以使用它。

來吧，給它一個旋轉。 感謝您收聽 Kadence Beat，我們將在下一次與您交談。