<p>about your learning experience to help us improve.</p>

You've completed

cleanFiles/bookmap_Configuring_SAP_CIAM_for_B2B_en-US_learning-sap-com_lsc-prod.zip (MMCP-DROPZONE) - 2024-12-05T11:57:17.000Z

Integrating CIAM for B2B with Sample Website

<div id="content"><p tabindex="0">​The SAP Customer Data Cloud B2B Module has a B2B specific screen-set available out-of-the-box: ‘Default-OrganizationRegistration’. It consists of the following screens:</p><dl><dt><strong>Organization Registration</strong></dt><dd>Enables prospective B2B Organizations to send an onboarding request.</dd></dl><dl><dt><strong>Request Received</strong></dt><dd>Confirmation message following submission an Organization Registration request.</dd><dt><strong>Change Organization Context</strong></dt><dd>Used after Authentication and enables organization members assigned to multiple B2B Organizations to set the B2B context (i.e. which B2B Organization they want their current session to be restricted to). Once set, all interaction with SAP Customer Data Cloud B2B WebSDK methods will target the selected B2B Organization. This screen has the same purpose as the <a target="_blank" href="https://help.sap.com/docs/SAP_CUSTOMER_DATA_CLOUD/8b8d6fffe113457094a17701f63e3d6a/749dc17fd2f54586a57028c6ba6f4731.html">accounts.b2b.setOrganizationContext JS</a> WebSDK method.</dd></dl><p tabindex="0">B2B Screen-Sets can be displayed in a web page using the <a target="_blank" href="https://help.sap.com/docs/SAP_CUSTOMER_DATA_CLOUD/8b8d6fffe113457094a17701f63e3d6a/413a5b7170b21014bbc5a10ce4041860.html">accounts.showScreenSet JS</a>WebSDK function, as demonstrated on the following diagrams:</p><img style="max-width:900px;max-height:none" class="image 1_1_landscape" title="This diagram shows the out-of-the-box SAP Customer Data Cloud B2B screen ‘Organization Registration’, followed by screen ‘Request Received’ which appears after the User clicks Submit." alt="This diagram shows the out-of-the-box SAP Customer Data Cloud B2B screen ‘Organization Registration’, followed by screen ‘Request Received’ which appears after the User clicks Submit." src="/service/media/C4H622I_2408_en-US_media/C4H622I_2408_en-US_images/U6_L2 Diagram 1.png" tabindex="0"><div class="imageCaption"></div><img style="max-width:900px;max-height:none" class="image 1_1_landscape" title="This diagram shows the out-of-the-box SAP Customer Data Cloud B2B screen ‘Login’, followed by screen ‘Change Organization Context’." alt="This diagram shows the out-of-the-box SAP Customer Data Cloud B2B screen ‘Login’, followed by screen ‘Change Organization Context’." src="/service/media/C4H622I_2408_en-US_media/C4H622I_2408_en-US_images/U6_L2 Diagram 2.png" tabindex="0"><div class="imageCaption"></div></div>

SAP Customer Data Cloud B2B Screen-set Via WebSDK Function: gigya.accounts.ShowScreenSet()

<div id="content"><p tabindex="0">​Access to the SAP Customer Data Cloud Delegated Admin Console is linked to a predefined policy: ‘Delegated Admin’. Organization members who are assigned to this policy will be able to access the Delegated Admin Console via the <a target="_blank" href="https://help.sap.com/docs/SAP_CUSTOMER_DATA_CLOUD/8b8d6fffe113457094a17701f63e3d6a/a65916f13307475dbce7f4cf3325dffd.html">accounts.b2b.openDelegatedAdminLogin JS</a> WebSDK function. ​</p><p tabindex="0">This method opens the Delegated Admin Console and logs in the organization member if they currently have a valid SAP Customer Data Cloud session on the website.</p><p tabindex="0">​As the Delegated Admin Console needs to affect a specific B2B Organization, the ‘orgId’ needs to be set as a parameter when calling the above WebSDK function, as shown in the following diagram:</p><img style="max-width:900px;max-height:none" class="image 1_1_landscape" title="This diagram shows how the WebSDK function ‘openDelegatedAdmin’ is called from a website to launch the SAP Customer Data Cloud Delegated Admin Console." alt="This diagram shows how the WebSDK function ‘openDelegatedAdmin’ is called from a website to launch the SAP Customer Data Cloud Delegated Admin Console." src="/service/media/C4H622I_2408_en-US_media/C4H622I_2408_en-US_images/U6_L2 Diagram 3.png" tabindex="0"><div class="parentsection"><div class="section"><div tabindex="0"><h3>Accessing the Delegated Admin Console</h3></div><p tabindex="0">Let’s see how to access the Delegated Admin Console from a webpage:</p><div class="kalturaVideoLessonWrapper"><div aria-label="" class="kalturaVideoLessonContainer" data-testid="video" id="1_b3pcg6j3"></div></div></div></div></div>

Launching the Delegated Admin Console

From Onboarding to Governance: Mastering SAP Customer Data Cloud for B2B

Learn how a delegated admin can launch the CDC B2B delegated admin console from a website using the Web SDK. Follow a step-by-step guide on setting up and managing organization members.<br><br># This description was auto-generated #

U6L2 Accessing the Delegated Admin Console.mp4

In this video we will cover  how a Delegated Admin can launch the CDC B2B Delegated Admin Console from a website using the WebSDK. It is a prerequisite that the Organization Member be assigned to the pre-defined policy ‘Delegated Admin’ to the pre-defined policy ‘Delegated Admin’ in CDC B2B. So let’s check that first. As an IT Admin, I can access the same Delegated Admin Console that Delegated Admins would access to manage the Organization Members within their B2B Organizations. The Site-Group I’ll use for this demo is “b2b-wholesaler”, and the B2B Organization is “Business Partner A”. I’ll click on the B2B Organization, and use the link ‘Manage Members’, which opens up the Delegated Admin Console. From here I can review the members in this B2B Organization; in this B2B Organization;  looking at “Jane Doe”, I can confirm that she is assigned to the ‘Delegated Admin’ role, so she should be able to log into the website and access this same Delegated Admin Console. Note that the ‘Delegated Admin’ role is available out-of-the-box in CDC B2B and can’t be changed. Now that this is confirmed, let’s jump to the Website to show how a B2B Delegated Admin can log into a website, access the Delegated Admin Console, and manage their members. Here is a basic website that we’ll use for the demo. It has the CDC WebSDK loaded and is showing the login Screen-set. Before we go into the demo, let’s review the html file to see how CDC is integrated and how the various CDC WebSDK methods are called. Here is the line that loads the CDC WebSDK. The key parameter is the API Key, which points to the correct CDC Site. For CDC SDK methods to function properly, they can only be called after the SDK has completed loading. We control this by using the variable onGigyaServiceReady, which the SDK checks for as soon as it finishes loading. The first thing we want to do on the website after the SDK loads is determine if the user has an active CDC session or not. There are a number of ways to do this, but here I’m using the webSDK method ‘accounts.getAccountInfo’. If it has a success response, it means there is an active session and we’ll display the logged in experience to the user, but if there is an error response, it means there is no session, so we’ll display the login screen. Here is the JavaScript method ‘accounts.showScreenSet’, which takes the screenSet argument “Default-RegistrationLogin” and displays the login screen. You can see its only executed if  ‘accounts.getAccountInfo’ has an error response. Once the User logs in, CDC will generate an onLogin event. We use this event to switch the UI for the User from the login screen to the logged in experience. For this demo, we want to enable a Delegated Admin to see a button to launch the Delegated Admin Console. Consequently, once they are logged in, we check the role of the user, and then display a button with a function behind it that calls the SDK method openDelegatedAdminLogin, here. That concludes the review of the html file. Let’s switch back to the website and demo all of this. I’ll now log in as the Organization Member we previously checked, “Jane Doe”, by entering her email and password. Jane has been authenticated and now has a CDC session. A number of links are now displayed, including one for the Delegated Admin Console. This link calls the WebSDK function accounts.b2b.openDelegatedAdminLogin for the B2B Organisation that Jane is assigned to. I’ll now click on the Delegated Admin Console link. You can see that the Console has opened in a new tab. I can see a list of the Organization Members that have access to this B2B Organisation, ‘Business Partner A’, and from here I can manage their details and access privileges. This concludes the demo on launching the CDC B2B Delegated Admin Console from a website. Thank you.