> For the complete documentation index, see [llms.txt](https://docs.fieldsraven.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.fieldsraven.app/app-embeds/customer-birthday-popup.md).

# Customer Birthday Popup

### Raven setup

{% hint style="warning" %}
This App Embed is an example to demonstrate what you might be able to build on top of FieldsRaven.
{% endhint %}

<figure><img src="/files/2QeHyS53gt49tTHLFszB" alt=""><figcaption><p>Create a raven, make sure to match the properties in the screenshot</p></figcaption></figure>

<figure><img src="/files/vJwrXjmBujYqMGjPRkfs" alt=""><figcaption><p>Copy raven ID</p></figcaption></figure>

### Theme customizer settings

<figure><img src="/files/Dhd8VSDffVWk4WGuOIuJ" alt=""><figcaption><p>Make sure that the Storefront Kit is enabled and AlpineJS in included</p></figcaption></figure>

<figure><img src="/files/MEQmgERyvsonAPdl0v6s" alt=""><figcaption><p>1) Go to App Embeds in theme customizer 2) Enable Birthday Popup 3) Paste raven ID from the previous step</p></figcaption></figure>

<figure><img src="/files/v6lD78GDuVokGsuf5dxv" alt=""><figcaption><p>Adjust app embed settings</p></figcaption></figure>

<figure><img src="/files/EgpoZBp0xioup76DxnMU" alt=""><figcaption><p>Save your changes!</p></figcaption></figure>

### Storefront

<figure><img src="/files/8ooQzUQZRceOVsMOOHZg" alt=""><figcaption><p>Birthday popup trigger on the storefront</p></figcaption></figure>

<figure><img src="/files/gOTq9nIvbhjQvBZuEbSi" alt=""><figcaption><p>Customer logged-out state</p></figcaption></figure>

<figure><img src="/files/d8mEMV3iGAn9GC2YPh0c" alt=""><figcaption><p>Customer logged-in, before adding a birthday state</p></figcaption></figure>

<figure><img src="/files/NgtyXQ6MHPGbx9QURKwt" alt=""><figcaption><p>After customer submits their birthday</p></figcaption></figure>

<figure><img src="/files/LttVpCNocg4TRRaZJu4J" alt=""><figcaption><p>Birthday message</p></figcaption></figure>
