protip - FORUM - Ning Creators Social Network2024-03-29T12:03:11Zhttps://creators.ning.com/forum/topics/feed/tag/protipHow To Customize Sign Up Page - Public Networkshttps://creators.ning.com/forum/topics/how-to-customize-sign-up-page2010-03-02T22:42:33.000Z2010-03-02T22:42:33.000ZJenhttps://creators.ning.com/members/Jen<div><p>I just added this tutorial to my site - - figured it was needed here, too.<br> <br> <span style="font-weight: bold;">How To Customize / Add Text to Sign Up Page and Example:<br> <br></span> <span style="font-weight: bold;">NOTE: These instructions are for <span style="text-decoration: underline;">PUBLIC</span> Networks.</span></p>
<p style="text-align: left;"><img src="http://storage.ning.com/topology/rest/1.0/file/get/542280?profile=original" alt=""></p>
<p><br></p>
<ol>
<li><span style="font-weight: bold;">Go to Manage/Language Editor, and select your language.</span></li>
<li><span style="font-weight: bold;">Be sure to give the page time to completely load, to ensure you select the correct language.</span></li>
<li><span style="font-weight: bold;">MEMBERSHIP APPROVAL NETWORK: If your Network has been set to "Approve Members", search on this exact string:</span> "Apply for membership now. If you're already a member, <a %s>sign in</a>." without the quotes.</li>
<li><span style="font-weight: bold;">NO MEMBERSHIP APPROVAL NETWORK: If your Network has NOT been set to "Approve Members", search on this exact string:</span> "Already a member? <a %s>Click here to sign in</a>." without the quotes.</li>
<li>The Ning Directory example uses #3 - Membership Approval Sign Up Page.</li>
<li> <p style="text-align: left;"><img src="http://storage.ning.com/topology/rest/1.0/file/get/542315?profile=original" alt=""></p> </li>
<li>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.</li>
<li>Add your custom text. Be sure to keep the "<span style="font-weight: bold;">Apply for membership now. If you're already a member, <a %s>sign in</a>.</span>", or the "<span style="font-weight: bold;">Already a member? <a %s>Click here to sign in</a>.</span>" syntax, without the quotes. The safest bet: add your custom text below the special line.</li>
<li>Click on Save.</li>
</ol>
<p></p>
<ul>
<li><span style="font-weight: bold;">Test this on a test site first.</span> Be sure to access your Sign Up page on the test site, to see your results.</li>
<li>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 "<span style="font-weight: bold;">Apply for membership now. If you're already a member, <a %s>sign in</a>.</span>" line.</li>
<li>Bottom line: you can add simple text with HTML attributes, via this Language Editor box. Be sure to keep the original line of code.</li>
</ul>
<p><br> I keep my HTML in a file on my computer, tweak and get it ready, then I add to the language<br> editor.<br> <br> Good Luck,<br> Jen</p></div>