Customize Sign Up Form

I need advice on fully customizing the sign up forms. I want to have a small sign up form for the free membership that looks like this (Full Name, Email, and Username):

http://www.passionandpossibilities.com/home-1

I have the Pro version, but do not see where I can control the sign-up form’s size, etc. I’ve got a test page set up with the in-page sign up form here:

http://www.passionandpossibilities.com/testing-2

How do I customize this further??

Thank you!

Hello Renny, thanks for your inquiry.

Have you tried going over the options under Dashboard -› s2Member® -› General Options -› Registration/Profile Fields?

I believe you will find everything you need there.

Hope this helps. :)

I’m also looking to fully customizing the sign up forms. Is there a hook where I can modify the form template? I need to add classes and change the html mark up for it.

Thanks.

When I created a custom field for “Full Name” all it did was add that field to the login here (I’ve since removed the extra field): http://www.passionandpossibilities.com/wp-login.php?action=register

I still don’t understand how to put my own custom form within a page that’s on my site. I do not want to use the auto-generated page. Please re-read my initial request and view the links to visualize what I’m looking for.

Thank you so very much for any help you can provide!

Hi Reeny,

If you don’t want to use the default WordPress registration page (i.e., /wp-login.php?action=register), then you’ll need to create your own WordPress page to hold the registration form (e.g., http://www.passionandpossibilities.com/register/). You can then generate the sign-up form using the s2Member Pro forms (Dashboard -› s2Member® -› PayPal® Pro Forms) and place the resulting shortcode on your registration page.

If you’ve added any custom fields in Dashboard -› s2Member® -› General Options -› Registration/Profile Fields, those fields will show up along with the generated Pro-Form. You can restrict fields to certain levels (e.g., have a set of fields for Free Registration forms, and another set for Level 1 registration forms) by changing the “Applicable Membership Levels” option when you create the field.

If you wish to style the Pro-Forms manually and change the way they look (e.g., width, padding, etc.), please see Pre Sale FAQs » Can I change the width of s2Member® Pro Forms easily? and Pre Sale FAQs » Is it possible to modify s2Member® Pro Form templates?

Does that answer your question?

I thought I would be able to simply put the needed form fields into any page on my site. I wanted it to look like this: http://www.passionandpossibilities.com/home-1

So you are saying the layout in the link above is not possible without a lot of custom coding?

Thank you for your help and patience!

Hi Reeny,

You can certainly place the Pro-Form shortcode on any WordPress post/page, but if you want it customized to look like the small form on the page you linked to, then yes you’ll need to customize the CSS and/or template files for the Pro-Form by following the information in the last two links that I provided in my previous post.