title: How does Pinterest facebook invite box get generated?
body: <p>I have been trying to replicate Pinterest's send message to user using this code:</p>
  
  <pre class="lang-js prettyprint-override"><code>    FB.ui({
      method: 'send',
      name: 'The Image',
      display: 'popup',
      description: 'Description here',
      link: 'http://www.mywebsite.com/',
  });
  </code></pre>
  
  <p>The popup box shows up but I have no control over the description, name, nor the picture showing the user thumbnail.</p>
  
  <p>The popup box shows my website's description, name, and a random image from page. </p>
  
  <p>here is an image <a href="http://postimg.org/image/8o01c3vfr/" rel="nofollow">http://postimg.org/image/8o01c3vfr/</a></p>
  
  <p>How do I get a popup to show the user thumbnail and customized description and name?</p>
  
  <p><strong>Update:</strong> I tried this and still no hope!</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"&gt;
  &lt;meta property="fb:app_id" content="app id" /&gt; 
  &lt;meta property="og:title" content="Your title"&gt;
  &lt;meta property="og:description" content="Your Desc."&gt;
  &lt;meta property="og:image" content="http://2.bp.blogspot.com/-Z-yBlXMMYWo/UBUYe-Lc46I/AAAAAAAAAxc/VO9XB7Ls-sY/s640/Under+water.JPG"&gt;
  &lt;meta property="og:image:secure_url" content="http://2.bp.blogspot.com/-Z-yBlXMMYWo/UBUYe-Lc46I/AAAAAAAAAxc/VO9XB7Ls-sY/s640/Under+water.JPG"&gt;
  &lt;meta property="og:image:type" content="image/png"&gt;
  &lt;meta property="og:image:width" content="150"&gt;
  &lt;meta property="og:image:height" content="150"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id='fb-root'&gt;&lt;/div&gt;
  
  &lt;script&gt;
    // Load the SDK asynchronously
    (function(d, s, id){
       var js, fjs = d.getElementsByTagName(s)[0];
       if (d.getElementById(id)) {return;}
       js = d.createElement(s); js.id = id;
       js.src = "https://connect.facebook.net/en_US/all.js";
       fjs.parentNode.insertBefore(js, fjs);
     }(document, 'script', 'facebook-jssdk'));
  
  window.fbAsyncInit = function() {
      FB.init({appId: "app id", status: true, cookie: true, xfbml: true,   frictionlessRequests : true});
  
  };
  
  function send_message() {
      FB.ui({
          method: 'send',
          name: 'The Image',
          display: 'popup',
          description: 'Description here',
          link: 'http://www.website.com/',
          picture: 'http://www.website.com/image.png'
      });
  }
  &lt;/script&gt;
  &lt;a href='#' onclick='send_message();'&gt;send&lt;/a&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>