¡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

Puedes vincular tus cuentas de Shopify y Pinterest para promocionar los productos que ya vendes en Shopify. Puedes conectar las cuentas con la aplicación de Pinterest para Shopify o puedes agregar manualmente la etiqueta de Pinterest a Shopify.

Si tienes la aplicación de Pinterest para Shopify, puedes instalar la etiqueta de Pinterest en la aplicación.

  1. Inicia sesión en tu cuenta de Shopify.
  2. Ve a la aplicación de Pinterest en la página de Shopify, en Shopify App Store.
  3. Revisa los permisos y, si estás de acuerdo, haz clic en Agregar aplicación.
  4. Sigue las instrucciones que figuran en pantalla para terminar de instalar la aplicación de Pinterest en Shopify.

Si no tienes la aplicación de Pinterest para Shopify, puedes instalar la etiqueta manualmente siguiendo las instrucciones que se encuentran a continuación.

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, ve al Administrador de anuncios de Pinterest. Haz clic en Anuncios, luego en Conversiones y haz clic en Comenzar debajo de Instalar la etiqueta de Pinterest. Si ya creaste una etiqueta de Pinterest, puedes hacer clic en el título para ver su ID de etiqueta único.

  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 Procesamiento de pedidos, busca el cuadro de texto Scripts adicionales.

  3. Pega el siguiente código de seguimiento en el cuadro de texto. Si ya hay un código en este cuadro, pega el código de seguimiento a continuación:

    {% 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 }} / 100,
    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 %}
    
    
  4. Recuerda reemplazar YOUR_TAG_ID por el ID de etiqueta único generado por el Administrador de anuncios.

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 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 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 instalaste la etiqueta de Pinterest manualmente y ahora quieres usar la aplicación de Shopify, debes eliminar las etiquetas que hayas instalado manualmente antes de configurar la aplicación de Shopify. Asegúrate de eliminar el código base, el código Checkout (de compras) y el código AddToCart (añadir al carrito). Solo puede haber una etiqueta por cuenta.

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 Procesamiento de pedidos, busca el cuadro de texto Scripts adicionales.
  3. Busca el siguiente código de seguimiento en el cuadro de texto. Si hay más código en esta caja, asegúrate de eliminar 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.
¿Cuál es el próximo paso?
  • ¿Necesitas más ayuda? Prueba estos pasos para solucionar problemas
  • Crea anuncios con Shopify
  • Mide tu alcance con las estadísticas de Shopify o los informes del Administrador de anuncios
  • End of Other articles Links
    ¿Aún necesitas ayuda? Ponte en contacto
    User feedback
    ¿Fue útil este artículo?

    collection_fields

    ¿Cómo podemos mejorarlo?