> 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/example-features/customer-registration-with-custom-attributes.md).
# Customer registration with custom attributes (legacy)
{% hint style="danger" %}
**This example only works on stores using classic customer accounts.**
It hooks the theme's own `/account/register` form. Under Shopify's newer **customer accounts**, signup is hosted by Shopify and managed separately from your theme β the theme's registration form is not part of the flow, so there is nowhere to inject a custom field. No amount of theme code changes that.
Kept here because stores on classic customer accounts still work exactly as described.
{% endhint %}
{% hint style="success" %}
**On new customer accounts, collect the attribute *****after***** signup instead.** A customer is logged in by then, which is all a customer-owned raven needs β put the field on an account or preferences page and submit it normally. See [Collect custom customer attributes](/example-features/collect-custom-customer-attributes.md), which needs no registration hook at all.
{% endhint %}
{% hint style="info" %}
Iβm using AlpineJS to manage the state of the fields on the registration form, AlpineJS is already included with FieldsRaven theme extension, make sure to remove it if you'd rather go VanillaJS or use SomethingElseJS. ([How to remove AlpineJS](https://monosnap.com/file/bLMikikJaht4sOIT2K79o5y3tz8VI4))
{% endhint %}
[Demo](https://monosnap.com/file/FwZJeuhlBsbNoWmWoH5s3OE6eCApYI) (screen recording)
### Steps:
1. Create raven ([screen recording demo](https://monosnap.com/file/mrXL3nE2zVZ1zMl1Ovz1DMfjzCE7W3))
2. Hack customer registration form to store customer attributes in localStorage if they exists (example code below)
3. After customer registration is success and customer is logged-in check if localStorage key exists
4. If custom attributes exists in localStorage send a raven with it to create a customer metafield and optionally sync fields with Klaviyo
5. If the raven is successful delete the localStorage
## Code
```liquid
{% comment %}
register.liquid
{% endcomment %}
{{ 'customer.css' | asset_url | stylesheet_tag }}
{{ 'customer.register.title' | t }}
{%- form 'create_customer', novalidate: 'novalidate' -%}
{%- if form.errors -%}