# Custom subscriber signup input fields

**URL:** <https://forum.ghost.org/t/custom-subscriber-signup-input-fields/28222>\
**Category:** Developer help\
**Created:** [January 30, 2022, 7:14am UTC](https://forum.ghost.org/t/custom-subscriber-signup-input-fields/28222 "2022-01-30T07:14:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Daniel\_Bracken](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daniel_bracken/32/16598_2.png) [@Daniel\_Bracken](https://forum.ghost.org/u/Daniel_Bracken)\
**Post date:** [January 30, 2022, 7:14am UTC](https://forum.ghost.org/t/custom-subscriber-signup-input-fields/28222/1 "2022-01-30T07:14:32Z")

</div>

Hey everyone,

First time Ghost user here. I have a custom use case that I’m looking to see if it’s been solved already.

When someone comes to my site, I want to create a custom input field to gather and store off information about them once they submit their email.

It would theoretically look something like this:

![image](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/2/d/2df782c815c8418789a27818bc0fc77fe085d880.png)

Is this possible with Ghost? This information will be important for me to collect for future tailored newsletters, blogposts, and product offerings.

I’m using version 4.32.3, don’t have much of anything set up yet. Before I got too far in, I needed to confirm if this was possible.

Thanks for your help!

---

<div class="post-metadata">

**Author:** ![brightthemes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/brightthemes/32/25099_2.png) [@brightthemes](https://forum.ghost.org/u/brightthemes)\
**Post date:** [January 30, 2022, 2:04pm UTC](https://forum.ghost.org/t/custom-subscriber-signup-input-fields/28222/2 "2022-01-30T14:04:34Z")

</div>

Hi @Daniel_Bracken

You could use member labels for this:

> **[Segment subscribers with member labels](https://ghost.org/changelog/member-labels/)**
>
> You can now segment your members list in Ghost using member labels which can be applied from the member dashboard.

For some practical examples you can check out this post:

> **[How to Segment Subscribers with Member Labels in Ghost](https://bironthemes.com/blog/ghost-member-labels/)**
>
> How to use segment your subscribers during sign up using member labels. Tutorial for member label usage with predefined values and dynamic usage with tags or authors.

---

<div class="post-metadata">

**Author:** ![Daniel\_Bracken](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daniel_bracken/32/16598_2.png) [@Daniel\_Bracken](https://forum.ghost.org/u/Daniel_Bracken)\
**Post date:** [January 30, 2022, 3:52pm UTC](https://forum.ghost.org/t/custom-subscriber-signup-input-fields/28222/3 "2022-01-30T15:52:46Z")

</div>

This is just what I was looking for! Thanks so much!

---

<div class="post-metadata">

**Author:** ![Daniel\_Bracken](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daniel_bracken/32/16598_2.png) [@Daniel\_Bracken](https://forum.ghost.org/u/Daniel_Bracken)\
**Post date:** [January 30, 2022, 6:00pm UTC](https://forum.ghost.org/t/custom-subscriber-signup-input-fields/28222/4 "2022-01-30T18:00:56Z")

</div>

Biron quick question for you:

I added the code that you outline in your article for checkboxes and member labels. For some reason, I don’t get clean checkbox that you show in your post.

I’m using ‘Edition’ theme, version 1.0.0

I edited the cover.hbs file to include the code below. I removed ‘checked’ as you suggested in your post:

```
            <h5>What role(s) are you seizing the day in? Select all that apply</h5>

            <label><input data-members-label type="checkbox" onChange="this.toggleAttribute('data-members-label')" value="Parent"><span>Parent</span></label>

            <label><input data-members-label type="checkbox" onChange="this.toggleAttribute('data-members-label')" value="Student"><span>Student</span></label>

            <label><input data-members-label type="checkbox" onChange="this.toggleAttribute('data-members-label')" value="Entrepreneur"><span>Entrepreneur</span></label>

            <label><input data-members-label type="checkbox" onChange="this.toggleAttribute('data-members-label')" value="Professional"><span>Professional</span></label>

```

The result that I’ve been getting is this:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/6/0/60d3150003fefe369d6489252de5f2bf6c3d797c.png)

My site is [https://sundaynightlight.com](https://sundaynightlight.com) for reference.

Any suggestions you might be able to make as to why this is happening? Really appreciate the help here Biron!

---

<div class="post-metadata">

**Author:** ![brightthemes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/brightthemes/32/25099_2.png) [@brightthemes](https://forum.ghost.org/u/brightthemes)\
**Post date:** [January 31, 2022, 7:01am UTC](https://forum.ghost.org/t/custom-subscriber-signup-input-fields/28222/5 "2022-01-31T07:01:10Z")

</div>

You have some CSS that is overwriting the browser style, you can add this to have the default browser rendering:

```auto
input[type="checkbox"] { appearance: auto; }

```

From there you can style it adjust the CSS, you can find a lot of resources online on styling checkboxes.