Cómo vincular comentarios en Shopify Blog Posts

Usando Shopify para el blog de tu tienda?  Es posible que haya notado que si se publican enlaces en los comentarios, son sólo texto estático.  En realidad, no se vinculan a la dirección URL.

Si usted está promoviendo productos cruzados o tratando de dirigir a los lectores a una página específica, esto puede ser un poco frustrante.  Fuera de la caja, no hay forma de vincular los comentarios de Shopify blog a una URL.

¿Desea vincular comentarios en entradas de blog?  A continuación verás cómo. Y Aquí hay un ejemplo.

Después de experimentar esto con muchos clientes, se nos ocurrió dos soluciones.  El primero de ellos es un ' plug and Play '.  Puede descargar nuestro plugin, instalarlo, y esto se añadirá a su tienda (junto con algunas otras características ingeniosas).  La segunda es una configuración de ' do-it'yourself ', que requiere un poco de conocimiento de HTML y líquido, pero no mucho.  Requiere experiencia de Shopify de nivel medio.  ¿Listo?

Opción 1: Descargue e instale Shopify blog SUPERCHARGE.  El script necesario para vincular los comentarios es una parte del conjunto de características de cuatro partes que viene con la descarga.  Descargue o vea los detalles sobre Aquí.

[su_button URL = "https://www.blackbeltcommerce.com/Shopify-blog-SUPERCHARGE" target = "Blank" fondo = "#32742a" size = "4" RADIUS = "0"] Detalles y descarga – blog SuperCharge → [/su_botón]

¿Prefieres hacerlo tú mismo?  No hay problema aquí es cómo.

Opción 2: instálelo usted mismo

Aquí están los pasos para instalarlo usted mismo:

1. Abre el administrador de tu tienda y ve a temas.  Haz una copia de seguridad de tu tema como esbozado aquí.
2. A continuación, ve a editar HTML/CSS para abrir tus archivos de tema.
3. En "activos" a la izquierda, haga clic en "Agregar nuevo recurso".  Cargue estos dos archivos:
   jQuery. linkify-1,0-min. js
   jQuery. linkify-1.0. jsNota: estos archivos provienen de un plugin creado por Maranomynet aquí. Crédito completo a Maranomynet por crear el guión inicial.  Sólo lo estamos aplicando aquí a una configuración de Shopify.
4. Una vez que haya subido esos dos activos, abra tema. Liquid a la izquierda bajo layouts.
5. Do a CTRL+F to find “</head>” to find the end of your head section.  Just above </head>, paste this:

   {% if template contains 'article' %}
   {{ 'jquery.linkify-1.0-min.js' | asset_url | script_tag }}
   {% endif %}
   
   <script>
   $(function(){
   jQuery('.comments .comment').linkify();
   });
   </script>

6. Lastly, find <strong>article.liquid</strong>.  CTRL+F to find “article.comments_count”.  Then wrap that whole section in <div class=”comments”.  Like this:

   —

   ¡Eso es todo!  Ahora cualquier enlace en sus comentarios se convertirá en enlaces automáticamente, así:

---

No lo olvides, si prefieres tener una solución "plug and Play", puedes descargar e instalar Shopify blog SUPERCHARGE. Descargue o vea los detalles sobre Aquí.

---

Atribución de script: https://github.com/maranomynet/linkify bajo la licencia MIT/GPL.

Gracias por mantenerse al día con nuestros Shopify Insider blog @ Blackbelt Commerce. Por favor, asegúrese de revisar nuestra Servicios. También tenemos algunas recomendaciones principales del blog para que usted Compruebe hacia fuera; Cómo hacer una copia de respaldo de su tienda Shopify, What We Learned From Our Rebrand, the mos exciting e-commerce marketing trends,  and Mostrar "más colores" Si un producto tiene varias variantes de color.  Como siempre, vigila las nuevas publicaciones del blog.

¿Preguntas? Estaría encantado de ayudar en los comentarios.