Análisis del Botón de Contacto en Páginas de Servicios

Resumen Ejecutivo

Se realizó un análisis exhaustivo de todas las páginas de servicios para evaluar el uso del include button.html y determinar si es necesario incluir más botones de contacto.

Estructura del Include de Botón

_includes/button.html

<a href="#" data-whatsapp-link class="btn btn-primary" title="Contacto con la Agencia de Marketing Digital Since">
  <span class="text"></span><span class="text-decoration"> _</span>
  <span class="decoration">⇒</span>
</a>

• Función: Botón primario que abre WhatsApp
• Parámetro: text - Texto personalizable del botón

_includes/button-secondary.html

<a href="/contacto#formulario" class="btn btn-secondary" title="Contacto con la Agencia de Marketing Digital Since">
  <span class="text"></span><span class="text-decoration"> _</span>
  <span class="decoration">⇒</span>
</a>

• Función: Botón secundario que dirige al formulario de contacto

Análisis por Página

1. servicios.html - Página Principal de Servicios

| Ubicación | Tipo de Botón | Estado | |———–|—————|——–| | Final de página | Formulario (<div id="kommo-form-placeholder"></div> <script> (function() { var loaded = false; function loadKommo() { if (loaded) return; loaded = true; !function(a,m,o,c,r,m){a[o+c]=a[o+c]||{setMeta:function(p){this.params=(this.params||[]).concat([p])}},a[o+r]=a[o+r]||function(f){a[o+r].f=(a[o+r].f||[]).concat([f])},a[o+m]=a[o+m]||function(f,k){a[o+m].f=(a[o+m].f||[]).concat([[f,k]])}}(window,0,"amo_forms_","params","load","loaded"); var s = document.createElement('script'); s.async = true; s.charset = 'utf-8'; s.src = 'https://forms.kommo.com/forms/assets/js/amoforms.js?1753714270'; document.getElementById('kommo-form-placeholder').appendChild(s); } var target = document.getElementById('kommo-form-placeholder'); if ('IntersectionObserver' in window) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadKommo(); observer.disconnect(); } }, { rootMargin: '200px' }); observer.observe(target); } else { loadKommo(); } })(); </script> ) | ✅ Presente | | Sección CTA | Ninguno | ⚠️ Falta |

Problema detectado: No hay botón de contacto antes del formulario. El usuario debe hacer scroll hasta el final para encontrar la opción de contacto.

2. _servicios/administracion-redes-sociales.html

| Ubicación | Línea | Tipo | Estado | |———–|——-|——|——–| | Paquete Mercurio | 111 | Inline data-whatsapp-link | ⚠️ No usa include | | Paquete Urano | 129 | Inline data-whatsapp-link | ⚠️ No usa include | | Paquete Saturn | 140 | Inline data-whatsapp-link | ⚠️ No usa include | | Paquete Jupiter | 158 | Inline data-whatsapp-link | ⚠️ No usa include | | Sección CTA logo | 214 | ` _</span

⇒ </a> ` | ✅ Correcto | | Formulario final | 239 | <div id="kommo-form-placeholder"></div> <script> (function() { var loaded = false; function loadKommo() { if (loaded) return; loaded = true; !function(a,m,o,c,r,m){a[o+c]=a[o+c]||{setMeta:function(p){this.params=(this.params||[]).concat([p])}},a[o+r]=a[o+r]||function(f){a[o+r].f=(a[o+r].f||[]).concat([f])},a[o+m]=a[o+m]||function(f,k){a[o+m].f=(a[o+m].f||[]).concat([[f,k]])}}(window,0,"amo_forms_","params","load","loaded"); var s = document.createElement('script'); s.async = true; s.charset = 'utf-8'; s.src = 'https://forms.kommo.com/forms/assets/js/amoforms.js?1753714270'; document.getElementById('kommo-form-placeholder').appendChild(s); } var target = document.getElementById('kommo-form-placeholder'); if ('IntersectionObserver' in window) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadKommo(); observer.disconnect(); } }, { rootMargin: '200px' }); observer.observe(target); } else { loadKommo(); } })(); </script> | ✅ Presente |

Problema: Los botones en paquetes de precios usan código inline en lugar del include.

3. _servicios/branding.html

| Ubicación | Línea | Tipo | Estado | |———–|——-|——|——–| | Paquete BASIC (1ra sección) | 29 | Inline data-whatsapp-link | ⚠️ No usa include | | Paquete STANDAR (1ra sección) | 46 | Inline data-whatsapp-link | ⚠️ No usa include | | Paquete CLASSIC (1ra sección) | 57 | Inline data-whatsapp-link | ⚠️ No usa include | | Sección “Por qué invertir” | 74 | Inline data-whatsapp-link | ⚠️ No usa include | | Paquete BASIC (2da sección - duplicado) | 93 | Inline data-whatsapp-link | ⚠️ No usa include | | Paquete STANDAR (2da sección) | 110 | Inline data-whatsapp-link | ⚠️ No usa include | | Paquete CLASSIC (2da sección) | 121 | Inline data-whatsapp-link | ⚠️ No usa include | | Sección CTA logo | 210 | ` _</span

⇒ </a> ` | ✅ Correcto | | Formulario final | 230 | <div id="kommo-form-placeholder"></div> <script> (function() { var loaded = false; function loadKommo() { if (loaded) return; loaded = true; !function(a,m,o,c,r,m){a[o+c]=a[o+c]||{setMeta:function(p){this.params=(this.params||[]).concat([p])}},a[o+r]=a[o+r]||function(f){a[o+r].f=(a[o+r].f||[]).concat([f])},a[o+m]=a[o+m]||function(f,k){a[o+m].f=(a[o+m].f||[]).concat([[f,k]])}}(window,0,"amo_forms_","params","load","loaded"); var s = document.createElement('script'); s.async = true; s.charset = 'utf-8'; s.src = 'https://forms.kommo.com/forms/assets/js/amoforms.js?1753714270'; document.getElementById('kommo-form-placeholder').appendChild(s); } var target = document.getElementById('kommo-form-placeholder'); if ('IntersectionObserver' in window) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadKommo(); observer.disconnect(); } }, { rootMargin: '200px' }); observer.observe(target); } else { loadKommo(); } })(); </script> | ✅ Presente |

Problemas:

1. Sección de precios duplicada (líneas 17-79 y 81-126)
2. Botones inline en lugar de include

4. _servicios/campanas-ads-y-embudos-de-venta.html

| Ubicación | Línea | Tipo | Estado | |———–|——-|——|——–| | Paquete ESENCIAL | 224 | Inline data-whatsapp-link | ⚠️ No usa include | | Paquete PRO | 241 | Inline data-whatsapp-link | ⚠️ No usa include | | Paquete ESTUDIO | 252 | Inline data-whatsapp-link | ⚠️ No usa include | | Sección CTA logo | 185 | ` _</span

⇒ </a> ` | ✅ Correcto | | Formulario final | 306 | <div id="kommo-form-placeholder"></div> <script> (function() { var loaded = false; function loadKommo() { if (loaded) return; loaded = true; !function(a,m,o,c,r,m){a[o+c]=a[o+c]||{setMeta:function(p){this.params=(this.params||[]).concat([p])}},a[o+r]=a[o+r]||function(f){a[o+r].f=(a[o+r].f||[]).concat([f])},a[o+m]=a[o+m]||function(f,k){a[o+m].f=(a[o+m].f||[]).concat([[f,k]])}}(window,0,"amo_forms_","params","load","loaded"); var s = document.createElement('script'); s.async = true; s.charset = 'utf-8'; s.src = 'https://forms.kommo.com/forms/assets/js/amoforms.js?1753714270'; document.getElementById('kommo-form-placeholder').appendChild(s); } var target = document.getElementById('kommo-form-placeholder'); if ('IntersectionObserver' in window) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadKommo(); observer.disconnect(); } }, { rootMargin: '200px' }); observer.observe(target); } else { loadKommo(); } })(); </script> | ✅ Presente |

Problema: Botones en paquetes de precios usan código inline.

5. _servicios/creacion-audiovisual.html

| Ubicación | Línea | Tipo | Estado | |———–|——-|——|——–| | Sección CTA logo | 153 | ` _</span

⇒ </a> ` | ✅ Correcto | | Formulario final | 197 | <div id="kommo-form-placeholder"></div> <script> (function() { var loaded = false; function loadKommo() { if (loaded) return; loaded = true; !function(a,m,o,c,r,m){a[o+c]=a[o+c]||{setMeta:function(p){this.params=(this.params||[]).concat([p])}},a[o+r]=a[o+r]||function(f){a[o+r].f=(a[o+r].f||[]).concat([f])},a[o+m]=a[o+m]||function(f,k){a[o+m].f=(a[o+m].f||[]).concat([[f,k]])}}(window,0,"amo_forms_","params","load","loaded"); var s = document.createElement('script'); s.async = true; s.charset = 'utf-8'; s.src = 'https://forms.kommo.com/forms/assets/js/amoforms.js?1753714270'; document.getElementById('kommo-form-placeholder').appendChild(s); } var target = document.getElementById('kommo-form-placeholder'); if ('IntersectionObserver' in window) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadKommo(); observer.disconnect(); } }, { rootMargin: '200px' }); observer.observe(target); } else { loadKommo(); } })(); </script> | ✅ Presente |

Estado: ✅ Correcto - No tiene sección de precios con botones inline.

6. _servicios/creacion-paginas-web.html

| Ubicación | Línea | Tipo | Estado | |———–|——-|——|——–| | Landing Page | 32 | Inline data-whatsapp-link | ⚠️ No usa include | | Sitio Corporativo | 50 | Inline data-whatsapp-link | ⚠️ No usa include | | Plataforma Alto Rendimiento | 60 | Inline data-whatsapp-link | ⚠️ No usa include | | Sección diferenciadores | 77 | Inline data-whatsapp-link | ⚠️ No usa include | | Sección CTA logo | 273 | ` _</span

⇒ </a> ` | ✅ Correcto | | Formulario final | 303 | <div id="kommo-form-placeholder"></div> <script> (function() { var loaded = false; function loadKommo() { if (loaded) return; loaded = true; !function(a,m,o,c,r,m){a[o+c]=a[o+c]||{setMeta:function(p){this.params=(this.params||[]).concat([p])}},a[o+r]=a[o+r]||function(f){a[o+r].f=(a[o+r].f||[]).concat([f])},a[o+m]=a[o+m]||function(f,k){a[o+m].f=(a[o+m].f||[]).concat([[f,k]])}}(window,0,"amo_forms_","params","load","loaded"); var s = document.createElement('script'); s.async = true; s.charset = 'utf-8'; s.src = 'https://forms.kommo.com/forms/assets/js/amoforms.js?1753714270'; document.getElementById('kommo-form-placeholder').appendChild(s); } var target = document.getElementById('kommo-form-placeholder'); if ('IntersectionObserver' in window) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadKommo(); observer.disconnect(); } }, { rootMargin: '200px' }); observer.observe(target); } else { loadKommo(); } })(); </script> | ✅ Presente |

Problema: Botones en paquetes de precios usan código inline.

7. _servicios/posicionamiento-web-seo.html

| Ubicación | Línea | Tipo | Estado | |———–|——-|——|——–| | Sección CTA logo | 163 | ` _</span

⇒ </a> ` | ✅ Correcto | | Formulario final | 227 | <div id="kommo-form-placeholder"></div> <script> (function() { var loaded = false; function loadKommo() { if (loaded) return; loaded = true; !function(a,m,o,c,r,m){a[o+c]=a[o+c]||{setMeta:function(p){this.params=(this.params||[]).concat([p])}},a[o+r]=a[o+r]||function(f){a[o+r].f=(a[o+r].f||[]).concat([f])},a[o+m]=a[o+m]||function(f,k){a[o+m].f=(a[o+m].f||[]).concat([[f,k]])}}(window,0,"amo_forms_","params","load","loaded"); var s = document.createElement('script'); s.async = true; s.charset = 'utf-8'; s.src = 'https://forms.kommo.com/forms/assets/js/amoforms.js?1753714270'; document.getElementById('kommo-form-placeholder').appendChild(s); } var target = document.getElementById('kommo-form-placeholder'); if ('IntersectionObserver' in window) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadKommo(); observer.disconnect(); } }, { rootMargin: '200px' }); observer.observe(target); } else { loadKommo(); } })(); </script> | ✅ Presente |

Estado: ✅ Correcto - No tiene sección de precios con botones inline.

Hallazgos Principales

1. Inconsistencia en el uso del include

• 4 páginas usan botones inline en secciones de precios en lugar de ` _</span

  ⇒ </a> `

• Esto genera código duplicado y dificulta el mantenimiento

2. Oportunidades de conversión perdidas

• La página servicios.html no tiene botón de contacto antes del formulario
• Algunas páginas podrían beneficiarse de CTAs adicionales en puntos estratégicos

3. Contenido duplicado

• branding.html tiene una sección de precios duplicada completa

Recomendaciones

Prioridad Alta

1. Estandarizar botones de precios
   • Reemplazar todos los botones inline por ` Solicitar información _</span

     ⇒ </a> `

   • Archivos afectados:
     • administracion-redes-sociales.html (4 botones)
     • branding.html (7 botones + eliminar duplicados)
     • campanas-ads-y-embudos-de-venta.html (3 botones)
     • creacion-paginas-web.html (4 botones)
2. Agregar botón en servicios.html
   • Incluir ` Hablemos de tu proyecto _</span

     ⇒ </a> ` antes del formulario

3. Eliminar contenido duplicado en branding.html
   • La sección de precios aparece dos veces (líneas 17-79 y 81-126)

Prioridad Media

1. Considerar CTAs adicionales después de secciones clave
   • Después de la sección “Nuestra metodología” (proceso de 6 pasos)
   • Después de secciones de resultados/testimonios

Plan de Acción Propuesto

flowchart TD
    A[Análisis Completado] --> B{Prioridad}
    B --> C[Alta: Estandarizar botones]
    B --> D[Alta: Agregar botón en servicios.html]
    B --> E[Alta: Eliminar duplicados en branding.html]
    
    C --> C1[administracion-redes-sociales.html]
    C --> C2[branding.html]
    C --> C3[campanas-ads-y-embudos-de-venta.html]
    C --> C4[creacion-paginas-web.html]
    
    C1 --> F[Usar include button.html]
    C2 --> F
    C3 --> F
    C4 --> F
    
    D --> G[Agregar CTA antes del formulario]
    E --> H[Eliminar líneas 81-126 duplicadas]
    
    F --> I[Mantenimiento más fácil]
    G --> J[Mejor conversión]
    H --> K[Contenido limpio]
    
    I --> L[✅ Objetivo Cumplido]
    J --> L
    K --> L

Resumen de Cambios Necesarios

Total: 18 botones a estandarizar + 1 nuevo + eliminación de contenido duplicado

Cambio Adicional Solicitado

Reemplazar formularios por CTAs emotivos

El usuario solicitó reemplazar los formularios de contacto (<div id="kommo-form-placeholder"></div> <script> (function() { var loaded = false; function loadKommo() { if (loaded) return; loaded = true; !function(a,m,o,c,r,m){a[o+c]=a[o+c]||{setMeta:function(p){this.params=(this.params||[]).concat([p])}},a[o+r]=a[o+r]||function(f){a[o+r].f=(a[o+r].f||[]).concat([f])},a[o+m]=a[o+m]||function(f,k){a[o+m].f=(a[o+m].f||[]).concat([[f,k]])}}(window,0,"amo_forms_","params","load","loaded"); var s = document.createElement('script'); s.async = true; s.charset = 'utf-8'; s.src = 'https://forms.kommo.com/forms/assets/js/amoforms.js?1753714270'; document.getElementById('kommo-form-placeholder').appendChild(s); } var target = document.getElementById('kommo-form-placeholder'); if ('IntersectionObserver' in window) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadKommo(); observer.disconnect(); } }, { rootMargin: '200px' }); observer.observe(target); } else { loadKommo(); } })(); </script> ) por secciones de CTA más emotivas y claras que incluyan el botón de contacto.

Archivos afectados:

• servicios.html (línea 165)
• _servicios/administracion-redes-sociales.html (línea 239)
• _servicios/branding.html (línea 230)
• _servicios/campanas-ads-y-embudos-de-venta.html (línea 306)
• _servicios/creacion-audiovisual.html (línea 197)
• _servicios/creacion-paginas-web.html (línea 303)
• _servicios/posicionamiento-web-seo.html (línea 227)

Estructura propuesta para el nuevo CTA:

<section class="wrapper text_center">
  <h2>[Mensaje emotivo personalizado por servicio]</h2>
  <p>[Texto motivador que conecte con el usuario]</p>
  <a href="#" data-whatsapp-link class="btn btn-primary" title="Contacto con la Agencia de Marketing Digital Since">
  <span class="text">[Texto de acción personalizado]</span><span class="text-decoration"> _</span
  ><span class="decoration">⇒</span>
</a>

</section>

Plan de Acción Actualizado

Fase 1: Estandarizar botones inline

1. administracion-redes-sociales.html - 4 botones
2. branding.html - 7 botones + eliminar duplicados
3. campanas-ads-y-embudos-de-venta.html - 3 botones
4. creacion-paginas-web.html - 4 botones

Fase 2: Reemplazar formularios por CTAs

1. servicios.html - Nuevo CTA con botón
2. administracion-redes-sociales.html - Reemplazar formulario
3. branding.html - Reemplazar formulario
4. campanas-ads-y-embudos-de-venta.html - Reemplazar formulario
5. creacion-audiovisual.html - Reemplazar formulario
6. creacion-paginas-web.html - Reemplazar formulario
7. posicionamiento-web-seo.html - Reemplazar formulario

Fase 3: Limpieza

1. Eliminar contenido duplicado en branding.html