Using SAP Build Apps, create a Web app that simulates a lead generation page for C4C
Use Case: Suppose a Utility company wants to provide you an offer with a quote on electricity. You go to their website; enter how much electricity you usually consume and click “request more information” after providing name and email address. Afterwards automatically a C4C lead will be created in sales cloud and a sales rep will contact you.
Business Requirement: The purpose of this demonstration is to show that a web form with required fields can be used to send data directly to the C4C (Sales cloud).
How-to-Approach: Send an automatic message ID for lead creation from SAP Build App to C4C, and search for the same lead with synchronized fields.
SAP Build Apps: Source system
SAP BTP: Middleware
SAP C4C: Target system
- How to Create web Application with SAP Build App:
1.1. Access the SAP Build App link and login using credentials under Email and PW.
Note: Please follow the steps below to register and raise access if you do not have an SAP Build App link:
1.2. Please Click on Create–>Select Build an application tile under SAP Build page.
1.3. Select Web & mobile application.
Note: Appgyver Classic is the older version of SAP Build App (Appgyver)that will migrate any project created under this version to an application that runs on mobile devices and the web.
1.4. Please enter Project name and Description and click on Create button.
1.5. Go to Lobby you can manually type or Filter with My project and check your newly created project available in the list. Check application type as well.
1.6. Click on add new page from landing page to create template.
1.7. Go to Auth–> Enable Authentication–> SAP BTP Authentication and select Ok for pop-up.
1.8. To design the layout, select the layout type in Full Screen mode.
1.9.Create the required fields and buttons using drag-and-drop functionality.
1.10. Go-to Variables and create the App variable manually, rename and save it.
1.11.Go to Data–> Click Enable more data entities–> Select the Data Entity –>Add Integration.
1.13. Under UI canvas –>Select Variable –>Data Variables–> Add data Variables–> Select the data entity (Lead Collection) which was enabled in previous step
1.14. Click on the field and try to do data binding for Vorname field under value with app variable (which you have defined in Check Step 1.10)
- Click Value select Data and Variables.
- Select App Variable.
- Click on Vorname from the list to do the binding.
Note: Please follow the same steps for each field and complete the value mapping
1.15. Click and expand the button (Generate Lead) to map all the fields in the template to C4C.
1.16. From the left-hand side of the screen, select Data and drag and drop the Create Record.
1.17. Click on the Data record and on right hand side under:
- Resource name: Select Lead Collection(App Variable).
- Record: From the SAP Build App Template map the relevant fields to C4C you want to display.
- Authentication: Enter Your C4C OData communication user Details and select authentication type as Basic, Save.
1.18. Under Dialog–> select Toast –>Drag and drop and –>select Toast Message to write expression:
- Output Record (Success message):
- Output Record (Error message):
1.19. Go to Launch–> Distribute–> Click Open Build Service.
1.20. A new link will open in Browser. Select Web App–> Configure–> Build–>save and download the latest MTAR file after the status is changed to Delivered
1.21. How to Upload Mtar File in SAP Build App Deployment system.
Please create a yaml file with below details:
– name: dynamic-s4-so
Please create a static file without any extension
Please push the zip extension file to BTP using CF deploy
2. Create Destination in sap BTP:
Destinations are created from the application development lobby. To access this lobby from the SAP BTP Cockpit–>Click Destinations –>Enter below information–> Save.
- Under Additional Properties enable all
- Under Destination Configuration: Enter Name, URL (C4C URL), User(C4C Odata User and PW)
3. Create C4C ODATA user for communication system and select OData Service for Business Object as communication system
3.1. Go-to Admin WC–>General setting –>Comm user–> Activate and select Communication arrangement.
3.2. Under Communication system add Lead under OData service. Save and close.
4. Generate Lead ID in SAP Build App and check the record in C4C.
4.1. Go to Launch->Preview –> Open App preview Portal.
4.2. Go to Template and fill all the information. Click on Generate Lead Button. Wait for few second to get the lead ID in the screen.
4.3. Go to C4C under Sales lead Search with same ID (7690)
4.4. Open the Lead to ensure that every detail from the template is properly mapped to C4C.
For more information refer to the help document below:
Summary: Hence, using this no-code tool, which enables users to create business apps without the need for coding knowledge, sales representatives can generate direct sales leads in C4C by simply clicking one button through web app after gathering marketing data from various sources (webinars, campaigns, roadshows, etc.).