How do I display the Woocommerce registration form on its own page?

  • Resolved rt32kd

    (@rt32kd)


    2 years, 11 months ago

    I have used Woocommerce Custom User Registration Fields plugin to add extra fields to the Woocommerce registration form. I am now trying to separate the ‘Login’ form from my customized ‘Registration’ form on the my-account page.

    I have tried the tutorial here which uses Javascript to hide the login form on the left. However, it still leaves a large gap where the login form used to be. See image here. This tutorial would probably have worked if it was the default registration form, but won’t because I’m adding fields using the plugin above.

    How can I create a page which contains only the Registration form?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support Prin a11n

    (@prin_settasatian)

    Hi there,

    I understand you’d like to display only the registration form on its own page.

    Looking at the image link in your post, I think it may be possible to hide the large gap where the login form used to be using CSS.

    Would it be possible to share the link to your site here?

    Please let me know.

    Thread Starter rt32kd

    (@rt32kd)

    Sure it’s

    https://sanmarcocanada.thewebbroker.ca/register/

    Plugin Support Prin a11n

    (@prin_settasatian)

    Hello @rt32kd,

    Please try the following CSS:

    .page-id-363 .u-column2.col-2 {
  float: left;
}

    To add custom CSS code:
    1. Go to your site’s dashboard.
    2. On the left sidebar, click on Appearance -> Additional CSS.
    3. Paste the code and click on the Save Changes button.

    Let me know if you need further help.

    Thread Starter rt32kd

    (@rt32kd)

    That works great, thank you!

    Is there a way to make the register form full width? It currently just shifts it over the left and only covers half of the screen.

    Plugin Support Sérgio L. a11n

    (@csnlima)

    Hi @rt32kd,

    Perfect! To make the form full width, you can use the following code:

    .page-id-363 .u-column2.col-2 {
    width: 100%;
}

    Let me know if that works as you want.

    Best,

    Hi @rt32kd

    You can make the registration form on your site full width with the following piece of CSS code:

    /* Make the register form full width */
#post-363 .u-column2.col-2 {width: 100%; float:none;}

    Please note that we also have a separate support channel for customers of our Premium extensions.
    You can reach out to us by opening a WooCommerce.com Support ticket:
    https://woocommerce.com/my-account/create-a-ticket/

    Regards

    Thread Starter rt32kd

    (@rt32kd)

    Amazing thanks all!

    We’re happy to help! ??

    Also, I’d like to remind that we have a separate support channel for customers of our Premium extensions.
    You can reach out to us by opening a WooCommerce.com Support ticket:
    https://woocommerce.com/my-account/create-a-ticket/

    Regards

    This thread has been inactive for a bit, so I’m going to mark it closed.

    Feel free to open a new thread if you have any other questions.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How do I display the Woocommerce registration form on its own page?’ is closed to new replies.