Custom Header

Custom Header allows your app to send additional information every time it communicates with your website. These header identifies the app, device, and user context, enabling smart personalization, security, and backend processing without changing your website code. This way, you can pass both constant values and dynamic device variables from your app to your server.

Steps to Integrate Custom Header

1. Open the WebToNative dashboard and navigate to Website Overrides from the left sidebar.

2. Click on Configure under Customer Header. This opens a pop-up where you can define your custom header settings.

3. Now, you have to add the header key and value. For example, you can specify a header key X-App-Version, X-Device-Type, etc. Your header value can be a constant string (mobile_app) and a device variable (OS version, device ID).

4. Click on the Save button to store your settings and Rebuild to see the effects of those changes.