How To Customize Sign Up Page - Public Networks and Private (Anyone can apply)

How To Customize / Add Text to Sign Up Page and Example:



  1. Go to Manage/Language Editor, and select your language.
  2. Be sure to give the page time to completely load, to ensure you select the correct language.
  3. MEMBERSHIP APPROVAL NETWORK (this should work for Public/Membership Approval, and Private/Anyone can apply): If your Network has been set to "Approve Members", search on this exact string: "Apply for membership now. If you're already a member, <a %s>sign in</a>." without the quotes.
  4. NO MEMBERSHIP APPROVAL NETWORK: If your Network has NOT been set to "Approve Members", search on this exact string: "Already a member? <a %s>Click here to sign in</a>." without the quotes.
  5. The Ning Directory example uses #3 - Membership Approval Sign Up Page.

  7. You will see a box in the right column that contains the search string you entered. This is where you want to add your custom content.
  8. Add your custom text. Be sure to keep the "Apply for membership now. If you're already a member, <a %s>sign in</a>.", or the "Already a member? <a %s>Click here to sign in</a>." syntax, without the quotes. The safest bet: add your custom text below the special line.
  9. Click on Save.

  • Test this on a test site first. Be sure to access your Sign Up page on the test site, to see your results.
  • See attached text/HTML file. It's fairly extreme, but will give you the exact text/HTML it took, to create the Sign Up page on the Ning Directory. You'll notice, I alter the "Apply for membership now. If you're already a member, <a %s>sign in</a>." line.
  • Bottom line: you can add simple text with HTML attributes, via this Language Editor box. Be sure to keep the original line of code.


I keep my HTML in a file on my computer, tweak and get it ready, then I add to the language
editor.

Good Luck,
Jen

Tags: customize sign up page, customize sign-up page, sign up page, sign-up, signup

Views: 861

Attachments:

Replies to This Discussion

Permalink Reply by Forbes on June 9, 2010 at 1:59pm
Finally,it works for me.Thanks!
Permalink Reply by moparcars on July 30, 2010 at 3:15am
Hallo dear Jen, do you think it is possible to use the the Network default " Header Image " in case to costomize the SIGNUP page ?

/* Make the SignUp Box Wider */
#xg.account {width:715px; margin-left:-355px;}
#xg.account #xg_body {width:730px;}
#xg.account .xg_module {width:703px;}
/* End SignUp Box Width */

and add this code to this CSS Change maybe ?

like for example USE "
#xg_head {
background: transparent url(http://api.ning.com/files/UdauXWMfkjBUEDHqWcIpJcwbGcOfu3trkMizNp-Uv...*NLkZoOjmf*fS3lBog__/kenyasafariholidays_header1.jpg);background-repeat: no-repeat;background-position:left;_}_
_instat of adding the header image into the Language Editor Section ( see http://kenyasafariholidays.ning.com/main/authorization/signUp? )
Will be great if you might has and idea , how to use the default header image , for SIGN-UP PAGES and also for SIGN-IN PAGES !

Regards/Juergen
Permalink Reply by JenSocial on July 30, 2010 at 12:25pm
Hi Juergen,
No, unfortunately, the only way you can display a header image on the SignUp page is by adding a background image to the "body". And that image will show on all pages, if that makes sense. There are no other classes you can use on that page. This is definitely something Ning needs to improve, and I have complained about before.
Best,
Jen
Permalink Reply by moparcars on July 30, 2010 at 6:23am
Hi all ladies and guys ,
I also like to change the " Background " or simply only the " Header " of my SIGN-IN and SIGN-UP PAGES, what i like is simply let appear my MAIN PAGE HEADER on TOP LEFT margin of the SIGN-IN and SIGN-UP Pages,.. my site name is http://kenyasafariholidays.ning.com - i already costomized the TEXT by using the Language Editor to do that, but i like to take out the HEADER IMAGE and like to let it appear as on ALL other NETWORK pages on top, does anyone can help me, and tell me how to do that ?
Note : my header images is NOT only 945px - so I could NOT USE the APPEARANCE section to upload HEADER IMAGE...

thank guys and ladies for you help or tipps on that issue ..here are the 2 mockup that will show what we like to do or to have ...see attached files ..


Regards/juergen
Attachments:
Permalink Reply by JenSocial on July 30, 2010 at 12:26pm
The way you have done this, is the best way for now. And, it looks great - - GREAT JOB!
Permalink Reply by Forbes on August 2, 2010 at 10:48am
after i subscribed NING Plus,mine disappeared.but the codes are still in the language editor.
Permalink Reply by JenSocial on August 3, 2010 at 2:46am
That's interesting. Thank you for letting us know.
Best,
Jen
Permalink Reply by freelee love on September 9, 2010 at 8:29pm
Excellent loooove it Jen!
Permalink Reply by JenSocial on May 25, 2011 at 1:33am

Hi Alex Brandon, I couldn't reply to the thread about the signup page tip, the thread was too deep and no reply button. It's been a long time since I used that tip. It only works on public site (see tip title), is yours private? However, there should either be a tip I've written for private, or a way to do it by searching on the appropriate search words. Go to your sign-up page and see if you have words that you can target within the language editor.

 

Oh, also, you may have to wait a few minutes for signed-out to catch up with signed-in, the caching...

Let me know if you can't,

Jen

Permalink Reply by JenSocial on January 8, 2012 at 9:57am

It looks great. The links only work over the icons though. I found that confusing, sorry to say. But truly, looks great. I'm using FireFox.

Best,

Jen

Permalink Reply by JenSocial on January 9, 2012 at 12:32pm

Good deal, good decision. ;-)

RSS

© 2013   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips