How to create comment section?

Store Design
, , , ,
1

I’d like a section under every product that says “Questions or comments? Post them here!” when people can leave a question or comment without having to log in to anything. Just “Name” and “Email” (optional) and “Question or comment.” I DO NOT MEAN A PRODUCT COMMENT SECTION I MEAN SOMETHING SIMILAR TO YOUTUBE COMMENT SECTION!

2

Third-party app or service would be the easiest to implement.

Some review apps have a Q-n-A functionality, or embed D i s q u s widget on your product pages.

Shopify has built-in commenting functionality, but only for blog articles and it’s not very flexible.
It’s possible to kinda add it to product pages, but will require some coding depending on your theme.

3

I would be happy to code it but I cant make it work, I have found the code but the comment section only appears in blog pages and not in other pages is the code linked to the blogs somehow?

This is the code that I found:

{%- if blog.comments_enabled? -%}

{%- if article.comments_count > 0 -%} {%- assign anchorId = '#Comments-' | append: article.id -%}

{{ 'blogs.article.comments' | t: count: article.comments_count }}

{% paginate article.comments by 5 %}
{%- if comment.status == 'pending' and comment.content -%} {{ comment.content }} {{ comment.author }} {%- endif -%}

{%- for comment in article.comments -%}

{{ comment.content }} {{ comment.author }} {{- comment.created_at | time_tag: format: 'date' -}} {%- endfor -%} {% render 'pagination', paginate: paginate, anchor: anchorId %}
{% endpaginate %} {%- endif -%} {% form 'new_comment', article %} {%- liquid assign post_message = 'blogs.article.success' if blog.moderated? and comment.status == 'unapproved' assign post_message = 'blogs.article.success_moderated' endif -%}

{{ 'blogs.article.comment_form_title' | t }}

{%- if form.errors -%}

{{- 'icon-error.svg' | inline_asset_content -}} {{ 'templates.contact.form.error_heading' | t }}

{%- elsif form.posted_successfully? -%}

{{- 'icon-success.svg' | inline_asset_content -}} {{ post_message | t }}

{%- endif -%}
{{- 'blogs.article.name' | t }} * {%- if form.errors contains 'author' -%} {{- 'icon-error.svg' | inline_asset_content -}} {{- 'blogs.article.name' | t }} {{ form.errors.messages.author }}. {%- endif -%}
{{- 'blogs.article.email' | t }} * {%- if form.errors contains 'email' -%} {{- 'icon-error.svg' | inline_asset_content -}} {{- 'blogs.article.email' | t }} {{ form.errors.messages.email }}. {%- endif -%}
{{ form.body }} {{- 'blogs.article.message' | t }} *
{%- if form.errors contains 'body' -%} {{- 'icon-error.svg' | inline_asset_content -}} {{- 'blogs.article.message' | t }} {{ form.errors.messages.body }}. {%- endif -%}
{%- if blog.moderated? -%}

{{ 'blogs.article.moderated' | t }}

{%- endif -%} {% endform %}
{%- endif -%}
4

Yes, for blog articles only, not products.

Therefore the idea is to create a separate Blog for this and for each newly created product create an article in this blog. (I believe this can be automated with Flow and API use, or some other app).

Then add article reference to the newly created product metafield and then display comments part of the article section for this article on the product page.

Possible, but cumbersome, of course.