¡Un momento! Parece que estás viendo este artículo desde un país donde aún no está disponible la aplicación de Pinterest para Shopify. Más información

Usa la aplicación de Pinterest para Shopify para conectar tu tienda de Shopify con tu cuenta para empresa de Pinterest.

Solo puedes conectar tu tienda de Shopify con una cuenta para empresa de Pinterest a la vez. Si tienes dos tiendas de Shopify, contáctanos.

Si ya agregaste manualmente la etiqueta de Pinterest a Shopify o usaste otro proveedor externo para hacerlo, tendrás que eliminar la etiqueta antes de usar la aplicación de Pinterest para Shopify.

Ventajas
  • Tu sitio web se conectará a Pinterest.
  • Se instalarán la etiqueta de Pinterest y la API para conversiones.
  • Tu feed de productos de Shopify se conectará a Pinterest.
  • Los Pines de productos se generarán a partir de tu feed de productos de Shopify.
  • Recibirás $100 de crédito en anuncios cuando lances tu primera campaña publicitaria en Pinterest.
  • Antes de comenzar

    Antes de conectar tu tienda de Shopify a tu cuenta de Pinterest, deberás hacer lo siguiente:

  • Obtén una cuenta para empresa de Pinterest
  • Crea una cuenta de anunciante
  • Lo ideal es que uses el navegador Chrome en tu equipo de escritorio para conectar tu tienda de Shopify a tu cuenta de Pinterest.

     

    Conectar tu tienda con la aplicación de Pinterest para Shopify
  • Inicia sesión en tu cuenta de Shopify.
  • Ve a la aplicación de Pinterest en la página de Shopify, en Shopify App Store.
  • Revisa los permisos y, si estás de acuerdo, haz clic en Agregar aplicación.
  • Sigue las instrucciones que figuran en pantalla para terminar de instalar la aplicación de Pinterest en Shopify.
  • Si bien es posible añadir manualmente la etiqueta de Pinterest a Shopify, no lo recomendamos. Siempre que sea posible, sigue los pasos anteriores para conectar tu tienda con la aplicación de Pinterest para Shopify y que se añada la etiqueta automáticamente.

    Agregar el código base

    El código base te permite recopilar datos sobre eventos; por ejemplo, si alguien compra un producto o agrega un producto a su cesta de compras. El código base debe estar instalado en todas las páginas de tu sitio web.

    1. En el panel de administración de Shopify, haz clic en Tienda online y, a continuación, en Temas.​
    2. Ve al tema que quieres modificar y haz clic en Acciones y, a continuación, en Editar código.
    3. Haz clic en theme.liquid.
    4. Desplázate hasta que veas </head> y pega este código antes:
      <script type="text/javascript">
      !function(e){if(!window.pintrk){window.pintrk=function()
      {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
      n=window.pintrk;n.queue=[],n.version="3.0";var
      t=document.createElement("script");t.async=!0,t.src=e;var
      r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
      ("https://s.pinimg.com/ct/core.js"); 
      
      pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', });
      pintrk('page');
      </script> 
      <noscript> 
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
      </noscript>
      
    5. Reemplaza YOUR_TAG_ID por tu ID de etiqueta único. Para encontrar tu ID de etiqueta único, abre el Administrador de anuncios de Pinterest.
    6. Ve al resumen del seguimiento de conversiones y busca la sección de detalles.
    7. Copia el número de 13 dígitos que se muestra debajo de ID de etiqueta y pégalo en lugar de YOUR_TAG_ID en el código.

    Agregar un evento Checkout (de compras)

    Después de instalar el código base, puedes agregar diferentes eventos para recopilar datos adicionales. Puedes agregar el evento Checkout (de compras) para hacer un seguimiento cuando la gente compra un producto y completa las transacciones.

    1. En el panel de administración de Shopify, haz clic en Configuración y, a continuación, en Pantalla de pagos.
    2. En Scripts de la página de estado del pedido, pega el código de seguimiento que aparece a continuación en el cuadro de texto. Si ya hay un código en este cuadro, pega el código de seguimiento después de este:
      {% if first_time_accessed %}
      <script type="text/javascript">
      !function(e){if(!window.pintrk){window.pintrk=function()
      {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
      n=window.pintrk;n.queue=[],n.version="3.0";var
      t=document.createElement("script");t.async=!0,t.src=e;var
      r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
      ("https://s.pinimg.com/ct/core.js"); 
      
      pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
      pintrk('page'); 
      </script> 
      <noscript> 
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
      </noscript>
      
      <script>
      pintrk('track', 'checkout',{
      valor: {{ total_price }} / 100,
      moneda: '{{ currency }}',
      order_quantity: 2,
      event_id: '{{ event_id }}',
      line_items: [
           {
             product_name: '{{ product_name_1 }}',
             product_id: '{{ product_id_1 }}',
             product_price: {{ product_price_1 }},
             product_quantity: 1
           },
           {
             product_name: '{{ product_name_2 }}',
             product_id: '{{ product_id_2 }}',
             product_price: {{ product_price_2 }},
             product_quantity: 1
           },
         ],
      order_id: {{ checkout.order_id <script>
       pintrk('track', 'signup');
      </script>
      <noscript>
       <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=signup&noscript=1"</noscript>
      {% endif %}
    3. Reemplaza YOUR_TAG_ID por tu ID de etiqueta único. Para encontrar tu ID de etiqueta único, abre el Administrador de anuncios de Pinterest.

    Agregar un evento AddToCart (añadir al carrito) (opcional)

    Después de instalar el código base, si lo deseas, también puedes agregar diferentes eventos para recopilar datos adicionales. Puedes agregar el evento AddToCart (añadir al carrito) para hacer un seguimiento cuando las personas agregan productos a sus carritos de compra.

    Nota: Con algunos temas y widgets de Shopify, no podrás agregar un evento AddToCart (añadir al carrito).

    1. En el panel de administración de Shopify, haz clic en Tienda online y, a continuación, en Temas.
    2. En el tema que usas actualmente, haz clic en Acciones y, a continuación, en Editar código.
    3. En Plantillas, busca archivos de código llamados product.liquid, product-template.liquid o product-form.liquid y ábrelos. Esto puede variar en función del tema que hayas instalado, pero lo más habitual es ver el código del botón de añadir al carrito en el archivo products.liquid o uno equivalente.
    4. Busca addtocart en el archivo de código.
    5. Coloca el siguiente código en el símbolo de inserción final del elemento <button> o <input>:
      onclick="pintrk('track', 'addtocart');"
    6. Haz clic en Guardar en la esquina superior derecha.

    Si ya instalaste la etiqueta de Pinterest manualmente y ahora quieres usar la aplicación de Pinterest para Shopify, primero debes eliminar la etiqueta instalada manualmente. Asegúrate de eliminar el código base, el código de compras y el código de añadir al carrito.

    Eliminar el código base

    1. En el panel de administración de Shopify, haz clic en Tienda online y, a continuación, en Temas.​
    2. Ve al tema que quieres modificar y haz clic en Acciones y, a continuación, en Editar código.
    3. Haz clic en theme.liquid.
    4. Desplázate hasta que veas </head> y busca este código:
      <script type="text/javascript">
      !function(e){if(!window.pintrk){window.pintrk=function()
      {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
      n=window.pintrk;n.queue=[],n.version="3.0";var
      t=document.createElement("script");t.async=!0,t.src=e;var
      r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
      ("https://s.pinimg.com/ct/core.js"); 
      
      pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', });
      pintrk('page');
      </script> 
      <noscript> 
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
      </noscript>

    Eliminar el código Checkout (de compras)

    1. En el panel de administración de Shopify, haz clic en Configuración y, a continuación, en Pantalla de pagos.
    2. En la sección Scripts de la página de estado del pedido, busca el siguiente código de seguimiento en el cuadro de texto. Si hay más código en este cuadro, asegúrate de quitar solamente esta parte del código:
      {% if first_time_accessed %}
      <script type="text/javascript">
      !function(e){if(!window.pintrk){window.pintrk=function()
      {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
      n=window.pintrk;n.queue=[],n.version="3.0";var
      t=document.createElement("script");t.async=!0,t.src=e;var
      r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
      ("https://s.pinimg.com/ct/core.js"); 
      
      pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
      pintrk('page'); 
      </script> 
      <noscript> 
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
      </noscript>
      
      <script>
      pintrk('track', 'checkout',{
      value: {{ total_price | money_without_currency }}, 
      currency: '{{ currency }}',
      order_quantity: 1,
      order_id: {{ checkout.id }}
      });
      </script>
      <noscript>
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/>
      </noscript>
      {% endif %}
      

    Eliminar el código AddToCart (añadir al carrito)

    1. En el panel de administración de Shopify, haz clic en Tienda online y, a continuación, en Temas.​
    2. En el tema que usas actualmente, haz clic en Acciones y, a continuación, en Editar código.
    3. En Plantillas busca un archivo de código llamado product.liquid, product-template.liquid o product-form.liquid y ábrelo. Esto puede variar en función del tema que hayas instalado, pero lo más habitual es ver el código del botón de añadir al carrito en el archivo products.liquid o algún equivalente.
    4. Busca addtocart en el archivo.
    5. Encuentra y elimina el siguiente código. Debe estar en el símbolo de inserción final del elemento <button> o <input>:
      onclick="pintrk('track', 'addtocart');"
      
    6. Haz clic en Guardar en la esquina superior derecha.
    End of Other articles Links
    User feedback
    ¿Fue útil este artículo?

    collection_fields

    ¿Cómo podemos mejorarlo?