---
title: SuccessFactors App Setup
slug: docuflow-guides/bJLm-successfactors-app-setup
docTags: 
createdAt: 2022-11-17T18:53:24.000Z
---

In this section, the HTML5 applications will be configured in SuccessFactors.

Log into SuccessFactors with an Administrative account and navigate to the **Extension Center**

::Image[]{src="https://api.archbee.com/api/optimize/1hH4CNQG9tP4YS-TB-TC6/yg_Xw9MgEggO24JHcGw0o_image.png" size="80" width="1300" height="250" position="flex-start" showCaption="false"}

Navigate to the **'Extensions on SAP BTP'** tab and click on the **'link'** under **'SAP Cloud Portal URL'**

![](https://api.archbee.com/api/optimize/1hH4CNQG9tP4YS-TB-TC6/-8VFPzuvkY-zyerpLOZ8v_image.png)

The SuccessFactors **Extension Directory** will open. Click on the giant plus button.

::Image[]{src="https://api.archbee.com/api/optimize/1hH4CNQG9tP4YS-TB-TC6/GFyERi75AKMNBPevjz8Kj_image.png" size="48" width="1300" height="578" position="flex-start" showCaption="false"}

Set the following values for the new Extension and click the **'Create'** button

- Extension Name: **Document Search**
- Template Source: **SuccessFactors Extensions**
- Choose **Single App Extension**

![](https://api.archbee.com/api/optimize/1hH4CNQG9tP4YS-TB-TC6/iSkOXaLl-bW6LnPPG9ZYL_image.png)

Once the Extension has been created, navigate to **Content Management -> Apps** and click the ***Edit ***button

![](https://api.archbee.com/api/optimize/1hH4CNQG9tP4YS-TB-TC6/j7nGdExFBns--_bEm3hVr_image.png)

Choose the registered application from the BTP Platform (sfdocumentsearch)

::Image[]{src="https://api.archbee.com/api/optimize/1hH4CNQG9tP4YS-TB-TC6/YwFIxVpBZCq_aMbPNh7ZU_image.png" size="80" width="1300" height="379" position="flex-start" showCaption="false"}

After selection the BTP Application click **SAVE**

::Image[]{src="https://api.archbee.com/api/optimize/1hH4CNQG9tP4YS-TB-TC6/XPgvwkojM7iQlD-hv-Lsk_image.png" size="90" width="1300" height="856" position="flex-start" showCaption="false"}

Next, navigate to **'Menu Editor'** and click the **edit **pencil icon

![](https://api.archbee.com/api/optimize/1hH4CNQG9tP4YS-TB-TC6/G5KSyu5VbP-YOsb5ufCas_image.png)

Set the display name to 'Document Search' and click the 'Save' button

::Image[]{src="https://api.archbee.com/api/optimize/1hH4CNQG9tP4YS-TB-TC6/YiM6vdwf8eG-wm3RhZYBG_image.png" size="30" width="1300" height="1865" position="flex-start" showCaption="false"}

After updating the menu display name, click the **'Save'** button in the lower right. You can now close the 'Menu Editor' browser tab and return to the **'Extension Directory'**

Select your new Extension, click the **'Edit'** button and select **'Publish'**

::Image[]{src="https://api.archbee.com/api/optimize/1hH4CNQG9tP4YS-TB-TC6/379E0zciDvn1OfP_5DhKE_image.png" size="90" width="1300" height="770" position="flex-start" showCaption="false"}

### Custom Navigation Menu Setup

Next, register the Extension with the Custom Navigation in SuccessFactors

Navigate to the '**Configure Custom Navigation**' in SuccessFactors admin tools

Add a new line with the following values:

- Menu Item Label: Document Search
- ID: \<next unused value>
- Link Type: External Link - New Tab/Window
- URL: Copy from the Extension Published&#x20;

::Image[]{src="https://api.archbee.com/api/optimize/1hH4CNQG9tP4YS-TB-TC6/l9UxiWeNBsRFdxTC41KK0_image.png" size="30" width="1300" height="1049" position="flex-start" showCaption="false"}

- Menu Location: \<select where the menu should appear>
- Permissions: \<select groups to see menu option>

***NEXT Complete all of the Above Steps for the 'My Documents' application***