#redirect https://support.realgeeks.com/hc/en-us/articles/360043149734
====== Content Editor: wysiwyg ======
(What you see is what you get)

The content editor works like a stripped-down word processor. Simply type in text, then format it by highlighting it and clicking one of the buttons.

The best way to learn is to experiment until you achieve the desired formatting. Don't worry, it's pretty easy. Here's a cheat sheet:

{{::editcontent.png?800|}}

Here, you can learn how to [[uploading|upload your images]].

After the image file has been uploaded, you can [[inserting_images|insert it into the content area]] of a page, sidebar, or footer.

====== Inserting popup contact/sign up form links into your content ======

If you want to insert a link to the contact/sign up popups forms, copy and paste these special codes into the editor in HTML mode: 

====Contact Us====
Text link:
<code html>
<a class="popup" href="/member/contact/">Contact Us</a> 
</code>

Button link:
<code html>
<a class="button contact_us popup" style="background: green; color: white;" href="/member/contact/"><span>Contact Us</span></a>
</code>


====Sign up====

Text link: 

<code html>
<a class="sign_up popup" href="/member/signup/" target="_blank"><span>Sign Up!</span></a>
</code>

Button link: 

<code html>
<a class="button sign_up popup" style="background: #CC6699; color: white;" href="/member/signup/"><span>Sign Up!</span></a>
</code>

You can change the colors of the background or text (labeled: color) from the button link code with this web color reference:

http://www.w3schools.com/colors/colors_picker.asp

Still have questions? Contact [[https://www.realgeeks.com/support/|Support]]