title: How do I add a Facebook like page box to a Squarespace website?
body: <p>I'm trying to add a facebook like page box to my Squarespace website and having some troubles.</p>
  
  <p>The code for the box is generated from facebook, it works fine when in development mode, it shows the like box functioning as it should. But then when I log out and am just viewing the website an error comes up telling me "<em>The page you are trying to access is restricted or unavailable</em>".</p>
  
  <p>The code I entered from FB was:</p>
  
  <pre><code>&lt;iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FNexus-Magazine%2F116070391739244&amp;amp;width=250&amp;amp;colorscheme=light&amp;amp;show_faces=true&amp;amp;stream=true&amp;amp;header=true&amp;amp;height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:427px;" allowTransparency="true"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>I contacted Squarespace support and they replied:
  lease note, Writing, adding, and amending coding within your squarespace site is an advanced modification. Squarespace does not offer code troubleshooting/support. You will need to check the validity of the coding you are using against the source to make sure the code is correct. </p>
  
  <p>That being said, In the process of locating the issue, I managed to fix the coding for your facebook 'button'. The address to the page you were trying to reference wasn't displaying pertinent characters, Like the ":" And "//" in "http://" All of the characters were displaying as HTML coding for special characters: "%2" = "/" </p>
  
  <p>Once I changed the HTML representations of these characters within your coding for the Facebook page, the issue resolved.</p>
  
  <p>They changed the original code to:</p>
  
  <pre><code>&lt;iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Fpages/FNexus-Magazine/F116070391739244&amp;amp;width=270&amp;amp;colorscheme=light&amp;amp;show_faces=true&amp;amp;stream=true&amp;amp;header=true&amp;amp;height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:427px;" allowTransparency="true"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>Although the issue was NOT resolved.</p>
  
  <p>Have you any ideas?</p>
  
  <p>Thanks in advance!</p>
  
  <p>Cheers,</p>
  
  <p>Scott</p>