# Hoe voeg ik een placeholder toe op de registratiepagina

**URL:** https://meta.discourse.org/t/how-to-add-a-placeholder-in-the-registration-page/209358
**Category:** Support
**Created:** [16 november 2021 om 20:49 UTC](https://meta.discourse.org/t/how-to-add-a-placeholder-in-the-registration-page/209358 "2021-11-16T20:49:26Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![jose.daniel.lardizab](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jose.daniel.lardizab/32/197727_2.png) [@jose.daniel.lardizab](https://meta.discourse.org/u/jose.daniel.lardizab)
#### Post date: [16 november 2021 om 20:49 UTC](https://meta.discourse.org/t/how-to-add-a-placeholder-in-the-registration-page/209358/1 "2021-11-16T20:49:26Z")

</div>

Is there a way to add placeholder texts in the registration page and / or change the texts below the box?

 ![CleanShot 2021-11-17 at 04.48.23](https://global.discourse-cdn.com/meta/original/3X/0/4/0464806e18fa92ba66e66de2cde2da25bf12a248.png)

---

<div class="post-metadata">

### Author: ![Ronny\_Gil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ronny_gil/32/238474_2.png) [@Ronny\_Gil](https://meta.discourse.org/u/Ronny_Gil)
#### Post date: [16 november 2021 om 21:33 UTC](https://meta.discourse.org/t/how-to-add-a-placeholder-in-the-registration-page/209358/2 "2021-11-16T21:33:57Z")

</div>

Hey Jose,

I found a user developed plugin that may accomplish what you are after!

> [@Custom Wizard Plugin mage](https://meta.discourse.org/t/custom-wizard-plugin/73345):
>
> pavilionSummary Forms for Discourse. This plugin lets you make rich and powerful forms for your Discourse forum. Better user onboarding, structured posting, data enrichment, automated actions and much more for your community.hammer_and_wrenchRepository Link [https://github.com/paviliondev/discourse-custom-wizard](https://github.com/paviliondev/discourse-custom-wizard)open_bookInstall Guide [How to install plugins in Discourse](https://meta.discourse.org/t/install-plugins-in-discourse/19157)people_huggingCommunity Community based support and discussions about this plugin are hosted on th…

> The Custom Wizard Plugin lets you make user wizards for your Discourse forum. You can provide information, take user input, and perform actions, like creating topics, updating profiles and much more.

I tested it on my end and it seems to be in working order provided you have the technical knowhow to download and install it. Give it a go and see if that is what you are looking for!

If you are having trouble installing / using then go ahead and ask your question in that thread.

Cheers,  
Ron

---

<div class="post-metadata">

### Author: ![jose.daniel.lardizab](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jose.daniel.lardizab/32/197727_2.png) [@jose.daniel.lardizab](https://meta.discourse.org/u/jose.daniel.lardizab)
#### Post date: [16 november 2021 om 21:45 UTC](https://meta.discourse.org/t/how-to-add-a-placeholder-in-the-registration-page/209358/3 "2021-11-16T21:45:43Z")

</div>

Thank you, Ronny. I really appreciate your help. I’m trying that right now.

But it seems like this is only a form that can be used after the user has signed up. Not before.

But I’ll ask there to be sure if this use case is possible.

---

<div class="post-metadata">

### Author: ![keegan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keegan/32/383395_2.png) [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [16 november 2021 om 22:14 UTC](https://meta.discourse.org/t/how-to-add-a-placeholder-in-the-registration-page/209358/4 "2021-11-16T22:14:10Z")

</div>

You can change the text that appears below the input field using the customize text option in the settings.

1. **Navigate to:**

- Admin ➡ Customize ➡ Text

1. **Do a search for each of the following** :

- `email.instructions`
- `username.instructions`
- `name.instructions_required`
- `user.password.instructions`

1. Click the **Edit** button on the right
2. Replace the text with your desired new text
3. Click **Save Changes**

---

<div class="post-metadata">

### Author: ![jose.daniel.lardizab](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jose.daniel.lardizab/32/197727_2.png) [@jose.daniel.lardizab](https://meta.discourse.org/u/jose.daniel.lardizab)
#### Post date: [16 november 2021 om 22:24 UTC](https://meta.discourse.org/t/how-to-add-a-placeholder-in-the-registration-page/209358/5 "2021-11-16T22:24:06Z")

</div>

Thanks a lot, Keegan! This helps a lot.

Do you also happen to know how to change the CSS to add placeholder texts in the input field?

---

<div class="post-metadata">

### Author: ![keegan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keegan/32/383395_2.png) [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [16 november 2021 om 22:52 UTC](https://meta.discourse.org/t/how-to-add-a-placeholder-in-the-registration-page/209358/6 "2021-11-16T22:52:45Z")

</div>

I don’t think it’s possible with just CSS. Although there is a `::placeholder` selector, that is used for styling an existing placeholder.

However, it seems you can do it with JavaScript. By adding this to your theme’s `</head>` tag in the Admin Settings:

```js
<script type="text/discourse-plugin" version="0.11.1">
api.onPageChange(() => {
    document.getElementById('new-account-email').placeholder =
      'Replace with your email placeholder';
    document.getElementById('new-account-username').placeholder =
      'Replace with your username placeholder';
    document.getElementById('new-account-name').placeholder =
      'Replace with your name placeholder';
    document.getElementById('new-account-password').placeholder =
      'Replace with your password placeholder';
  });
</script>

```

---

<div class="post-metadata">

### Author: ![jose.daniel.lardizab](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jose.daniel.lardizab/32/197727_2.png) [@jose.daniel.lardizab](https://meta.discourse.org/u/jose.daniel.lardizab)
#### Post date: [16 november 2021 om 23:06 UTC](https://meta.discourse.org/t/how-to-add-a-placeholder-in-the-registration-page/209358/7 "2021-11-16T23:06:00Z")

</div>

Thanks a lot, Keegan! That is a great solution! It works well. 🙂

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [16 december 2021 om 23:06 UTC](https://meta.discourse.org/t/how-to-add-a-placeholder-in-the-registration-page/209358/8 "2021-12-16T23:06:37Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.