# Website

## Step 1: Config in Movie Settings <a href="#step-1-create-an-user-in-site" id="step-1-create-an-user-in-site"></a>

* You have to setup this before the customer booking an movie.
* Go to Movies >> Settings >> General tab >> "Scan Qrcode via" opiton choose "Website"

<figure><img src="https://2378307249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0hrVNrJA5xnVtB6FlF7I%2Fuploads%2FIlFPaSPn8lj688dTEk4w%2FScreenshot%202024-11-04%20at%2015.51.14.png?alt=media&#x26;token=122b440f-ff9c-4ed0-8d0b-a3138a12916d" alt=""><figcaption></figcaption></figure>

## Step 2: Create an user in site <a href="#step-1-create-an-user-in-site" id="step-1-create-an-user-in-site"></a>

Go to Users >> Add New

Example:&#x20;

**Username**: demo&#x20;

**Password**: demo

<figure><img src="https://2378307249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0hrVNrJA5xnVtB6FlF7I%2Fuploads%2FLzhRCZZt4KinbHhr6ztB%2F1.png?alt=media&#x26;token=4873c826-fdcd-4199-9687-22a8622d54a9" alt=""><figcaption></figcaption></figure>

## Step 3: Assign username to per Movie <a href="#step-2-assign-username-to-per-movie" id="step-2-assign-username-to-per-movie"></a>

Go to Movies >> Choose a movie to edit >> Insert Username to "Username of staff" setting

<figure><img src="https://2378307249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0hrVNrJA5xnVtB6FlF7I%2Fuploads%2FXVuEL2Zme34Zt8ULk2zR%2F2.png?alt=media&#x26;token=fb2e2190-0a5f-4400-bce2-0cb9da287ea2" alt=""><figcaption></figcaption></figure>

## Step 4: Login website with "demo" account in mobile.

Note: You have to use Default Browser in mobile to access website.

<div><figure><img src="https://2378307249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0hrVNrJA5xnVtB6FlF7I%2Fuploads%2FdeSTxsbzwxrCBscSJyDl%2FIMG_0766.PNG?alt=media&#x26;token=4d61eed7-2742-47a3-899d-d90ab3f5b762" alt=""><figcaption></figcaption></figure> <figure><img src="https://2378307249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0hrVNrJA5xnVtB6FlF7I%2Fuploads%2FWRCs5MHUgEI9wE1POxBa%2FIMG_0767.PNG?alt=media&#x26;token=0cc5950c-3dff-49df-8f38-25ba3f1cba94" alt=""><figcaption></figcaption></figure></div>

## Step 5: Use Camera of mobile to scan QR Code

<figure><img src="https://2378307249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0hrVNrJA5xnVtB6FlF7I%2Fuploads%2FQRnSY9G1LivFi0bikXjt%2FIMG_0769.PNG?alt=media&#x26;token=72de92e1-9c4a-48fe-be9f-54efb8cad6f3" alt="" width="375"><figcaption><p>Use Camera to scan QR Code</p></figcaption></figure>

<figure><img src="https://2378307249-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0hrVNrJA5xnVtB6FlF7I%2Fuploads%2F1LIwWvGuz65DZUHRhoaD%2FIMG_0771.PNG?alt=media&#x26;token=b1846b49-bdca-42cb-9e5d-2eb70936efc0" alt="" width="375"><figcaption><p>Display result page.</p></figcaption></figure>