Category

Text and HTML Modules

Text and HTML Modules are some of the most common, and most customizable, Modules that can be added to your Website. Below, we list some of the most important features of the Text and HTML Module.

Adding a Text and HTML Module to your Page
Basic Editing in an HTML Module
Hyperlink Manager in an HTML Module
Add Images using HTML Module

Note: Greater Giving has provided the ability to use Hypertext Markup Language (HTML) in this area. Greater Giving however does not support HTML with its technical staff, and any unintended results from HTML coding most Greater Giving agents will not be able to assist you with.

 

Adding a Text/HTML module to your page:

  1. Navigate to the page you wish to add the module to. Ensure you are in Edit mode by clicking Edit Page in the top right corner (if it says View Page, you are in Edit Mode).
  2. Hover over Page Settings, and from the drop down menu select Add a New Module.
  3. Select the module from the list, and either drag and drop it to where you want it, or use the arrows in the right hand corner of the module to determine where it will be placed.

 

Basic Text/HTML Module:

  1. In the Text/HTML pane, hover over the Pencil icon op_pencil_1.jpg associated with the module and click Edit Content to configure it further.
  2. The Text Editor form will open.
  3. Here you will notice familiar text editor icons for certain tools such as Font Size, Font Color, Text Alignment, and Font Style and many more.
    htmlmodule1.jpg

    • At the bottom are 3 buttons for Design, HTML, and Review. The HTML button will allow you to see the underlying HTML code, and if you know HTML will also allow you to code here.
  4. Make sure to click Save after you have entered text.

 

Using the Hyperlink Manager:

  1. In the Text/HTML pane, hover over the Pencil icon op_pencil_1.jpg associated with the module and click Edit Content to configure it further.
  2. The Text Editor form will open. Highlight the word or series of words you wish to hyperlink, and click the Hyperlink Manager htmlmodule7.jpg button.
  3. You can link directly to a Page of yours using the drop down menu, or paste a URL using the URL text box. You will also be able to set tooltips, and if you know CSS apply a CSS Class.
    htmlmodule2.jpg
  4. Click OK when you have inserted the URL for your hyperlink, then click Save to save your hyperlink.

 

Placing Images Directly into Text/HTML:

  1. In the Text/HTML pane, hover over the Pencil icon op_pencil_1.jpg associated with the module and click Edit Content to configure it further.
  2. In the Text Editor form, click the Insert Media button htmlmodule6.jpg, select Image Manager, and choose your Image from the Image Manager.
    • Select an Image Location from one of the folders on the left.
      HtmlModule3.jpg

    • If you need to upload an image, click the Upload button. You must upload to the Files folder, or a sub-folder of Files. Max file size is 1000kb.
      HtmlModule4.jpg
  3. Make sure to click Save after you have chosen your image.

Was this article helpful?
6 out of 8 found this helpful