Cómo instalar las herramientas de ShareThis en Shopify (con ShareThis App)

Nuestra aplicación Shopify hace que sea rápido y fácil para usted agregar botones de compartir o Botones de seguir a su sitio web en unos pocos clics. 

  1. Dirígete a ShareThis Share Buttons app en Shopify y selecciona el botón Añadir aplicación.
  2. Instala la aplicación y selecciona una de las 4 opciones:
    • Botones de comaprtir Embebidos: Añade botones de compartir cerca de tu titular o producto para una visibilidad ideal 
    • Botones de comaprtir Pegadizos: Mantenga los botones de compartir anclados en el riel izquierdo o derecho de su sitio web para que los visitantes puedan compartir mientras se desplazan 
    • Botones de seguir: Expande tu presencia en la web a tus principales canales de medios sociales 
    • Plataforma de gestión del consentimiento: Gestiona las preferencias de consentimiento de los usuarios con facilidad y cumple con la normativa de privacidad de la UE, incluido el Reglamento General de Protección de Datos
  3. Selecciona la herramienta CompartirEsta herramienta que te gustaría usar y personaliza los botones seleccionando tus canales sociales, tamaño, forma y más.
  4. Encendido y apagado de las herramientas de ShopifyEncienda el interruptor y, a continuación, desplácese hacia abajo y pulse el botón Actualizar para guardar los cambios.
    • Si está instalando herramientas en línea, puede elegir entre:

      Nota: Las herramientas en línea requieren un fragmento de código adicional para funcionar en su sitio. Si desea instalar nuestro Botones de comaprtir Embebidos o Botones de seguir, tendrá que añadir un código de colocación siguiendo las opciones anteriores donde quiera que aparezca la herramienta

      Antes de personalizar su tema, siempre es recomendable hacer una copia de seguridad primero, siga estas instrucciones para duplicar el tema y tener una copia de seguridad en caso de que desee revertir los cambios.

      Añadir herramientas ShareThis en línea a su página de producto mediante un bloque Liquid personalizado

      Puedes utilizar el editor de temas de Shopify para tener una guía visual a la hora de colocar el código de los botones inline. Aunque no se limita a la página de productos, podrías seguir estas instrucciones y el vídeo del final para colocar el código en la descripción de tus productos.

      1. Vaya al Panel de Control de su Tienda Online.
      2. Haga clic en Temas y luego en el botón verde que dice Personalizar.
      3. Navegue hasta la página en la que desea que aparezcan los botones haciendo clic en la vista previa en directo.
      4. Sitúe el ratón en el lugar donde desee insertar los botones, aparecerá un pequeño botón azul con la etiqueta Añadir una sección.
      5. Seleccione Líquido personalizado en la lista.
      6. Copie y pegue el código de colocación correspondiente en la barra lateral izquierda que acaba de aparecer.
        1. Comparte el código de colocación de los botones:
        2. Botones de seguir código de colocación:
      7. Haga clic en Guardar en la esquina superior derecha.

      Para su comodidad, aquí tiene un avance:

      Añadir herramientas ShareThis en línea a su página de producto editando el código del tema

      1. En la barra de navegación de la izquierda, seleccione Tienda Online > Temas y luego haga clic en Acciones > Editar código.
      2. Dentro de la barra lateral izquierda, desplácese hasta la carpeta Sections y seleccione main-product.liquid (Si está utilizando un tema anterior, vaya a Templates y localice el archivo product.liquid ). A continuación, busque el siguiente código:
        {{ product.description }}
        Nota: Puede utilizar Control + F para buscar la palabra "descripción" en ella (por favor, asegúrese de hacer clic en el interior del archivo para que pueda buscar el contenido dentro del editor de código ), trate de colocar los botones en una nueva línea después de la sección o líneas que tienen este nombre. Una sección/elemento se delimita con el carácter "}" al final de la misma.

      3. Copie y pegue el código de colocación correspondiente arriba o abajo de la descripción del producto.
        1. Comparte el código de colocación de los botones:
        2. Botones de seguir código de colocación:

      Para su comodidad, aquí tiene un avance:

      Añadir herramientas Inline ShareThis a tu página o blog

      1. En la barra de navegación de la izquierda, seleccione Tienda Online > Páginas. A continuación, haga clic en la página en la que desea mostrar sus botones. 
      2. Haga clic en el botón Mostrar HTML <> en la sección Contenido .
      3. Copie y pegue el código de colocación pertinente abajo donde quiera que aparezca la herramienta ShareThis.
        1. Comparte el código de colocación de los botones:
        2. Botones de seguir código de colocación