> 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 {% hint style="warning" %} This embed is an **example**, not a finished feature — it's labelled *(example)* in the theme customizer for that reason. It exists to show a complete path from a storefront interaction to a Shopify metafield. Treat it as a reference implementation you'd replace with your own. {% endhint %} A logged-in customer sees a prompt for their date of birth. Submitting it writes to a customer metafield through FieldsRaven. On the customer's birthday, the embed shows them a greeting. **Prerequisites:** the **Storefront Kit** embed enabled with **Include AlpineJS** ticked — this embed is built with Alpine and does nothing without it. ## Raven setup Create a raven with: * **Resource** `customer` * **Namespace** `fields_raven` and key `birthday` — the embed reads `customer.metafields.fields_raven.birthday` directly, so both must match exactly * **Type** `single_line_text_field` Then copy the raven's id into the embed's **Raven ID** setting. ## Settings | Setting | Purpose | | -------------------- | ----------------------------------------------------------------------------------------------- | | Raven ID | The raven the submission writes through. | | Submit button text | Label on the submit button. | | Customer logout text | Shown to visitors who aren't logged in — the embed needs a customer to attach the metafield to. |

Create a raven, make sure to match the properties in the screenshot

## Theme customizer settings

Make sure that the Storefront Kit is enabled and AlpineJS in included

1) Go to App Embeds in theme customizer 2) Enable Birthday Popup 3) Paste raven ID from the previous step

## Storefront