You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/b2b-edition/headless.mdx
+14-8Lines changed: 14 additions & 8 deletions
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,18 @@
1
-
# Creating Channels
1
+
# Channel Setup for Non-Catalyst Frameworks
2
+
3
+
B2B Edition's Buyer Portal can be used with headless storefronts created using a third-party solution, such as WordPress or Next.js. This allows you to extend B2B Edition's front-end buyer tools to multiple headless storefronts, while managing your back-end processes from the BigCommerce control panel.
4
+
5
+
Follow the instructions in this article to set up a headless storefront channel that uses the default, hosted version of the Buyer Portal. If you want to deploy a locally-developed custom Buyer Portal to your headless channel, see the [Headless Guide](https://github.com/bigcommerce/b2b-buyer-portal/blob/main/docs/headless.md) in the `b2b-buyer-portal` repository.
6
+
7
+
<Callouttype="info">
8
+
These instructions are for enabling B2B Edition on non-Catalyst headless frameworks. See [B2B Edition](https://www.catalyst.dev/docs/b2b) for Catalyst-specific considerations.
9
+
</Callout>
2
10
3
11
<Steps>
4
12
5
13
### Prepare
6
14
7
-
You will need to create two API tokens for your BigCommerce store. They have different permissions required, so please pay attention to which one is used for the step you are working on. Refer to this [support article](https://support.bigcommerce.com/s/article/Store-API-Accounts?language=en_US#:~:text=Level%20API%20Accounts-,1.,to%20use%20the%20API%20account) for more information on how to create API Accounts.
15
+
You will need to create two API tokens for your BigCommerce store. They have different permissions required, so please pay attention to which one is used for the step you are working on. Refer to this [support article](https://support.bigcommerce.com/s/article/Store-API-Accounts) for more information on how to create API Accounts.
8
16
9
17
* Create a token (TOKEN_A) with modify permissions for the following resources:
10
18
- Channel listings
@@ -42,10 +50,6 @@ X-Auth-Token: {{TOKEN_A}}
42
50
}
43
51
```
44
52
45
-
<Callouttype="info">
46
-
Currently we’re working with [Vercel template, and that uses NextJS](https://github.com/B3BC/b2b-headless-example).
47
-
</Callout>
48
-
49
53
### Generate an impersonation token
50
54
51
55
[Generate an impersonation token](/docs/storefront-auth/tokens/customer-impersonation-token) by using the next cURL as base and using TOKEN_B.
@@ -64,7 +68,7 @@ X-Auth-Token: {{TOKEN_B}}
64
68
65
69
### Create a site for the channel
66
70
67
-
[Create the site for the channel](/docs/rest-management/sites#create-a-site), you should use TOKEN_A.
71
+
[Create the site for the channel](/docs/rest-management/sites#create-a-site), using TOKEN_A.
68
72
69
73
```http filename="Example request: Create an impersonation token" showLineNumbers copy
70
74
POST https://api.bigcommerce.com/stores/{store_hash}/v3/sites
@@ -92,7 +96,9 @@ Add the following script tag on your application.
92
96
```
93
97
### Enable headless channel on the B2B dashboard
94
98
95
-
In the B2B dashboard, go to **Storefronts** > **Headless Storefronts** and select **Activate B2B** for the storefront channel.
99
+
In the B2B Edition control panel, go to **Storefronts** > **Headless Storefronts** and select **Activate B2B** for the storefront channel.
100
+
101
+

0 commit comments