# App Configuration

Search for “*Truecaller Number Verification*” app on [Shopify app store](https://apps.shopify.com/) and install it. Proceed by allowing access for app installation

You’ll be taken to the app configuration screen where you need to input your “partner key” ( generated in above steps ) and also select the options on how you want to customise the Truecaller verification dialog for your users. You can know more about all the possible customisation options in our documentation [here](https://docs.truecaller.com/truecaller-sdk/mobile-websites/integrating-with-your-mobile-website/initialisation). Please select the appropriate options as per your use case and proceed.

<figure><img src="https://3916632365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJzE3kcOEptTlnx7Hgg25%2Fuploads%2FJya34ZekMxzipXNOIzuV%2F11.avif?alt=media&#x26;token=c0d2908a-0d6d-4d81-ac3d-cb6ca9c5a696" alt=""><figcaption></figcaption></figure>

Once you save the configuration, you’ll be shown redirect links to go to your store product page and cart checkout page to add the Truecaller Number Verification app into the respective places

1\) Click on “Home” in the left hand navigation panel.

<figure><img src="https://3916632365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJzE3kcOEptTlnx7Hgg25%2Fuploads%2FE4ZSK7atDQFISSZSkzrP%2F22.png?alt=media&#x26;token=4df2f18f-7d7d-401f-b158-605694ce473f" alt=""><figcaption></figcaption></figure>

Click on “Customise” in the theme settings section.

<figure><img src="https://3916632365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJzE3kcOEptTlnx7Hgg25%2Fuploads%2F2rCb1bifRvonLrJKNLkU%2F33.png?alt=media&#x26;token=f02a0967-2eae-4ae9-a120-4a3c7bfdc9bd" alt=""><figcaption></figcaption></figure>

2\) Go to the “Catalog” section and click on any product to open the product customisation page

Click on “Add Block” from the left hand navigation panel.

<figure><img src="https://3916632365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJzE3kcOEptTlnx7Hgg25%2Fuploads%2Fky0Tggbkfuusa6F9u5as%2F44.png?alt=media&#x26;token=ab48ee93-f083-461e-9a25-cb8d141d0d13" alt=""><figcaption></figcaption></figure>

3. Select “Verify and Buy ( Products )” from the dropdown.

<figure><img src="https://3916632365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJzE3kcOEptTlnx7Hgg25%2Fuploads%2FmaSGAQd8DFPg8F17pnn8%2F55.png?alt=media&#x26;token=e5485652-5f61-4dde-ae47-96e3d9bd6ef8" alt=""><figcaption></figcaption></figure>

4\) Once you add the Truecaller button, you would need to disable the default dynamic checkout button for your store. To do so, click on the “Buy Buttons” option in the left hand navigation panel.

<figure><img src="https://3916632365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJzE3kcOEptTlnx7Hgg25%2Fuploads%2FdaUbqf5rrmWzipljDt7g%2F66.png?alt=media&#x26;token=dc03ec17-07ee-4059-b952-3e419e3f6ba5" alt=""><figcaption></figcaption></figure>

5. Uncheck the “Show dynamic checkout buttons” option and click on Save button and navigation to the main panel on the left hand side.

<figure><img src="https://3916632365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJzE3kcOEptTlnx7Hgg25%2Fuploads%2FLOYkVbRXSmIayiiMsiiu%2F77.png?alt=media&#x26;token=70badccc-33d5-462b-8470-10dc1fbdc030" alt=""><figcaption></figcaption></figure>

6. Drag and position the “Verify and Buy (Products)” widget just below the “Buy Buttons” widget. Click on save.

<figure><img src="https://3916632365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJzE3kcOEptTlnx7Hgg25%2Fuploads%2FcnhpfRnko7cpgkgRuw3e%2F88.png?alt=media&#x26;token=e8952afb-5b4e-49b3-b230-8cd0857475dc" alt=""><figcaption></figcaption></figure>

7. You can customise the CTA and text colour on the button. To do so, click on the “Verify and Buy ( Products )” and you would see the options to customise the CTA colour as well as the button text colour. Please select your desired value to match the store them.

<figure><img src="https://3916632365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJzE3kcOEptTlnx7Hgg25%2Fuploads%2FKQ7lyIgIx7Y7kiRYhfFA%2F99.png?alt=media&#x26;token=919e69f6-3ba3-4842-b852-ac99bce81959" alt=""><figcaption></figcaption></figure>

8. To enable the Truecaller flow on the cart page also, click on the link just below the “Customise your button” text in the left hand navigation panel.

<figure><img src="https://3916632365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJzE3kcOEptTlnx7Hgg25%2Fuploads%2FylAe1e4IfGTBYdBCNvLe%2F111.png?alt=media&#x26;token=1961ced3-2264-4781-b5ee-5b10e4e365c4" alt=""><figcaption></figcaption></figure>

9\) Click on save

*That’s it. Truecaller instant verification flow is now enabled for your online store.*


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.truecaller.com/truecaller-sdk/shopify-app/app-configuration.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.