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.

Ningún enlace

¿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:
    Comentarios div Wrap

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

Los enlaces funcionan


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.

One response to “Cómo vincular comentarios en Shopify Blog Posts

Añadir comentario

Su dirección de correo electrónico no se publicará. Los campos obligatorios se marcan *

Este sitio utiliza Akismet para reducir el spam. Obtén información sobre cómo se procesan los datos de tus comentarios.

;

Comentarios 1

Añadir comentario

Su dirección de correo electrónico no se publicará. Los campos obligatorios se marcan *

Este sitio utiliza Akismet para reducir el spam. Obtén información sobre cómo se procesan los datos de tus comentarios.