# Mobile App Builder

This is the first page after you install the mobile app builder for your store. 

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2Fvas5kdRAP3fUPgjnAxE2%2Fimage.png?alt=media&#x26;token=e3642959-7b30-4acf-b8a4-7971fc2bd595" alt=""><figcaption></figcaption></figure>

### Setup guide

Use this guide to get your mobile app up and running.

#### 1. Install Templates

Install the mobile app templates on your store to enable app integration and ensure proper functionality.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FYunvgzPCJlKS2HirhPyg%2Fimage.png?alt=media&#x26;token=b40d42de-e215-45ce-bfbe-b86c907cdb04" alt=""><figcaption></figcaption></figure>

#### 2. Customize Theme

Customize the app design to match your brand by adjusting colors, banners, fonts, and layout from the backend.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FZcrfyF9FAcfiVnmAaygy%2Fimage.png?alt=media&#x26;token=cf3cda39-46c3-4d50-956a-27754b654146" alt=""><figcaption></figcaption></figure>

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2Fzjus3PP7z5YMIn78Cc2T%2Fimage.png?alt=media&#x26;token=6b114c40-7741-4da8-b156-89dcaae2aaa5" alt=""><figcaption></figcaption></figure>

#### 3. Scan & Get Store Code in WhatsApp

To preview your mobile app, follow these steps:

1. **Scan the QR Code**\
   Scan the QR code displayed in the dashboard to download the demo app on your device.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FycKzqdptkXjLZy1R5FTF%2Fimage.png?alt=media&#x26;token=9208f95b-e178-4a45-8df5-06cb1540203d" alt=""><figcaption></figcaption></figure>

<div data-full-width="true" data-with-frame="true"><figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FK41etdbYw1iqsEnN2xiG%2Fimage.png?alt=media&#x26;token=5ecef017-93b4-4753-8373-d257ce510699" alt="" width="375"><figcaption></figcaption></figure></div>

2. **Enter Your WhatsApp Number**\
   In the backend, enter your active WhatsApp number where you can receive messages.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2F1ubPrdEvCLDU7A8E5kHT%2Fimage.png?alt=media&#x26;token=adbca526-d7d3-4d67-8030-778d6a1ef302" alt=""><figcaption></figcaption></figure>

3. **Receive Verification Code**\
   You will receive a one-time verification code on your WhatsApp number.
4. **Verify in Demo App**\
   Open the demo app and enter the received code to securely connect your store.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2Ftwww0FWN3sSgqHtTupMz%2Fimage.png?alt=media&#x26;token=5f0d4ca3-4ca5-44bf-aea4-3fee35a11aab" alt=""><figcaption></figcaption></figure>

The last step is to add the in-app discount code. This is a discount that will be available for your customers whenever they make their first purchase from your app.

You can also enable or disable the app status.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FKX7DxzkUYncIYHEtE6OL%2Fimage.png?alt=media&#x26;token=6db70d18-c6b0-4785-a5ec-fb64406525fb" alt=""><figcaption></figcaption></figure>

To add the discount code in this field, you need first to create a discount code.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FpmIiBfAcO6yf2XmxaR1i%2Fimage.png?alt=media&#x26;token=8a409849-8392-4f71-9e05-663d85a951e7" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #1**</mark>

For that, you need to go to **Discounts** in your stores' admin panel.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FSO6f4wLUeYQUgfFPxA2a%2Fimage.png?alt=media&#x26;token=2b01f022-a7bc-461a-b281-976e8415923e" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #2**</mark>

Select the type of discount you want to create for your in-app discount.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FRVpcSgwHOldCWsDsDDz1%2Fimage.png?alt=media&#x26;token=b8456a01-f33b-4458-aeb3-703b5fd8b67d" alt=""><figcaption></figcaption></figure>

Suppose you have selected **Free Shipping.** After that, you need to configure the following settings.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FL2V2mjT1sTCHGhPEYAdj%2Fimage%2057.png?alt=media&#x26;token=a7018724-2415-47d6-8fd0-7271ded4d817" alt=""><figcaption></figcaption></figure>

* **Method -** Select the method of your discount.
* **Discount Code -** Enter your discount code. (you can choose to generate also.)
* **Countries -** Select the countries to which you want to enable this discount.
* **Minimum purchase requirements -** Select your desired option if you want to/don't want to set a minimum purchase limit to avail of the discount.
* **Customer eligibility -** Select to which customer groups you want to avail of this discount.
* **Maximum discount uses -** Select your desired option if you want to/don't want to limit the use of the discount.
* **Combinations -** Select either of the options if you want to allow your customers to combine their discounts.
* **Active dates -** Set the start and end date and time of the discount according to your requirements.

**Save the discount** after you have configured all these settings.

Once you have saved the discount, copy that discount code and navigate to the mobile app builder's backend again, paste the discount code in the in-app discount code field, and save your changes.

Now this discount will be available for the customers who place their orders from your mobile app.