How to Add a Comments Section to Your Website

Adding a comments section to your website encourages visitor engagement and interaction. You can integrate Facebook Comments nebo Disqus to allow users to leave feedback on blog posts, articles, or any page. Follow this step-by-step guide to set up and customize the comments element.

1. Přidání prvku Komentáře

Step 1: Insert the Comments Element

1. Open your website builder.
2. Přejít na Přidat prvky → Scroll to Sociální.
3. Select Komentáře, then drag and drop it onto your page.

By default, the element loads Facebook Comments.

2. Setting Up Facebook Comments

Step 2: Configure Facebook Comments

1. Click on the Comments element to open settings.
2. Ensure the Comments Provider is set to Facebook.
3. Choose the Number of Comments to display (default is 10).
4. Under Link to Page, select:

• Current Page – The comments will be linked to the page they are left on.
• Custom Page – Enter a URL if you want the comments associated with a different page.

1. Save & Preview your page to see how the comments appear.

Jak to funguje:

• Users must be logged into Facebook to leave a comment.
• The comments sync with Facebook, so they persist across visits.
• Visitors can reply to each other, like, and share comments.

3. Setting Up Disqus Comments

Step 3: Configure Disqus Comments

1. Click on the Comments element to open settings.
2. Change the Comments Provider na Disqus.
3. Enter your Disqus Shortname (from your Disqus account settings).
4. Choose between:

• Current Page – Links comments to this specific page.
• Custom Page – Links comments to a different URL.

1. Save & Preview to see the Disqus comment section live.

Jak to funguje:

• Visitors can sign in with Disqus, Google, or social accounts.
• The Disqus dashboard allows comment moderation and spam filtering.
• Users can vote, reply, and engage with threaded discussions.

4. Customizing the Comments Section

Step 4: Adjust Styling & Layout

• Click on the Comments element and go to Settings (top-right corner).
• Adjust width and height to fit your page layout.
• Customize background color, borders, and alignment.
• Under Effects, enable animation or scroll effects for a dynamic appearance.

5. Optimizing for Mobile & Tablet

Step 5: Ensure Responsiveness

• Přejít na Tablet View a Mobile View in your editor.
• Adjust the width of the comments section to fit smaller screens.
• Facebook and Disqus are automatically responsive, but minor layout tweaks may be needed.

6. Why Add a Comments Section?

• Boosts Engagement – Encourages visitor interaction and discussion.
• Increases Time on Page – Users stay longer when engaging in conversations.
• Výhody SEO – New comments keep the page updated with fresh content.
• Sociální důkaz – Visitors see others engaging and are more likely to participate.

By following these steps, you can seamlessly integrate Facebook or Disqus comments into your website, creating an interactive and engaging user experience.