Agregar manualmente la etiqueta de Pinterest a Shopify

Si no tienes la aplicación de Pinterest para Shopify, sigue estas instrucciones para instalar la etiqueta manualmente.

Paso 1: 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 copia 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.

  6. Para encontrarlo, ve al administrador de anuncios y haz clic en Anuncios, luego busca Conversiones y haz clic en Crear etiqueta de Pinterest (si ya creaste una etiqueta de Pinterest, puedes hacer clic en el título para ver su ID de etiqueta único).

  7. Ve al resumen del seguimiento de conversiones y busca la sección de detalles.

  8. Copia el número de 13 dígitos que se muestra debajo de ID de etiqueta único y pégalo en lugar de YOUR_TAG_ID en el código.

Paso 2: Código checkout

  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. Copia el siguiente código de seguimiento en el cuadro de texto: Si ya hay un código en este cuadro, copia 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 que se generó en el administrador de anuncios.

Paso 3: Código addtocart

  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. Ten en cuenta que 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 el archivo addtocart manteniendo pulsado cmd+f en un Mac o Ctrl+f en un PC.

  5. Coloca el siguiente código en el final del elemento <button> o <input>:

    onclick="pintrk('track', 'addtocart');"

     

  6. Haz clic en Guardar en la esquina superior derecha.

 

¿Aún necesitas ayuda?
Ponte en contacto