{"id":17986,"date":"2026-08-08T12:14:42","date_gmt":"2026-08-08T06:29:42","guid":{"rendered":"https:\/\/www.bay20.com\/de\/?p=17986"},"modified":"2026-08-19T14:17:25","modified_gmt":"2026-08-19T08:32:25","slug":"wie-arbeitet-man-mit-einem-lokalen-b2b-einkaeuferportal-zusammen-um-anpassungen-vorzunehmen","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/wie-arbeitet-man-mit-einem-lokalen-b2b-einkaeuferportal-zusammen-um-anpassungen-vorzunehmen\/","title":{"rendered":"<font dir=\"auto\" style=\"vertical-align: inherit;\"><font dir=\"auto\" style=\"vertical-align: inherit;\">How do you work with a local B2B buyer portal to make adjustments?<\/font><\/font>"},"content":{"rendered":"\n<p>Nachdem Sie das <strong><a href=\"https:\/\/www.bay20.com\/how-to-setup-b2b-buyer-portal-for-local-development\/\" target=\"_blank\" rel=\"noopener\" title=\"\">B2B-Eink\u00e4uferportal f\u00fcr die lokale Entwicklung eingerichtet haben<\/a><\/strong>, m\u00fcssen Sie einen der folgenden Wege w\u00e4hlen (Entwicklung auf Stencil oder Entwicklung f\u00fcr Headless), damit die Skripte des Eink\u00e4uferportals konfiguriert und in die Storefront-Seiten eingebunden werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Entwicklung mit Stencil<\/h2>\n\n\n\n<p>1. Rufen Sie im BigCommerce-Adminbereich den \u201eScript Manager\u201c auf, um das Skript f\u00fcr Kopf- und Fu\u00dfzeile zu konfigurieren.<\/p>\n\n\n\n<p>2. Bei Einzel-Storefronts gehen Sie zu <strong>\u201eStorefront\u201c > \u201eSkript-Manager\u201c<\/strong>. Bei Multi-Storefronts gehen Sie zu \u201eKan\u00e4le\u201c > \u201eSkript-Manager\u201c.<\/p>\n\n\n\n<p>3. L\u00f6schen Sie die Skripte mit den Namen <strong>\u201eB2BEdition Header Script\u201c<\/strong> und <strong>\u201eB2BEdition Footer Script\u201c<\/strong>.<\/p>\n\n\n\n<p>4. F\u00fcgen Sie ein neues Header-Skript mit den folgenden Einstellungen hinzu:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Name: B2B Edition Header-Skript<\/li>\n\n\n\n<li>Position: Kopfzeile<\/li>\n\n\n\n<li>Seiten: Alle Seiten<\/li>\n\n\n\n<li>Kategorie: Unverzichtbar<\/li>\n\n\n\n<li>Inhalt:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script&gt;\n  {{#if customer.id}}\n  {{#contains page_type \"account\"}}\n  var b2bHideBodyStyle = document.createElement('style');\n  b2bHideBodyStyle.id = 'b2b-account-page-hide-body';\n  b2bHideBodyStyle.innerHTML = 'body { display: none !important }';\n  document.head.appendChild(b2bHideBodyStyle);\n  {{\/contains}}\n  {{\/if}}\n&lt;\/script&gt;\n&lt;script type=\"module\"&gt;\n  import RefreshRuntime from 'http:\/\/localhost:3001\/@react-refresh'\n  RefreshRuntime.injectIntoGlobalHook(window)\n  window.$RefreshReg$ = () =&gt; {}\n  window.$RefreshSig$ = () =&gt; (type) =&gt; type\n  window.__vite_plugin_react_preamble_installed__ = true\n&lt;\/script&gt;\n&lt;script type=\"module\" src=\"http:\/\/localhost:3001\/@vite\/client\"&gt;&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p>5. F\u00fcgen Sie ein neues Fu\u00dfzeilenskript mit den folgenden Einstellungen hinzu:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Name: B2B Edition Fu\u00dfzeilen-Skript<\/li>\n\n\n\n<li>Position: Fu\u00dfzeile<\/li>\n\n\n\n<li>Seiten: Alle Seiten<\/li>\n\n\n\n<li>Kategorie: Unverzichtbar<\/li>\n\n\n\n<li>Inhalt:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script type=\"module\" src=\"http:\/\/localhost:3001\/src\/main.ts\"&gt;&lt;\/script&gt;\n&lt;script&gt;\n  window.B3 = {\n    setting: {\n      store_hash: '{{settings.store_hash}}',\n      channel_id: {{settings.channel_id}},\n      platform: 'bigcommerce', \/\/ override this depending on your store channel platform: https:\/\/developer.bigcommerce.com\/docs\/rest-management\/channels#platform\n    },\n  }\n&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p>6. Navigieren Sie nun zum Dashboard der <strong>B2B Edition App > Einstellungen > K\u00e4uferportal<\/strong> und legen Sie den Typ des K\u00e4uferportals auf \u201eBenutzerdefiniert\u201c fest. Dies gilt nur f\u00fcr Multi-Storefronts, nicht f\u00fcr Single-Storefronts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"472\" src=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-980x472.png\" alt=\"\" class=\"wp-image-17965\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-980x472.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-300x144.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-768x370.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-1000x481.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-800x385.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum.png 1180w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p>7. Gehen Sie nun zu Ihrer Storefront und versuchen Sie, sich anzumelden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Entwicklung f\u00fcr Headless<\/h2>\n\n\n\n<p>1. Stellen Sie zun\u00e4chst sicher, dass das K\u00e4uferportal unter \u201eyarn dev\u201c l\u00e4uft.<\/p>\n\n\n\n<p>2. F\u00fcgen Sie nun dieses Skript f\u00fcr das K\u00e4uferportal in das -Tag Ihrer lokal ausgef\u00fchrten Headless-Storefront-Dateien ein.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script type=\"module\"&gt;\n  import RefreshRuntime from 'http:\/\/localhost:3001\/@react-refresh'\n  RefreshRuntime.injectIntoGlobalHook(window)\n  window.$RefreshReg$ = () =&gt; {}\n  window.$RefreshSig$ = () =&gt; (type) =&gt; type\n  window.__vite_plugin_react_preamble_installed__ = true\n&lt;\/script&gt;\n&lt;script type=\"module\" src=\"http:\/\/localhost:3001\/@vite\/client\"&gt;&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p>3. F\u00fcgen Sie au\u00dferdem dieses Skript f\u00fcr das K\u00e4uferportal in den -Tag Ihrer lokal ausgef\u00fchrten Headless-Storefront-Dateien ein. Vergessen Sie nicht, die Platzhalter REPLACE_WITH_YOUR_STORE_HASH und REPLACE_WITH_YOUR_CHANNEL_ID durch die entsprechenden Angaben zu ersetzen.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script type=\"module\" src=\"http:\/\/localhost:3001\/src\/main.ts\"&gt;&lt;\/script&gt;\n&lt;script&gt;\n  window.B3 = {\n    setting: {\n      store_hash: 'REPLACE_WITH_YOUR_STORE_HASH',\n      channel_id: REPLACE_WITH_YOUR_CHANNEL_ID,\n    },\n  }\n&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p>4. Navigieren Sie anschlie\u00dfend zum Dashboard der B2B Edition App > Einstellungen > K\u00e4uferportal und legen Sie den Typ des K\u00e4uferportals auf \u201eBenutzerdefiniert\u201c fest.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"472\" src=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-980x472.png\" alt=\"\" class=\"wp-image-17965\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-980x472.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-300x144.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-768x370.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-1000x481.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum-800x385.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/buyer-portal-thum.png 1180w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p>5. Rufen Sie abschlie\u00dfend Ihre Headless-Storefront auf und versuchen Sie, sich anzumelden.<\/p>\n\n\n\n<p>Bitte kontaktieren Sie uns unter <strong>wargis@bay20.com\/manish@bay20.com<\/strong> oder rufen Sie uns unter <strong>+91-9582784309 oder +91-8800519180<\/strong> an, wenn Sie Unterst\u00fctzung zu Shopify oder Bigcommerce ben\u00f6tigen. Sie k\u00f6nnen auch die Entwicklungsseite von <strong><a href=\"https:\/\/www.bay20.com\/de\/shopify-entwicklungsunternehmen\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Shopify<\/a><\/strong> oder <strong><a href=\"https:\/\/www.bay20.com\/de\/bigcommerce-entwicklungsunternehmen\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Bigcommerce<\/a><\/strong> besuchen, um sich \u00fcber unser Leistungsangebot zu informieren.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nachdem Sie das B2B-Eink\u00e4uferportal f\u00fcr die lokale Entwicklung eingerichtet haben, m\u00fcssen Sie einen der folgenden Wege w\u00e4hlen (Entwicklung auf Stencil oder Entwicklung f\u00fcr Headless), damit die Skripte des Eink\u00e4uferportals konfiguriert und in die Storefront-Seiten eingebunden werden. Entwicklung mit Stencil 1. Rufen Sie im BigCommerce-Adminbereich den \u201eScript Manager\u201c auf, um das Skript f\u00fcr Kopf- und Fu\u00dfzeile [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":17987,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[173,13,84],"tags":[175],"class_list":["post-17986","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-b2b","category-bigcommerce","category-bigcommerce-lehrgang","tag-bigcommerce"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/17986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=17986"}],"version-history":[{"count":2,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/17986\/revisions"}],"predecessor-version":[{"id":18004,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/17986\/revisions\/18004"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/17987"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=17986"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=17986"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=17986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}