> For the complete documentation index, see [llms.txt](https://appfront.gitbook.io/portal/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://appfront.gitbook.io/portal/digital/gift-card-end-user-experience.md).

# Gift Card - End User Experience

The customer experience on digital is on both on Appfront's Native Mobile Apps along side the online ordering platfrom. In this section, we cover the experience from the buyer and recipient points of view separately. 

## Buyer Experience

The buyer experience is composed of the following (images will follow):

**Online Ordering Home Page:**

![Gift Card Button](/files/-MNcbo5uWnMQSiYBq6aI)

### **Send a Gift Card / Check Balance:**

![Gift Card Purchase](/files/-MN_GfA_vsyWVXPfkXKw)

**Confirmation Page:**

![Buyer Confirmation - Online Ordering](/files/-MN_G4Mzry5YY9ufLwFi)

**Email Receipt:** 

![Buyer Receipt](/files/-MN_HaF4oWhfveC280De)

## Recipient Experience

Once the gift card has been purchased, the recipient's experience is composed of the following:

**SMS Notification instructing the recipient to check email:**

![SMS Notification](/files/-MN_N3Utv6w6wbmH_00u)

**Personalized Gift Card email:** \
with  content and **gift card number** + **PIN code**

![Recipient Email](/files/-MN_HxP60aj2w7v_DSyM)

### Redemption Process

Customers can easily redeem their gift on the check out page - both on Mobile and Online ordering. The balance will be available for usage automatically:

**Check out page - use balance**

![](/files/-MNciNLCqwzcYf4FK8S0)

### Link Gift Card to your account

There are 2 options to link you card - during the checkout process, or under the customer's profile page 

**Checkout linkage:**

![Connecting Gift Card from Checkout Page](/files/-MN_J85qe_JGwSYDZupu)

**Under the customer's profile:**

![Mobile - My Account Page](/files/-MN_KKTYCwH-awagun3x)

### Check balances

Customer can check on the check out page and/or under their profile

![Desktop - Checkout Page](/files/-MNZjFttGgKdUdEySDsu)

##