如何使用 Elementor 創建 WooCommerce 結帳頁面

如何在大約 5 分鐘內使用 Elementor 創建 WooCommerce 結帳頁面

現在您已經安裝並激活了上面提到的所有插件，是時候創建您的 WooCommerce 結帳頁面了。 不過，在您執行此操作之前，您需要使用Elementor設置您的 WooCommerce 商店（如果您還沒有的話）。

設置 WooCommerce 商店後，請按照以下步驟使用Elementor和EA Woo Checkout 創建 WooCommerce 結帳頁面。

第 1 步：指定一個新頁面作為您的 WooCommerce 結帳頁面

WooCommerce 插件帶有一個默認的結帳頁面。 但是，要使用 EA Woo Checkout 設計您自己的漂亮結帳頁面，您需要將默認結帳頁面替換為您的另一個頁面。

為此，請從您的 WordPress 儀表板創建一個新頁面。 接下來，導航到WooCommerce -> 設置，然後單擊“高級”選項卡。 從這裡，您可以將所需頁面指定為結帳頁面。 只需單擊結帳頁面選項，然後從下拉菜單中選擇任何頁面作為您的 WooCommerce 結帳頁面。

第 2 步：激活 EA Woo Checkout

接下來，您必須激活元素EA Woo Checkout 。 為此，您必須使用 Elementor Editor 編輯您的 WooCommerce Checkout 頁面。 從“元素”選項卡下的“搜索”選項中找到“EA Woo Checkout”元素。

現在您只需將“Woo Checkout”元素拖放到“Drag widget here”或“+”部分即可。

將元素拖放到頁面的任何部分後，這就是您將看到的默認佈局。

第 3 步：編輯 Woo 結帳頁面的內容

現在您已成功激活EA Woo Checkout元素，您可以開始編輯 Woo Checkout Page 的內容，使其更適合您的 WooCommerce 商店。

在“內容”選項卡下，您將看到幾個選項，例如常規設置、訂單詳細信息等。 您可以根據需要配置這些設置來自定義 Woo Checkout 頁面的內容。

您可以在我們的文檔頁面上找到有關如何配置EA Woo Checkout的內容設置的更多詳細信息。

如果您擁有Essential Addons的專業版，您可以在另外兩種佈局之間進行選擇——多步驟佈局和拆分佈局。

多步驟佈局和拆分佈局帶有一些額外的樣式選項，使您的 Woo Checkout 頁面真正脫穎而出。 您可以在我們的文檔中閱讀更多關於它們如何工作的信息。

第 4 步：為您的 Woo 結帳頁面設置樣式

當您編輯完 Woo 結帳頁面的內容後，是時候開始對其進行造型了，以使其看起來對您的客戶更具吸引力。

有大量選項可用於以您喜歡的任何方式設置 Woo 結帳頁面的樣式。 只需單擊“樣式”選項卡即可自定義頁面的不同區域。 您將看到許多不同的選項，例如“部分標題”、“訂單詳細信息”、“登錄”、“優惠券”等。

調整併嘗試所有選項，或訪問我們的文檔頁面以了解如何設置 EA Woo Checkout 的樣式。 只需單擊幾下，您就可以更改顏色、排版等等，讓您的 Woo 結帳頁面在客戶面前脫穎而出。

第 5 步：保存更改並查看最終結果

如果您完成了 Woo 結帳頁面的樣式設置，請確保保存您的更改。 您可以在發布頁面之前預覽最終結果。