FastComments.com
Here you can edit and run the code snippet from our documentation.
Example Code Snippet "Blog Post Listing with Comment Counts"
<script src="https://cdn.fastcomments.com/js/embed-widget-comment-count-bulk.min.js"></script> <style> .blog-post { border: 1px solid #ddd; margin: 10px 0; padding: 15px; border-radius: 5px; } .post-meta { color: #666; font-size: 14px; margin-top: 10px; } .comment-count { background: #e7f3ff; padding: 2px 8px; border-radius: 12px; font-size: 12px; display: inline-block; } </style> <div class="blog-post"> <h3>How to Install FastComments</h3> <p>Learn how to add FastComments to your website in just a few minutes...</p> <div class="post-meta"> Published: March 15, 2024 | <span class="fast-comments-count comment-count" data-fast-comments-url-id="how-to-install-fastcomments"></span> </div> </div> <div class="blog-post"> <h3>Advanced FastComments Configuration</h3> <p>Dive deep into the advanced configuration options for FastComments...</p> <div class="post-meta"> Published: March 10, 2024 | <span class="fast-comments-count comment-count" data-fast-comments-url-id="advanced-fastcomments-config"></span> </div> </div> <div class="blog-post"> <h3>FastComments vs Other Solutions</h3> <p>See how FastComments compares to other commenting solutions...</p> <div class="post-meta"> Published: March 5, 2024 | <span class="fast-comments-count comment-count" data-fast-comments-url-id="fastcomments-comparison"></span> </div> </div> <script> window.FastCommentsBulkCountConfig = { tenantId: 'demo' }; </script>
Result