[ad_1]
您是否要向商店添加頁面，但是不確定如何做？ 在本指南中，我們將逐步向您展示創建WooCommerce頁面的不同方法（無需編碼）。
WooCommerce使您可以靈活地添加頁面以自定義您的在線商店。 您可以創建所有默認的WooCommerce頁面或自定義頁面。 在向您展示如何做之前，讓我們更好地了解創建或重新安裝頁面的好處。
為什麼創建或重新安裝WooCommerce頁面？
用戶創建WooCommerce頁面的最常見原因之一是因為他們缺少其中的一些頁面。 設置WooCommerce時，將自動創建大多數默認頁面。 但是，如果跳過某些步驟，則可能會阻止WooCommerce創建您的在線商店所需的所有頁面。 如果是這種情況，那麼好消息是您可以輕鬆添加這些頁面。
如果您的商店中缺少WooCommerce頁面，您肯定應該創建以下頁面：
- 商店頁面：在商店頁面中，您可以顯示在線商店的所有產品。 您可以想像，這會對您的業務產生重大影響，因此這是任何在線商店的必備條件。 如果您正在尋找自定義商店頁面的方法，則可以閱讀本指南。
- 購物車頁面：當客戶想要從商店頁面購買產品時，它們存儲在購物車頁面上。 購物者可以在這裡查看付款之前的訂單。 一些插件直接在結帳頁面上包含購物車頁面，以簡化結帳流程並增加轉化。
- 結帳頁面：用戶在此購買產品並結帳。 從商店頁面選擇產品並在購物車頁面上查看訂單後，客戶通過結帳頁面上的付款網關付款。 然後，下訂單並開始交貨過程（如果它是實物產品）。 如上所述，諸如Direct Checkout之類的插件在Checkout頁面中包含購物車頁面，以加快購買過程。
- 我的帳戶頁面：在我的帳戶頁面上，您可以存儲所有客戶的個人信息，賬單和收貨地址。 購物者可以從這裡管理他們的訂單和設置。
如何創建WooCommerce頁面
您可以通過幾種不同的方式創建WooCommerce頁面：
- 從WordPress儀錶板
- 帶簡碼
兩種方法都可以使您輕鬆添加頁面。 在本指南中，我們將對兩者進行介紹，以便您可以選擇自己喜歡的最好的。
1.如何從WordPress儀錶板創建WooCommerce頁面
從WordPress儀錶板，您可以創建所有默認的WooCommerce頁面或「商店」頁面。 我們將在下面描述這兩種情況。
1.創建所有默認的WooCommerce頁面
從WordPress儀錶板創建和安裝默認的WooCommerce頁面非常容易，只需單擊幾下即可。
首先，轉到WooCommerce>狀態。 然後，在「工具」選項卡下，您將看到用於創建默認WooCommerce頁面的選項。 只需單擊「創建頁面」按鈕，即可將缺少的頁面添加到您的商店中。
注意：請記住，您將僅創建缺少的頁面，並且不會替換商店中已存在的默認頁面。
例如，假設您有一個具有「商店」，「購物車」和「結帳」頁面的在線商店，但「我的帳戶」頁面丟失了。 然後，如果按創建頁面，它將僅創建「我的帳戶」頁面，而其他所有頁面保持不變。 而已！ 您剛剛創建了商店中缺少的WooCommerce頁面。
2.從WordPress控制台創建商店頁面
從WordPress儀錶板創建Shop頁面也很容易。
您所需要做的就是在信息中心中轉到頁面>添加新內容。 然後，將商店標題添加到頁面，然後按發布。
然後，轉到WooCommerce>設置，然後導航到「產品」標籤。 單擊商店頁面選項，從下拉菜單中選擇剛創建的商店頁面，然後保存更改。
而已！ 預覽頁面後，您將看到默認的「商店」頁面。 該頁面將自動顯示您為在線商店列出的所有產品。
2.如何用短代碼創建WooCommerce頁面
從WordPress儀錶板創建WooCommerce頁面很容易，但是還有另一種方便的方法可以將頁面添加到商店。 此方法涉及使用簡碼。 短代碼是小的代碼段，可幫助您顯示內容或添加功能，而無需編寫長代碼腳本。 如果您不熟悉簡碼，建議您閱讀此初學者完整指南。
WooCommerce包含默認的簡碼，與以前的方法相比，它為您提供了更大的靈活性來向商店添加頁面。
要使用簡碼創建WooCommerce頁面，您所需要做的就是轉到頁面>添加新內容，添加要創建的頁面標題，並使用相應的簡碼。 讓我們看幾個例子。
1.購物車頁面
要添加購物車頁面，請創建一個新頁面，將其稱為「購物車」，添加以下簡碼，然後發布
[woocommerce_cart]
之後，轉到WooCommerce>設置並打開「高級」選項卡。 然後，為「購物車」頁面選項選擇剛剛創建的「購物車」頁面並保存。
就是這樣，現在您將在剛剛創建的「購物車」頁面中顯示購物者在購物車中擁有的產品。
2.結帳頁面
同樣，如果您想創建默認的WooCommerce結帳頁面，只需創建一個新頁面並將其命名為「 Checkout」。 然後，添加以下簡碼並發布頁面。
[woocommerce_checkout]
同樣，然後轉到WooCommerce>設置並打開「高級」選項卡。 之後，選擇剛剛創建的Checkout頁面作為Checkout頁面的選項，並保存更改。
默認的結帳頁面還可以，但是如果您想脫穎而出並提高轉換率，則應該對其進行自定義。 如果是這種情況，請查看有關如何編輯WooCommerce結帳頁面的指南。
3.我的帳戶頁面
要創建WooCommerce我的帳戶頁面，您需要做的就是創建一個新頁面，將其稱為「我的帳戶」，然後添加以下短代碼。
[woocommerce_my_account]
之後，轉到WooCommerce>設置並打開「高級」選項卡。 最後，選擇剛剛創建的「我的帳戶」頁面作為「我的帳戶」頁面的選項，然後保存更改。
如果您想為「我的帳戶」頁面增添趣味，請查看有關如何自定義它的分步指南。
到此為止，這就是使用短代碼創建WooCommerce頁面的方式。 簡短而甜蜜，不是嗎？
到目前為止，我們已經向您展示了如何向商店添加頁面的各種方法。 但是，這只是第一步。 為了使您的商店更上一層樓，您需要自定義頁面並充分利用它們。 讓我們來看看如何做。
如何自定義WooCommerce頁面
當定製頁面時，默認的WooCommerce功能只有非常有限的選項。 它們缺少一些重要元素的附加選項，例如按鈕和欄位選項。 因此，要充分利用您的商店，您應該對頁面進行一些更改。
好消息是，自定義WooCommerce頁面就像創建它們一樣容易。 在本文中，我們將向您展示如何使用插件編輯頁面。
在本教程中，我們將使用 StoreCustomzier。 這是一個免費增值工具，在編輯WooCommerce頁面時非常易於使用。 該插件使用用戶友好的拖放界面，可幫助您舒適地編輯頁面。
1.安裝插件
首先，您需要安裝並激活StoreCustomizer。 在WordPress信息中心中，轉到「插件」>「添加新內容」，然後搜索StoreCustomizer。 然後，單擊立即安裝並激活插件。
2.打開主題定製器
現在，您可以自定義任何頁面。 從外觀>自定義中打開定製器，您將被帶到主題定製器。 在此演示中，我們將使用Storefront，但請記住，主題選項因主題而異。 現在，按StoreCustomizer自定義WooCommerce頁面。
在這裡，您可以編輯在線商店的所有主要頁面：
- 店鋪
- 產品
- 我的帳戶
- 大車
- 退房
現在是時候開始編輯頁面了。
3.自定義WooCommerce頁面
您可以對許多WooCommerce頁面以及許多可自定義的選項進行任何更改。
一世。 店鋪頁面
在這裡，您可以編輯每行或每頁的產品數量。 此外，您可以編輯商店檔案和設計元素，以及自定義頁面的按鈕文本。 最重要的是，您可以添加橫幅，徽章，並編輯產品標題，價格，按鈕等。
ii。 產品頁面
您可以刪除產品頁面的各種元素，例如圖像縮放，燈箱和圖像滑塊。 此外，您還可以設置每行產品圖像縮略圖的數量，以及用於編輯產品頁面標籤和設計元素的其他選項。 例如，您可以編輯或刪除「產品頁面」選項卡，添加或編輯按鈕，包括橫幅等。
iii。 帳戶頁面
對於「帳戶」頁面，您可以修改多個帳戶標籤。 這包括儀錶板，下載，訂單，地址，詳細信息和註銷。 您還可以選擇帶有側面標籤和水平樣式的帳戶標籤設計。
iv。 購物車頁面
購物車頁面也有多個可自定義的選項。 您可以添加「返回商店」按鈕，顯示折扣，添加其他產品信息以及刪除產品鏈接。 此外，您還可以獲得一些交叉銷售和購物車工具，空白購物車頁面和設計元素的其他選項。
v。結帳頁面
StoreCustomizer還允許您自定義結帳頁面。 您可以添加自定義圖像，編輯或刪除簽出欄位以及自定義設計元素。 如果您想更進一步，則可以使用特定的插件來自定義結帳頁面，例如WooCommerce的Checkout Manager和Direct Checkout。
這些只是您可以使用此插件在WooCommerce頁面上執行的一些操作。 但是，如果您想進一步定製商店並將其帶入一個新的水平，我們建議您查看一些有關如何編輯每個特定頁面的指南：
結論
總而言之，我們向您展示了創建和重新安裝某些WooCommerce頁面的不同方法。 如果缺少任何頁面，則可以添加或重新安裝它們。
在本指南中，我們向您介紹了兩種方法：
- 從WordPress儀錶板
- 使用簡碼
即使對於初學者，這兩種方法都非常有效且用戶友好。 從儀錶板創建頁面是最快的選擇，但是如果需要更大的靈活性，則可以使用簡碼。
此外，由於WooCommerce對默認頁面的定製選項有限，因此，我們已經看到了使用StoreCustomizer定製頁面的最簡單方法之一。 該插件是出色的多面手，可讓您編輯任何頁面。 但是，如果您想在特定頁面上執行更複雜的自定義，我們建議您閱讀一些指南。
最後，如果您想使用Divi和Elementor定製WooCommerce頁面，請查看以下文章：
您覺得本指南有用嗎？ 您使用哪種方法在商店上創建頁面？ 您知道其他方式嗎？ 在下面的評論部分讓我們知道。