> ## Documentation Index
> Fetch the complete documentation index at: https://dev.smile.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Example usage

This section provides a few examples that will help you get started developing your own custom notification templates. These examples are meant to get you familiar with handlebar variables and are by no means exhaustive.

## Points earned example

The points earned notification provides both a `customer` and a `reward_fulfillment` object. Here's an example of how you can use these variables to create dynamic content in your emails.

```html HTML theme={null}
<!DOCTYPE html>
<html>
  <body>
    Hey {{customer.first_name}},

    You just earned {{reward_fulfillment.name}}!

    {{{footer}}}
  </body>
</html>
```

Smile will replace the handlebar variables with the values they represent, ultimately yielding an email that looks like this:

```html HTML theme={null}
<!DOCTYPE html>
<html>
  <body>
    Hey John,

    You just earned 100 Points!

    <!-- Required footer info -->
  </body>
</html>
```

## VIP tier achieved example

The VIP tier achieved notification provides a customer object that contains all the relevant VIP information you need.

```html HTML theme={null}
<!DOCTYPE html>
<html>
  <body>
    Hey {{customer.first_name}},

    You just achieved {{customer.vip_tier.name}}!

    {{#if customer.next_vip_tier.name}}
    Keep going to hit {{customer.next_vip_tier.name}}.

    {{/if}}
    {{{footer}}}
  </body>
</html>
```

Smile will replace the handlebar variables with the values they represent, ultimately yielding an email that looks like this:

```html HTML theme={null}
<!DOCTYPE html>
<html>
  <body>
    Hey John,

    You just achieved Silver!

    Keep going to hit Gold.

    <!-- Required footer info -->
  </body>
</html>
```
