Skip to main content

Guide to Creating a Registration Page

Build one Elementor page with the Foxiz - Register Form block, publish it, and enter its address in Theme Options. The site's sign up links then open your page.

You need one only if readers sign up. Without it, the Sign Up link in the sign in popup opens the WordPress registration screen.

The sign up page on a demo site built with the Foxiz - Register Form block, outlined in orange: the Sign Up heading, the Username field with the note on allowed characters, the Email field, Registration confirmation will be emailed to you, the Sign Up button and Are you a member? Login

Allow visitors to register​

Before anything else, turn on Settings > General > Membership > Anyone can register. With it off, the block still shows the form inside the Elementor editor, but the live page prints "Registering new users is currently not allowed." instead.

Settings > General: Membership with Anyone can register ticked, and New User Default Role on Subscriber

A registration page on the Morning News demo built with the Foxiz - Register Form block while Anyone can register is off: in place of the form, the block prints Registering new users is currently not allowed, outlined in orange

Step 1: Create the Registration Page with Elementor​

  1. Open Elementor: go to Pages > Add Page, give the page the title Register, and click Edit with Elementor. Once the page is published, its address ends in /register, which Step 2 uses.

    For a full screen sign up page without your site header and footer, open the page settings in Elementor and set Page Layout to Elementor Canvas, Elementor's blank page template. Keep Default if readers should still see your menu.

    Elementor Page Settings for the Register page, Settings tab: Title Register, and Page Layout set to Elementor Canvas (outlined), No header, no footer, just Elementor

  2. Search for the Registration Block: In the Elementor editor, search for a block named Foxiz - Register Form.

    The Elementor Elements panel with "Foxiz - Register Form" typed into the search box, returning the single matching widget, outlined in orange

    Register, not Registration: searching for the longer word does not reach it. The block sits in the Foxiz - Element category and answers to the keywords user, login, register and create.

  3. Add the Registration Block: Drag and drop the Foxiz - Register Form block into your page.

    The register block on the canvas: a Sign Up heading, Username and Email fields, the allowed-characters note and a Sign Up button

  4. Set the wording: click the block and open its Content tab. Most sites can keep every default. The two fields worth changing are Register Header Content, the heading above the form (<h1>Sign Up</h1> by default), and Registration Complete Content, the thank you message. Style the page around the block as you would any Elementor page.

    The Content tab of Foxiz - Register Form, its Header Content section open above the collapsed Form Label and Logged Status Box sections

    There are three sections on the Content tab. Header Content holds Register Header Content, the raw HTML above the form, and Registration Complete Content, the message that replaces the whole form once somebody signs up. Logged Status Box is what an already signed in visitor sees instead.

    Form Label is the one to read carefully, because two of its labels appear twice. Its five fields, in order:

    • Username Label: the caption of the username field. Empty shows "Username".
    • Email Label: the caption of the email field. Empty shows "Email".
    • Register Button Label: the button text. Empty shows "Sign Up".
    • Username Label, the second one: the help line under the username box about allowed characters. Empty hides it. The note is set in the font of Theme Options > Typography > Entry Meta, so on a demo whose meta font capitalises every word, it shows in capitals too.
    • Register Button Label, the second one: the "Registration confirmation will be emailed to you" note above the button. Empty shows that same note.

    The Content tab of Foxiz - Register Form with its Form Label section open: Username Label, Email Label and Register Button Label, then a second Username Label and a second Register Button Label, the two repeated ones outlined in orange

  5. Publish the page, then copy its address. A draft's address only opens for you: signed out readers get nothing there.

Step 2: Set the Custom Registration Page​

  1. Open the Login settings: navigate to Foxiz > Theme Options > Login > Login System and find Custom Registration Page URL.

    It is in the Frontend Login and Registration Pages section. The registration field sits directly under the login one.

  2. Enter the URL: Input the URL of the custom registration page you created with Elementor.

    Theme Options with Login System highlighted, beside the Frontend Login and Registration Pages group: four notices, Custom Login Page URL empty, Custom Registration Page URL holding /register, Redirect Login/Register Page for Logged-In Users on, and both redirect URLs empty

    A relative link starting with a slash is accepted here too, so /register will do.

  3. Save Changes: Confirm and save your changes to replace the default WordPress registration page with your new custom registration page.

    The site's sign up links, the popup's Sign Up included, now open your page.

    New readers still choose their password on wp-login.php, from the link WordPress emails them. To make that screen match your site, see How to Restyle the WordPress Login Screen.

    What every other field in this panel does is in Every Setting in the Login Panel, starting with the section that holds this one.

  4. Test it: open your site in a private window, where you are signed out. Click Sign Up in the sign in popup, or open /register directly, and register a test account with an email address you can read. The form is replaced by your thank you message, and WordPress emails the account a link to set its password.

    A registration page built with Foxiz - Register Form, right after a test sign up, outlined: the default Registration Complete! heading and Thank you for registering! Please check your email for confirmation. in place of the form

    Use a private window because a signed in visitor never sees the form: Foxiz sends them to Logged-In Redirect URL when it is set, or the block shows its Logged Status Box.

Next: How to Protect Login, Registration and Comment Forms with Cloudflare Turnstile, optional.

Related Articles