設定企業對企業 (B2B) 電子商務網站

本文說明如何設定 Microsoft Dynamics 365 Commerce 中的企業對企業 (B2B) 電子商務網站。

企業對企業 (B2B) 電子商務網站提供一些重要功能，這些功能會最佳化 B2B 使用者的工作流程。 本文說明如何在 Microsoft Dynamics 365 Commerce 中設定 B2B 電子商務網站。 它將探討為了啟用特定於 B2B 的情境，而必須設定的模組和網站設定。

必要條件

• 若要設定 B2B 電子商務網站，必須在 Commerce headquarters 中啟用和設定特定功能，如本文中所述。
• 提供核心體驗 (如產品發現、產品詳細資訊頁面、購物車和結帳) 的模組與用於企業對消費者 (B2C) 電子商務網站的模組相同。 網站作者必須熟悉 Dynamics 365 Commerce 支援的所有模組。 如需詳細資訊，請參閱模組庫概觀。
• 本文假定網站作者了解 Commerce 網站建立器、範本、片段和頁面的基礎知識，如此一來他們便可以為電子商務網站啟用 B2B 功能。

網站等級設定

您可以在網站設定>擴充中的網站建立器中存取網站等級設定。 下列兩個網站等級設定套用到 B2B 情境：

• 啟用客戶帳戶付款 – 此屬性讓使用者可以使用客戶帳戶支付訂單。 可用值為為 B2B 客戶啟用、為 B2C 客戶啟用、為所有客戶啟用，和針對所有客戶停用。 如果您的 B2B 網站支援客戶帳戶，則應選取為 B2B 客戶啟用。
• 啟用訂單數量限制 – 此屬性允許您對每個產品或類別所能訂購的品項數量設定限制。 可用值為為 B2B 客戶啟用、為 B2C 客戶啟用、為所有客戶啟用，和針對所有客戶停用。

建立業務合作夥伴註冊頁面

若要成為業務合作夥伴，使用者首先必須提交業務合作夥伴要求。 B2B 首頁上將提供業務合作夥伴要求頁面的連結，以便使用者啟動流程。 使用者提交業務合作夥伴要求後，他們將收到要求已提交的確認。

建立業務合作夥伴要求頁面

業務合作夥伴要求頁面上的合作夥伴註冊模組是用來發起成為業務合作夥伴的使用者要求。 此模組讓您可以收集註冊流程所需的使用者資訊。 此外，企業帳戶位址模組是用於取得使用者的位址。

要在網站建置器中設定並設定商業夥伴請求頁面，請依照以下步驟操作：

1. 建立一個名為註冊的範本。 此範本應包括下列模組：

   • 合作夥伴註冊
   • 階層連結
   • 標頭
   • 票尾
   • 內容區塊
   • 文字區塊
   • 產品集合

2. 使用註冊範本建立名為業務合作夥伴要求的頁面。

3. 在頁首插槽中，新增具有網站頁首的預設定頁首片段。

4. 在頁尾插槽中，新增具有網站頁尾的預設定頁尾片段。

5. 在主插槽中，新增容器模組。 在模組屬性窗格中，將寬度值設為 填滿容器。

6. 在容器插槽中，新增麵包屑模組。 在模組屬性窗格中的連結底下，設定指向首頁的連結，然後輸入首頁作為連結文字。

7. 在容器插槽中，在麵包屑模組底下，新增合作夥伴註冊模組。 在模組屬性窗格中的標題底下，輸入成為業務合作夥伴。

8. 在合作夥伴註冊插槽中，新增企業帳戶位址模組。

9. 在容器插槽中，在合作夥伴註冊模組底下，新增文字區塊模組。 在這裡，您可以為註冊流程定義一些條款和條件。

10. 選取儲存，然後選取預覽版以預覽頁面。

11. 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。

12. 發佈頁面的 URL。

建立業務合作夥伴要求確認頁面

提交業務合作夥伴要求後，應向使用者顯示確認頁面以確認提交。

要在網站建置器中設定並設定請求確認頁面，請依照以下步驟操作：

1. 使用您先前建立的註冊範本來建立名為合作夥伴要求確認的頁面。
2. 在頁首插槽中，新增具有網站頁首的預設定頁首片段。
3. 在頁尾插槽中，新增具有網站頁尾的預設定頁尾片段。
4. 在主插槽中，新增容器模組。 在模組屬性窗格中，將寬度值設為 填滿容器。
5. 在容器插槽中，新增內容區塊模組。 在模組屬性窗格中的標題底下，輸入請求已提交。 在富文字欄位中，輸入 您的要求已提交。 在連結底下，設定連接至首頁的連結，並輸入回到購物作為連結文字。
6. 新增另一個容器模組，新增一個產品集合模組到容器模組中。
7. 設定具有要在頁面上展示的建議或類別清單的產品集合模組。
8. 選取儲存，然後選取預覽版以預覽頁面。
9. 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。
10. 發佈頁面的 URL。

要在網站建置器中新增申請確認頁面的連結，請依照以下步驟操作：

1. 移至您先前建立的業務合作夥伴要求頁面，並選取編輯。
2. 選取合作夥伴註冊模組插槽。 在屬性窗格中的連接至註冊確認頁面的連結底下，設定連結連至您先前建立的業務合作夥伴要求頁面。
3. 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。

新增業務合作夥伴要求連結到主頁

建立完業務合作夥伴要求註冊和確認頁面後，您必須讓註冊頁面可透過主頁上的連結存取。 您可以透過將連結新增到主頁上的任何內容區塊模組來完成此工作。

要在網站建置器中新增商業夥伴請求連結至首頁，請依照以下步驟操作：

1. 移至您網站的首頁，然後選取編輯。
2. 選取一個內容區塊模組插槽。 在模組屬性窗格中的連結底下，設定連至您先前建立之業務合作夥伴要求頁面的連結，然後輸入註冊以成為業務合作夥伴或類似的文字作為連結文字. 視情況新增圖像。
3. 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。

帳戶管理登陸頁面

帳戶管理登陸頁面包括 B2B 和 B2C 電子商務網站所需的所有帳戶管理資訊。 只有已登入的使用者才能查看此頁面。

要在網站建置器中建立並設定 B2B 帳戶管理登陸頁，請依照以下步驟操作：

1. 建立一個名為帳戶管理的範本。 此範本應包括下列模組：

   • 標頭
   • 票尾
   • 階層連結
   • 帳戶歡迎圖標
   • 帳戶通用圖標
   • 帳戶位址圖格
   • 帳戶願望清單圖標
   • 帳戶地址圖標
   • 帳戶會員圖標
   • 帳戶客戶餘額圖標
   • 帳戶訂單範本圖標
   • 組織使用者
   • 商業組織清單
   • 客戶帳戶餘額
   • 訂單範本明細
   • 訂單範本清單
   • 帳戶發票圖標
   • 發票清單
   • 發票詳細資料

2. 使用帳戶管理範本來建立名為我的帳戶的頁面。

3. 在頁首插槽中，新增具有網站頁首的預設定頁首片段。

4. 在頁尾插槽中，新增具有網站頁尾的預設定頁尾片段。

5. 在主插槽中，新增容器模組。 在模組屬性窗格中，將寬度值設為 填滿容器。

6. 在容器插槽中，新增麵包屑模組。 在模組屬性窗格中的連結底下，設定指向首頁的連結，然後輸入首頁作為連結文字。

7. 在容器插槽中，新增歡迎圖格模組。 在模組屬性窗格中的標題底下，輸入歡迎。

8. 在主插槽中，新增另一個容器模組 (容器 2)。 在模組屬性窗格中，將寬度值設為 填滿容器。 將顯示的子值設定為 2。

9. 在容器 2 插槽中，新增帳戶通用圖格模組。 在模組屬性窗格中的標題底下，輸入我的設定檔。 在連結底下，設定連至我的設定檔頁面的連結。

10. 在容器 2 插槽中，新增另一個帳戶通用圖格模組。 在模組屬性窗格中的標題底下，輸入訂單歷史記錄。 在連結底下，設定連至訂單歷史記錄頁面的連結。

11. 在主插槽中，新增另一個容器模組 (容器 3)。 在模組屬性窗格中，將寬度值設為 填滿容器。 將顯示的子值設定為 2。

12. 在容器 3 插槽中，新增帳戶位址圖格模組。 在模組屬性窗格中的標題底下，輸入我的位址。 在連結底下，設定連至我的位址頁面的連結。

13. 在容器 3 插槽中，新增帳戶願望清單圖格模組。 在模組屬性窗格中的標題底下，輸入我的願望清單。 在連結底下，設定連至我的願望清單頁面的連結。

14. 在主插槽中，新增另一個容器模組 (容器 4)。 在模組屬性窗格中，將寬度值設為 填滿容器。 將顯示的子值設定為 2。

15. 在容器 4 插槽中，新增組織使用者模組。 在模組屬性窗格中的標題底下，輸入組織使用者。

16. 在容器 4 插槽中，新增帳戶客戶餘額圖格模組。 在模組屬性窗格中的標題底下，輸入帳戶信用。

17. 在主插槽中，新增另一個容器模組 (容器 5)。 在模組屬性窗格中，將寬度值設為 填滿容器。 將顯示的子值設定為 2。

18. 在容器 5 模組中，新增帳戶訂單範本圖格模組。 在模組屬性窗格中的標題底下，輸入訂單範本。

19. 在容器 5 模組中，新增帳戶發票圖格模組。 在模組屬性窗格中的標題底下，輸入發票。

20. 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。

建立和配置客戶餘額頁面和模組

客戶帳戶可用來支付訂單。 客戶帳戶中的可用餘額可以從使用者的帳戶管理頁面查看。

建立客戶餘額頁面

在登入的 B2B 使用者可以查看其客戶餘額之前，您必須先建立客戶餘額頁面。

要在網站建置器中建立客戶餘額頁面，請遵循以下步驟：

1. 使用您先前建立的帳戶管理範本來建立名為客戶餘額的頁面。
2. 在頁首插槽中，新增具有網站頁首的預設定頁首片段。
3. 在頁尾插槽中，新增具有網站頁尾的預設定頁尾片段。
4. 在主插槽中，新增另一個容器模組 (容器 3)。 在模組屬性窗格中，將寬度值設為 填滿容器。 將顯示的子值設定為 2。
5. 在容器插槽中，新增麵包屑模組。 在模組屬性窗格中的連結底下，設定連至帳戶管理登陸首頁的連結，然後輸入我的帳戶作為連結文字。
6. 在容器插槽中，新增一個客戶帳戶餘額模組。 在模組屬性窗格中的標題底下，輸入帳戶餘額。
7. 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。
8. 發佈頁面的 URL。
9. 移至您先前建立的帳戶管理登錄頁面 (我的帳戶)。
10. 在帳戶客戶餘額圖格模組的屬性窗格中，新增連至客戶餘額頁面的連結。
11. 儲存並發佈頁面。

客戶餘額頁面現已建立，使用者可以從帳戶管理登錄頁面存取它。

設定結帳頁面，以便客戶餘額可當成付款方式使用

需要客戶帳戶付款模組才能將客戶餘額當成付款方式使用。 此模組應作為付款方式新增到結帳頁面。 有關如何設定結帳頁面和結帳所需模組 (包括所有付款詳細資訊) 的資訊，請參閱結帳模組。

設定完結帳頁面後，您必須將客戶帳戶付款模組新增到付款區段，然後儲存並發佈頁面。 然後，B2B 使用者將能夠登入到電子商務網站，並在結帳時將其可用的客戶餘額套用到訂單。

此外，在網站建立器 > 擴充中，您必須確任啟用客戶帳戶付款屬性為設成為 B2B 客戶啟用 。

建立訂單範本頁面

對於 B2B 電子商務網站，兩個訂單範本頁面可以設定：訂單範本清單頁面和訂單範本明細頁面。

訂單範本清單頁面會顯示所有可用訂單範本的清單。 它是使用訂單範本清單模組來設定。 訂單範本清單頁面讓您可以建立或刪除範本，並將範本中的品項新增到購物車。

訂單範本明細頁面會顯示在訂單範本清單頁面上選取的訂單範本的詳細資訊。 它是使用訂單範本明細模組來設定。 當使用者在訂單範本清單頁面上選取範本的名稱時，將顯示訂單範本明細頁面並顯示範本的詳細資訊。 然後，使用者可以查看並編輯範本中的項目。

建立訂單範本清單頁面

要在網站建置器中建立訂單範本清單頁面，請遵循以下步驟：

1. 使用您先前建立的帳戶管理範本來建立名為訂單範本的頁面。
2. 在頁首插槽中，新增具有網站頁首的預設定頁首片段。
3. 在頁尾插槽中，新增具有網站頁尾的預設定頁尾片段。
4. 在主插槽中，新增容器模組。 在模組屬性窗格中，將寬度值設為 填滿容器。
5. 在容器插槽中，新增麵包屑模組。 在模組屬性窗格中的連結底下，設定連至帳戶管理登陸首頁的連結，然後輸入我的帳戶作為連結文字。
6. 在容器模組中，新增訂單範本清單模組。
7. 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。
8. 發佈頁面的 URL。
9. 移至您先前建立的帳戶管理登錄頁面 (我的帳戶)。
10. 在帳戶訂單範本圖標模組的屬性窗格中，在連結底下，設定連至您剛剛建立的訂單範本清單頁面的連結。
11. 儲存並發佈頁面。

訂單範本清單頁面現已建立，使用者可以從帳戶管理登錄頁面存取它。

建立訂單範本明細頁面

要在網站建置器中建立訂單範本行頁面，請依照以下步驟操作：

1. 使用您先前建立的帳戶管理範本來建立名為訂單範本明細的頁面。
2. 在頁首插槽中，新增具有網站頁首的預設定頁首片段。
3. 在頁尾插槽中，新增具有網站頁尾的預設定頁尾片段。
4. 在主插槽中，新增容器模組。 在模組屬性窗格中，將寬度值設為 填滿容器。
5. 在容器插槽中，新增麵包屑模組。 在模組屬性窗格中的連結底下，設定連至帳戶管理登陸首頁的連結，然後輸入我的帳戶作為連結文字。
6. 在容器模組中，新增訂單範本明細模組。
7. 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。
8. 發佈頁面的 URL。

上線業務合作夥伴使用者

組織使用者頁面讓業務合作夥伴組織的管理員可以將該組織的其他使用者加入 B2B 電子商務網站。 它是使用業務組織清單模組來設定。 在組織使用者頁面中，管理員可以新增或移除使用者、定義帳戶餘額，以及為使用者申請對帳單。

要在網站建置器中建立組織使用者頁面，請遵循以下步驟：

1. 使用您先前建立的帳戶管理範本來建立名為組織使用者的頁面。
2. 在頁首插槽中，新增具有網站頁首的預設定頁首片段。
3. 在頁尾插槽中，新增具有網站頁尾的預設定頁尾片段。
4. 在主插槽中，新增容器模組。 在模組屬性窗格中，將寬度值設為 填滿容器。
5. 在容器插槽中，新增麵包屑模組。 在模組屬性窗格中的連結底下，設定連至帳戶管理登陸首頁的連結，然後輸入我的帳戶作為連結文字。
6. 在容器插槽中，新增業務組織清單模組。 在模組屬性窗格中的標題底下，輸入組織使用者。
7. 在業務組織清單模組屬性窗格中，啟用表格排序和表格分頁屬性。 將分頁計數設為 5。
8. 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。
9. 發佈頁面的 URL。
10. 移至您先前建立的帳戶管理登錄頁面 (我的帳戶)。
11. 在組織使用者圖標模組的屬性窗格中，在連結底下，設定連至您剛剛建立的組織使用者頁面的連結。
12. 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。

建立發票頁面

發票清單頁面會顯示所有可用發票的清單。 它是使用 InvoicesList 模組來設定。 在發票清單頁面，使用者可以付清或要求發票。

發票詳細資訊頁面會顯示在發票清單頁面上所選發票的詳細資訊。 它是使用發票詳細資訊模組來設定。 當使用者在發票清單頁面上選取發票識別碼時，將顯示發票詳細資訊頁面並顯示發票的詳細資訊。

建立發票清單頁面

要在網站建置器中建立發票清單頁面，請依照以下步驟操作：

1. 使用您先前建立的帳戶管理範本來建立名為發票清單的頁面。
2. 在頁首插槽中，新增具有網站頁首的預設定頁首片段。
3. 在頁尾插槽中，新增具有網站頁尾的預設定頁尾片段。
4. 在主插槽中，新增容器模組。 在模組屬性窗格中，將寬度值設為 填滿容器。
5. 在容器插槽中，新增麵包屑模組。 在模組屬性窗格中的連結底下，設定連至帳戶管理登陸首頁的連結，然後輸入我的帳戶作為連結文字。
6. 在容器插槽中，新增 InvoicesList 模組。 在模組屬性窗格中的標題底下，輸入發票。
7. 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。
8. 發佈頁面的 URL。
9. 移至您先前建立的帳戶管理登錄頁面 (我的帳戶)。
10. 在帳戶發票圖標模組的屬性窗格中，在連結底下，設定連至您剛剛建立的發票清單頁面的連結。
11. 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。

建立發票詳細資訊頁面

要在網站建構器中建立發票詳情頁面，請依照以下步驟操作：

1. 使用您先前建立的帳戶管理範本來建立名為發票詳細資訊的頁面。
2. 在頁首插槽中，新增具有網站頁首的預設定頁首片段。
3. 在頁尾插槽中，新增具有網站頁尾的預設定頁尾片段。
4. 在主插槽中，新增容器模組。 在模組屬性窗格中，將寬度值設為 填滿容器。
5. 在容器插槽中，新增麵包屑模組。 在模組屬性窗格中的連結底下，設定連至帳戶管理登陸首頁的連結，然後輸入我的帳戶作為連結文字。 然後設定連至發票詳細資訊頁面的連結，並輸入發票清單作為連結文字.
6. 在容器插槽中，新增發票詳細資訊模組。
7. 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。
8. 發佈頁面的 URL。

新增一個快速新增模組到購物車頁面

快速新增模組提供一種使用品項識別碼 (也稱為庫存單位 [SKU] 識別碼) 將多個品項快速新增到購物車的方法。 快速新增模組會新增到網站的購物車頁面。

要在商務網站建置器中為購物車頁面新增快速新增模組，請依照以下步驟操作：

1. 移至範本，並選取您網站的購物車頁面範本。
2. 請選取編輯。
3. 在預設頁面模組的主插槽中，選取省略符號 (...)，然後選取新增模組。
4. 在新增模組對話方塊中，選取容器模組，然後選取確定。
5. 在容器插槽中，選取省略符號 (...)，然後選取新增模組。
6. 在新增模組對話方塊中，選取快速新增模組，然後選取確定。
7. 選取儲存，選取完成編輯以簽入範本，然後選取發佈以進行發佈。
8. 移至頁面，然後選取您網站的購物車頁面。
9. 在預設頁面模組的主插槽中，選取省略符號 (...)，然後選取新增模組。
10. 在新增模組對話方塊中，選取容器模組，然後選取確定。
11. 在容器模組的屬性窗格中，在寬度底下，選取填滿容器。
12. 在容器插槽中，選取省略符號 (...)，然後選取新增模組。
13. 在新增模組對話方塊中，選取快速新增模組，然後選取確定。
14. 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。

新增大量購買模組到產品詳細資訊頁面

產品詳細資訊頁面 (PDP) 上的大量購買模組提供基於矩陣的體驗，讓買家能夠快速將產品的多個變型新增到購物車。 當網站使用者必須訂購同一產品的多個變型時，此體驗無需選取產品維度的組合、定義數量、將變型新增到購物車，然後對其他產品維度組合重複流程。

若要在 Commerce 網站建立器中，將大量購買模組新增至 PDP，請依照以下步驟操作：

1. 移至範本，並選取您網站的 PDP 範本。
2. 請選取編輯。
3. 在預設頁面模組的主插槽中，選取省略符號 (...)，然後選取新增模組。
4. 在新增模組對話方塊中，選取容器模組，然後選取確定。
5. 在容器插槽中，選取省略符號 (...)，然後選取新增模組。
6. 在新增模組對話方塊中，選取大量購買模組，然後選取確定。
7. 選取儲存，選取完成編輯以簽入範本，然後選取發佈以進行發佈。
8. 移至頁面，然後選取您網站的 PDP。
9. 在預設頁面模組的主插槽中，選取省略符號 (...)，然後選取新增模組。
10. 在新增模組對話方塊中，選取容器模組，然後選取確定。
11. 在容器模組的屬性窗格中，在寬度底下，選取填滿容器。
12. 在容器插槽中，選取省略符號 (...)，然後選取新增模組。
13. 在新增模組對話方塊中，選取大量購買模組，然後選取確定。
14. 選取儲存，選取完成編輯以簽入頁面，然後選取發佈以進行發佈。

其他資源

模組庫概觀

SDK 和模組庫更新

製作頁面概觀

範本和配置概觀

使用片段

新增網站頁面

結帳模組

內容區塊模組

產品集合模組