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. Install the app, then (optional) Pin it to your Shopify Navigation for quicker access.
  3. In the app, go to the settings section and enable your app:
    • Toggle On the ShareThis Script Embed option.
    • Click Save. (If this is disabled, your buttons will not appear.)
  4. Select your preferred ShareThis tool and customize it by choosing your social channels, size, shape, and more:
    • 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
  5. Ensure the Enable Buttons selection is On.
  6. Click Update to save your changes.
  7. (Optional) If you are adding Inline tools, choose one of the following methods. Inline tools (Inline Share Buttons, Follow Buttons or Reactions Buttons) require an extra snippet of code to work on your site.

    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.

    Note: Before customizing your theme, it’s always recommended to make a backup first, follow estas instrucciones para duplicar el tema y tener una copia de seguridad en caso de que desee revertir los cambios.

    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