Add Facebook Like button to MODX Page

Due to its priority in treating PHP/HTML code in its  websites, it is very easy to add the Facebook like button code into a MODX web page.  The following article walks you through the steps in adding the Facebook button using the MODX Administrator dashboard.

Inserting the Facebook Like Button in MODX

1. Obtain the Facebook Like button by going to the Facebook devlopers page.  This page will generate the code that  you require for the button.  Select the options that you want to use for the button or buttons, then click on GET CODE at the bottom of the window.
   
    
2. A pop-up window will appear containing the code and instructions on where to paste the code.  Highlight the code and copy it.  Keep this window open until you finish copying and pasting the code into MODX.
    
3. Login to the MODX Administrator Dashboard.
4. Navigate to the RESOURCES tab in the Resource Tree at the left of the interface and select the page you wish to modify.  In this example, the DEMO WEB PAGE is being selected and edited.  Click to highlight the page you wish to edit in the RESOURCES tab, then scroll down and go to the CONTENTeditor area of the interface. 
    
5. Before you add the code, make sure that you toggle OFF any third-party editor, or enter the editor's code edit mode.  Otherwise, an editor (e.g. TinMCE editor) will attempt to auto format the code for you.  This would break the code and cause it not to work.  Copy and paste the code into the MODX webpage.
    
6. Click on SAVE in the top right corner in order to save your entries.

Here's how the button would appear with the added code: