Guía de implementación y medición

Octubre de 2026 · Para el equipo que va a cargar el sitio

El paquete tiene dos carpetas. vista-previa muestra el sitio completo para revisarlo en el navegador. wordpress tiene lo que se carga en el sitio: los estilos, el código de menú y medición, el encabezado, el pie, un bloque por página y las imágenes del logo. Todo el diseño vive dentro de la clase .mk, así que no choca con el tema actual.

1. Antes de empezar

• Hacé una copia de seguridad completa del sitio y, si se puede, trabajá en un entorno de prueba.
• Sacá del encabezado actual el WhatsApp +58 424 638 2200 y el correo contacto@luispadronoficial.com: son datos de otra persona.
• Desactivá el widget de chat «Hey Hola 👋» y el banner de cookies actual: el nuevo pie trae su propio botón de WhatsApp y el banner nuevo se configura en el paso 4.
• Quitá el enlace a la reunión de HubSpot y el de X (Twitter). Las reuniones se agendan por WhatsApp.

2. Cargar el diseño en WordPress (Bricks)

1. Tipografía. En Bricks › Settings › Custom code › Header scripts, pegá: <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400..800;1,400&display=swap">
2. Estilos. Pegá el contenido de marketina.css en Bricks › Settings › Custom code › Custom CSS (o en Apariencia › Personalizar › CSS adicional).
3. Menú y medición. Pegá el contenido de marketina.js entre etiquetas <script>…</script> en Bricks › Settings › Custom code › Body (footer) scripts.
4. Imágenes. Subí las imágenes de la carpeta imagenes y la foto de Valentina (cuadrada, 440 × 440 px, nombre valentina-reyes.jpg). WordPress las guarda en una carpeta con fecha: reemplazá en los bloques la ruta /wp-content/uploads/marketina/ por la real.
5. Encabezado y pie. En Bricks › Templates, editá la plantilla Header y agregá un elemento Code con encabezado.html; hacé lo mismo en Footer con pie.html. Activá «Execute code» en los dos.
6. Páginas. Creá cada página con su URL, agregá un elemento Code y pegá el bloque correspondiente de la carpeta paginas. Cargá el título y la descripción SEO en Yoast o Rank Math (tablas de abajo).
7. Datos estructurados. En la página de Inicio, agregá el contenido de schema-inicio.json dentro de <script type="application/ld+json">…</script> (o cargalo en el módulo de Schema de Rank Math).
8. Redirecciones 301. Con el plugin Redirection: /empresa/ → /nosotros/. La página de Trabajos y los casos actuales quedan como están.

3. Páginas, URLs y títulos SEO

4. Medición: qué se mide y cómo configurarlo

Cada botón de WhatsApp, correo y teléfono, el banner de la Academia y cada tarjeta de servicio envían un evento mk_clic con cuatro datos:

Google Tag Manager (se puede instalar desde Site Kit, que ya está en el sitio):

1. Variables de capa de datos: mk_tipo, mk_servicio, mk_ubicacion, mk_plan, mk_pagina.
2. Activador de evento personalizado: nombre mk_clic.
3. Etiqueta de evento de GA4 con nombre mk_{{mk_tipo}} (queda mk_whatsapp, mk_email, etc.) y los cuatro datos como parámetros.
4. En GA4 › Administrar › Definiciones personalizadas, creá las dimensiones mk_servicio, mk_ubicacion y mk_plan. Marcá mk_whatsapp, mk_email y mk_telefono como eventos clave.
5. Píxel de Meta: etiqueta fbq('track', 'Contact') con el mismo activador, filtrado a mk_tipo = whatsapp. Lo mismo para la conversión de Google Ads.
6. Microsoft Clarity (gratis) para mapas de calor y grabaciones.
7. Banner de cookies con Modo de consentimiento v2 (Complianz o CookieYes). En el pie, cambiá la clase mk-configurar-cookies por la que usa el plugin para reabrir el banner.

En WhatsApp Business. Cada mensaje que sale de la web termina con una referencia, por ejemplo (web-redes) o (web-academia). Creá una etiqueta por servicio («Web – Redes», «Web – Academia») y etiquetá cada chat que entra: así sabés cuántas consultas de la web terminaron en cliente, que es lo que GA4 no puede ver.

Enlaces con UTM para todo lo que sale de Marketina hacia la web (nunca en enlaces internos del sitio):

Qué mirar cada mes. En GA4 › Explorar: eventos mk_whatsapp por mk_servicio y por mk_ubicacion; páginas con más visitas y pocos clics; y la fuente de las sesiones que terminaron en WhatsApp.

5. Decisiones tomadas en los textos

• Trato de vos. Toda la web usa voseo, como el resto de la comunicación de Marketina. Las propuestas comerciales 2026 usan «tú»: conviene unificar.
• Precios. Cada servicio muestra solo el precio «desde»; los planes muestran qué incluyen y un botón «Me interesa», que mide qué plan interesa más. Para ocultar todos los precios, agregá al CSS: .mk-desde, .mk-servicio__desde { display: none; }
• Seguidores de regalo. No se publican en la web hasta definir si salen de una campaña de lanzamiento.
• Registro de marca. Fuera del sitio, como pediste.
• Preguntas frecuentes. No hay una página aparte: cada servicio tiene dos dudas, las que más frenan la venta según las propuestas.
• Academia. No se publican fechas ni precios de los programas, para no tener que actualizar la web en cada edición. El 85 % se presenta como «en los programas habilitados».

6. Pendientes antes de publicar

• Foto de Valentina y, si querés, los logos de clientes en lugar de los nombres (la grilla acepta imágenes).
• Confirmar el uso de «partners de Meta y de Google» y agregar los sellos oficiales.
• Testimonios en video de clientes para sumar una sección de prueba social.
• Revisión de las tres políticas por un abogado, domicilio legal completo en la política de privacidad e inscripción de la base de datos de contactos en la URCDP.
• Publicar los 8 artículos de blog preparados en junio para posicionar en Google.
• Actualizar la ficha de Google Business Profile con el enlace a la web nueva (con UTM).