title: Facebook comments counter with current URL
body: <p>I need make this work in an elementor text area.</p>
  
  <p>I have multiple products pages and I want a counter for each one</p>
  
  <p>An example of the facebook comment counter is this</p>
  
  <pre><code>(&lt;span class="fb-comments-count" data-href="https://example.com/products/product1"&gt;&lt;/span&gt;)
  </code></pre>
  
  <p>For a page with 2 comments the code do this: "Comments (2)" </p>
  
  <p>Inside each page I have a facebook comment box and using shortcodes I can make it easily use the current url page.</p>
  
  <p>But in the comment counter box I cant use shortcodes(just WYSIWYG), so I have to manually add the URL of the current page.</p>
  
  <p>So what I want is <strong>automaticaly</strong> generate the current url inside of the comment counter code.</p>