In ETO software, home pages are completely customizable, allowing your organization to create a unique starting point for your users that is both attractive and efficient. Authorized users can insert images, text, and links on a home page, making it an ideal place to list instructions, frequently used links, and/or customer support contacts for increased user convenience.

You can create a unique home page for every program on your site, though this is not required. Any program without a custom home page will display the site home page.

Please note that customized home pages can be copied and pasted, including HTML source code. This is a good time saving method if you have created a template that you want to use in multiple programs.

The editor used for customizing home pages in ETO is called the FCK Editor. This editor is common to many websites and was not developed by Social Solutions. We will not cover every tool/button in the editor. For more information on the FCK Editor, please refer to this guide: http://docs.cksource.com/FCKeditor_2.x/Users_Guide


In-Depth Instructions

To create a home page that displays across ALL programs on your site:

Step 1 – On the Quick Tabs at the top of the page, click Home.

Step 2 – Click the Site Home button.

Step 3 – Click the Edit Page link on the right.

Any changes that you make here will appear on all of your program home pages. Only Site Administrators have access to edit site-wide home pages.

To create a home page that is designed for a specific program on your site:

Step 1 – Select the program you wish to edit the home page for by clicking on the name of the program at the top of the page and selecting the program you wish to work with.

Step 2 – Make sure you are on the program home page by clicking the link at the top.

Step 3 – Click the Edit Page link on the right

Any changes you make here will only appear on the home page for the program that you are currently in.

  • If a link you need is not in the tables, please contact customer support and we will be happy to provide it to you.
  • To get a link to a crystal report, right click the link to the report and click on properties. Copy the address/URL.
  • Links to Custom Reports added to My Favorites can be copied and pasted directly into the 

Step 3 – Go to the home page and click Edit Page (program or site, see above).

  • You can also add links to buttons, which Social Solutions recommends to avoid problems with font irregularities related to adding links. To use a button, right click a button in ETO (such as the Social Solutions logo at the bottom of the page). Copy the selected button and paste the button into the home page editor. Then, type ‘Click here to add a student" next to the button.

Step 5 – Highlight the text.

If using a button, click to highlight the button.

Step 7 – Insert the following information into the pop-up window:

  • URL: The link provided on the Link List
  • Target: Same Window
  • This opens links in the same window to avoid caching issues with ETO. Therefore, it is recommended as the best target choice.
  • Tooltip: Whatever you would like to see when you hold the mouse cursor over the link/image
  • Click OK

Step 8 – Click the Save button and then test your new link/button.

Adding Secure Images to Home Pages (TouchPoints)

Step 1 – Find the image you want to use and save it on your computer.

Step 2 – Create a general TouchPoint to hold the image or .pdf file.

  • Navigation Bar > Site Administration > Manage TouchPoints
  • Click the New TouchPoint button at the top of the page
  • Title the TouchPoint appropriately; examples: "Logo" or "Instruction Manual"
  • Save
  • Click the Add Question button
  • Add a File Attachment element
  • If the file is going to be an image, check the box next to "this is an image attachment" setting
  • Save
  • Manage security settings in the TouchPoint
  • Subject - General
  • Set Add/View/Edit/Delete Own and Others' Responses for Enterprise and/or Site Administrators only, across all programs and sites in the enterprise
  • Save

Step 3 – Upload the image/file:

  • Navigation Bar > TouchPoints > View General TouchPoints
  • Click the Take New TouchPoint button
  • Select the TouchPoint you just created in step 2
  • Click Select and then find the file you saved to your computer
  • Save

Step 4 – Get the image/file link:

  • Navigation Bar > TouchPoints > View General TouchPoints
  • Click the toggle (+/-) on your TouchPoint to see the response you just created in step 3
  • Click View
  • Right click the file/image and select "properties"
  • Copy the link displayed on this page
  • Paste the link into notepad until you are ready to insert it
  • When preparing to insert HTML, erase the "https://etosoftware.com" link at the beginning of the HTML code

Step 5 – Go to the home page by clicking the Home tab across the top.

Step 6 – Click the Edit Page link (either on the program or site level).

Step 7 – Click the Insert Image icon; it looks like a mountain with an orange sun.

Step 8 – In the Insert Image window, in the Image Src field, paste the URL you copied earlier (minus the https://etosoftware.com" part).

Step 9 – Click the OK button on the Insert Image window. Then click the Save button on the page editor.

This method is also a great for uploading documents, such as ETO user manuals that can be accessed through links on the home page. If you are uploading a document, do not check the "this is an image attachment" setting when creating your TouchPoint.

If you have a legacy version of ETO and do not have TouchPoints, you can do the same thing using assessments. Using assessments, there can be problems if you are trying to share a link with multiple sites, so the TouchPoint way is the best way if you have access to it.

Adding Secure Images to Home Pages (Assessments)

Step 1 – Find the image you want to use and save it on your computer.

Step 2 – Create a General Assessment

  • Navigation bar > Wizards > Assessment Wizard
  • Give the Assessment a name like "Image Attachment Assessment"
  • Select General from the Assessment Type drop-down
  • Click Continue
  • Select the File Attachment element type
  • Click Continue
  • Give the element any name
  • Check the box next to Image Attachment
  • Click Continue
  • Click OK on the pop-up

Step 3 – Upload the image/file.

  • Navigation Bar > Record Efforts > General Assessments
  • Click Take New Assessment
  • Select the Assessment you made in step 2 from the drop-down (if you only have one general assessment, it will automatically direct you into the general assessment you just created)
  • Click Continue
  • Click the Upload button
  • Click Browse
  • Find the image on your computer and click Open
  • Click Upload
  • Click Submit
  • Click OK on the submitted pop-up
  • Click Continue

Step 4 – Get the image/file link.

  • Navigation Bar > Record Efforts > General Assessments
  • Click the toggle (+/-) on your TouchPoint to see the response you just created in step 3
  • In the Take Action column, select Read-Only from the drop-down
  • Click the View/Edit button under the image
  • Right click on the file name in the pop-up window and select properties
  • Copy the URL by highlighting the whole URL and either pressing CTRL+C or right clicking the highlighted portion and choosing Copy
  • Close the box and return to your home page

Step 5 – Go to the home page by clicking the Home tab across the top

Step 6 – Click Edit Page (either on the program or site level)

Step 7 – Click the Insert Image icon; it looks like a mountain with an orange sun.

Step 8 – In the URL field, paste the URL you copied earlier.

Step 9 – Click the OK button on the Insert Image window. Then click Save on the home page.

Here is an example of one customer's terrific use of the page editor:

Click here to view the HTML source code for this particular home page.

To use this template on your site, click the Edit Page link and click the HTML button in the bottom left corner.

Paste the HTML code and save the home page. To edit the images, text, and links, click the Design link. To edit the color of the text or font, click the HTML button and replace the color codes in the template with your preferred color codes.

Did this answer your question?