Installing the Anti-SPAM tool via XMS

This page provides you instructions on how to install the Fermi Anti-SPAM tool into an XMS based web page. If you require information on what the Fermi Anti-SPAM tool is or how it works, please refer to This Page.

These instructions assume you know how to create a page on computing.fnal.gov via the XMS content management system.  If you do not know how to do this or you do not have permission to do this, please contact the Fermilab Helpdesk and request access and/or training to use the XMS content editor for computing.fnal.gov.

Step 1: Open the Form to Edit

• Start by logging into the XMS website and then opening up the page editor to the form you wish to add the Anti-SPAM tool.
• Once you are logged in, click on the "edit" link associated with the form you wish to edit.  (Figure 1)

(Figure 1)

Step 2: Open the HTML Editor

• Once the WYSIWYG editor page has opened up, click on the "HTML" button as shown in Figure 2.
  

(Figure 2)

Step 3: Insert the Anti-SPAM Javascript

•  Now that the raw HTML editor has popped up, locate the section of the code where your "Submit" button is located.
• Just above the "Submit" button, you insert the Anti-SPAM Javascript text as shown in Figure 3.
• While not required, we suggest adding a text explanation just above the Javascript code to instruct your users on how to use the CAPTCHA.
  • This has the benefit of instructing your user on how to use the form.
  • This also lets them know that filling out the CAPTCHA is a requirement to Submit the page.
  • See Figure 3 for our recommended example.
• Once you have completed adding the Javascript and HTML code, click on the "Update" button located at the bottom of the HTML editor page.
  

(Figure 3)

Step 4:

• After you click on the "Update" button of the raw HTML editor page, it will save the data and take you back to the WYSIWYG editor.  Please note that in this editor, you will not be able to see the Javascript you just entered.  Do not worry, this is normal; The Javascript cannot render in this editor.
  
• If you entered in the suggested explanation text as shown in Figure 3, that text will show in the editor window.  It should look similar to what you see in Figure 4.
• Click on the "Save" button located above the WYSIWYG editor buttons to write your changes to the database.  Your changes cannot be seen until this step has been completed.
  

(Figure 4)

Step 5:

• Now that the changes have been saved to the database, close the WYSIWYG editor page and reload the original page.  The explanation text and the CAPTCHA should now be correctly rendered in the page.  See Figure 5 for an example.
  
• If you are unable to see the CAPTCHA, go over steps 1-4 to ensure everything was done correctly.
• If after reviewing your work, you are still unable to see the CAPTCHA, please open a ticket with the Fermi HelpDesk and request assistance.
  

(Figure 5)