如何為 WooCommerce 啟用維護模式

您想在不影響 WordPress 網站其他部分的情況下為 WooCommerce 啟用維護模式嗎?

維護模式允許您向購物者顯示使用者友好的通知,而不是損壞的電子商務網站。 您甚至可以為 WooCommerce 商店的特定產品頁面或區域啟用維護模式。

在本指南中,我們將向您展示如何為 WooCommerce 啟用維護模式。

如何為 WooCommerce 啟用維護模式

為什麼以及何時需要為 WooCommerce 啟用維護模式

有時您可能需要將 WordPress 網站置於維護模式。 例如,您可能正在進行重大更改,例如安裝新主題或完全重新設計您的WordPress 博客。

在其他時候,您可能需要將WooCommerce商店置於維護模式,同時讓網站的其餘部分保持打開狀態。

這可能是因為有一個問題只影響您的在線商店,而不影響您網站的其他部分。 例如,您可能無法處理客戶付款。 在這種情況下,維護模式可以阻止客戶遇到錯誤並避免糟糕的購物體驗。

您可能還會將在線商店添加到現有網站,並希望在處理這些頁面時將其保密。

當您在幕後建立商店時,引人入勝的“即將推出”頁面還可以營造一種興奮和期待的感覺。 您甚至可以通過在社交媒體上關注您、加入您的 電子郵件清單,甚至參加WooCommerce 競賽來鼓勵購物者為發佈做好準備。

話雖如此,讓我們來看看如何在不影響網站其餘部分的情況下輕鬆啟用 WooCommerce 維護模式。

為 WooCommerce 啟用維護模式

為 WooCommerce 啟用維護模式的最簡單方法是使用 SeedProd

SeedProd 是 最好的 WordPress 登陸頁面構建器,在超過一百萬個網站上使用。 它允許您 在 WordPress 中創建漂亮的即將推出的頁面,改進您的 404 頁面,甚至可以使用拖放來設計獨特的登錄頁面。

有一個免費版本的 SeedProd,可讓您創建維護模式頁面。 但是,我們將使用高級版本,因為它可以讓您將 WooCommerce 商店置於維護模式,同時保持網站的其餘部分可用。

您需要做的第一件事是安裝並啟動 SeedProd 外掛程式。

啟動外掛程式后,SeedProd 將要求您提供許可證密鑰。

添加 SeedProd 許可證金鑰

您可以在您在 SeedProd 网站上的帐户下找到此信息 。输入许可证后,单击“验证密钥”按钮。

完成后,您就可以将 WooCommerce 商店置于维护模式。

創建您的維護模式或即將推出頁面

啟動 SeedProd 后,轉到 SeedProd » Pages。 在這裡,您可以選擇是創建維護模式頁面還是即將推出頁面。

儘管有些人可以互換使用這些術語,但您應該瞭解一些重要的區別。

如果您創建「即將推出」頁面,搜尋引擎仍將能夠查看和抓取您的商店頁面。 這使您的 WooCommerce 網站有機會被搜尋引擎編入索引。

如果您正在建立一家新商店,那麼您通常需要創建一個即將推出的頁面。

如果您的商店因維護而停機,那麼您應該創建一個“維護模式”頁面。 此模式使用特殊標題代碼503告訴搜尋引擎您的網站暫時關閉。

獲取此代碼后,搜索機器人稍後將重新檢查您的WordPress 網站,看它是否重新上線。 通過這種方式,您可以在不影響搜尋引擎排名的情況下向購物者隱藏您的商店。

注意:我們將在本指南中創建一個維護模式頁面,但無論您是單擊“設置維護模式頁面”還是“設置即將推出的頁面”,步驟都是相同的。

為您的在線商店創建維護頁面

下一步是構建購物者在您為 WooCommerce 啟用維護模式時將看到的頁面。

您可以選擇現成的範本或從空白設計開始。 我們在所有圖像中都使用“Celebrate Coming Soon”,但您可以使用您喜歡的任何範本。

要選擇範本,只需將滑鼠懸停在該設計的縮圖上,然後按兩下「複選標記」圖示。

選擇即將推出的 WooCommerce 頁面

選擇範本後,您將被帶到拖放構建器,您可以在其中開始自定義維護模式設計。

在螢幕的左側,您會找到可以添加到設計中的塊和部分。 頁面右側是即時預覽。

如何為 WooCommerce 創建維護模式

大多數範本已經有一些塊,它們是所有 SeedProd 設計的核心部分。 首先,您通常希望通過添加自己的文本、圖像、連結和其他內容來自定義這些塊。

要更改任何標題或文本塊中的文字,只需按下以選擇佈局中的該塊。 這將顯示該特定塊的所有設置。

您現在可以在小型文字編輯器中輸入文字。

將文本添加到即將推出的 WooCommerce 頁面

您還可以使用這些設置來設置文字樣式,包括添加粗體和斜體格式、更改文本對齊方式、更改字體大小等。

您可以通過從左側功能表中拖動它們然後將它們放到您的設計中來將更多塊添加到您的維護頁面。

例如,如果您想添加自定義徽標,則只需將「圖像」塊拖到您的佈局上即可。

將徽標添加到在線商店的維護頁面

然後,只需按下以選擇佈局中的該塊,左側功能表將顯示該塊的所有設置。

要添加徽標,請繼續並按下“使用您自己的圖像”。

使用 WooCommerce 構建自定義即將推出的頁面

然后您可以从 WordPress 媒体库中选择一张图片或从您的计算机上传一个新文件。

添加图像后,您可以使用左侧菜单中的设置更改大小、添加图像替代文本、嵌入链接等。

SeedProd 頁面構建器外掛程式

如果您使用的是WPForms外掛程式,那麼您可以快速輕鬆地將聯繫表單添加到維護頁面。 即使您的 WooCommerce 網站因維護而停機,這也為購物者提供了一種與您交談的方式。

在WordPress 中創建聯繫表單后,您可以將“聯繫表單”塊拖到您的 SeedProd 佈局上。

將聯繫表添加到您的維護頁面

然後,只需按下以選擇「聯繫表單」塊。

在左側功能表中,打開下拉功能表並選擇您之前創建的表單。

將聯繫表添加到 WooCommerce 維護螢幕

要從您的設計中刪除一個塊,只需繼續並按兩下它。

然後您可以選擇垃圾桶圖示。

在 SeedPage 頁面構建器中刪除塊

您還可以使用拖放功能在頁面周圍移動塊。

當您對維護頁面的外觀感到滿意時,請務必點擊“保存”。

保存維護模式範本

為您的 WooCommerce 商店打開維護或即將推出模式

現在您已經創建了自定義即將推出或維護模式頁面,讓我們繼續並啟用它。

在這裡,我們想讓商店進入維護模式,而不是整個網站。 為此,請按兩下 SeedProd 編輯器中的「頁面設置」 選項卡。

然後,選擇“訪問控制”選項卡。

SeedProd 的訪問控制設置

您可以使用這些設置來指定即將推出或維護頁面在您網站上的顯示位置,以及誰可以看到它。 例如,您可以向具有特定使用者角色或IP位址的人顯示此頁面。

由於我們想將我們的 WooCommerce 網站置於維護模式,請滾動到“包含/排除 URL”部分。

然後,只需按兩下包含URL按鈕。

為 WooCommerce 商店啟用維護模式

現在,您需要輸入 WooCommerce 商店的 URL。 這可能會有所不同,具體取決於您商店的設置方式,以及您是否創建了任何自定義頁面,例如自定義 WooCommerce 購物車頁面或自定義結帳頁面。

但是,明智的做法是從 WooCommerce 自動創建的所有頁面開始:

https://example.com/shop
https://example.com/cart
https://example.com/checkout
https://example.com/my-account

如果您的商店有產品,那麼您還需要添加這些 URL。 一定要包括星號!

https://example.com/product/*
https://example.com/product-category/*
https://example.com/product-tag/*

星號是一個通配符,它告訴 SeedProd 包含與它之前的模式匹配的所有 URL。

這意味著當購物者嘗試訪問任何產品、產品類別或產品標籤時,他們將看到維護頁面。

添加所有這些 URL 後,按下「保存」 按鈕以儲存您的變更。

將您的商店置於維護模式

您現在可以隨時將 WooCommerce 商店置於維護或即將推出模式。 在 WordPress 儀錶板中,只需轉到SeedProd » Landing Pages

然後,按兩下即將推出模式「或」維護模式「下的」非活動「滑塊,使其變為」活動」。

啟動 WooCommerce 商店的維護模式

現在,只需訪問您的 WooCommerce 商店,您就會看到您的自定義設計,而不是您的在線商店。

當您準備好公開您的商店時,只需返回到SeedProd » Landing Pages

然後按兩下「活動」滑塊,使其顯示「非活動」。 現在,任何訪問您網站的人都會看到您的 WooCommerce 商店,並且可以像往常一樣購買產品和服務。

分享你的喜愛

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *