# Integration
{% hint style="info" %}
OfferWall does not work in the Editor. Please use a real device to test the integration.
{% endhint %}
### 1. Configuring Prefabs
#### **Drag and Drop** PubScaleOfferwallObject **prefab**
Drag and drop the **PubScaleOfferwallObject prefab** from Assets/OfferWall/Prefab/PubScaleOfferwallObject.prefab in the scene.
### 2. Configuring App Key
Enter your PubScale app ID inside the "Pubscale App ID" field located on the PubScaleOfferwallObject.
Offerwall Prefab
{% hint style="info" %}
The PubScale App ID is an 8-digit identifier generated during the app creation process within the dashboard. If you need help creating an account/app with us, [click here](https://pubscale.gitbook.io/offerwall-sdk/1.0.7/prerequisites/pubscale-onboarding).
{% endhint %}
### 3. Initialize the SDK
To launch the OfferWall, call the PubScaleOfferwallClient.Initialize(string userId) function using the instance from PubScaleOfferwallObject prefab.
PubScaleOfferwallClient myScriptInstance = GetComponent<PubScaleOfferwallClient>();
// Check if the script instance is not null
if (myScriptInstance != null)
{
myScriptInstance.InitOfferWall(userId);
}
{% hint style="info" %}
Expected params:
1. userID: A string value that is used to identify the user uniquely in your application. If this value is null, the SDK would internally create a userId for the device.
{% endhint %}
### 4. Custom loader background image and foreground image
#### **Step 1: Custom loader background and loader foreground**
To use custom background and foreground images for the loading screen replace the **demo\_background\_img and demo\_foreground\_img** file located under Assets/OfferWall/Resources with the image you need.
#### **Step 2: Enable Read and Write under Advance Image settings**
Press the preset button on your imported image and then select the OfferWallTextureImporter preset from the menu and click apply.
{% hint style="info" %}
If the fields are left empty, the default values will be used:
* Background: Black image
* Foreground: App icon
{% endhint %}
### 5. Set Offerwall Orientation
By default, the Offerwall opens in Portrait orientation. If you want to change this behaviour, do the following changes.
Add the below line inside the \\ tag in your AndroidManifest.xml file.
```xml
```
### 6. Handling the SDK callbacks (optional)
To handle the SDK callbacks, subscribe to the events that are made available by the SimpleIntegration script.
```csharp
//Define functions that would be called when the callbacks are given
void OnSDKInitSuccess() {
}
void OnSDKInitFailed(string message) {
}
void OnOfferwallShowed() {
}
void OnOfferwallClosed() {
}
void OnRewardClaimed(Reward reward) {
}
void OnOfferwallFailed(string message) {
}
//Subscribe to the events
PubScaleOfferwallClient.OnSDKInitSuccess += OnSDKInitSuccess;
PubScaleOfferwallClient.OnSDKInitFailed += OnSDKInitFailed;
PubScaleOfferwallClient.OnOfferwallShowed += OnOfferwallShowed;
PubScaleOfferwallClient.OnOfferwallClosed += OnOfferwallClosed;
PubScaleOfferwallClient.OnRewardClaimed += OnRewardClaimed;
PubScaleOfferwallClient.OnOfferwallFailed += OnOfferwallFailed;
```
### 7. Launch the OfferWall
To launch the OfferWall, call the AdvancedIntegration.ShowOfferWall() function using the PubScaleOfferwallAdvanced prefab.
```
PubScaleOfferwallClient myScriptInstance = GetComponent();
// Check if the script instance is not null
if (myScriptInstance != null)
{
myScriptInstance.ShowOfferWall();
}
```
Can also be used in onClick of a button:
Example usage: Launching Offerwall on click of a button
### 8. Test the OfferWall
{% hint style="info" %}
Please use the sandbox environment for testing purposes to get instant callbacks and rewards. To learn how to enable the Sandbox environment, [click here](https://pubscale.gitbook.io/offerwall-sdk/1.0.7/sandbox-environment/sandbox-environment).
{% endhint %}
Finally, To test the offer wall, build the application to an actual device. Check if you can launch the Offerwall and get the appropriate callbacks.
