Sustituir enlaces mailto

Sustituye los enlaces mailto por tu formulario de contacto de SupportRetriever para mejorar la experiencia del cliente.

¿Por qué sustituir enlaces mailto?

Ventajas del formulario de contacto

• Mejor experiencia: No hace falta cliente de correo
• Protección anti-spam: Protección anti-bots integrada
• Gestión de conversaciones: Mensajes centralizados
• Analíticas: Seguimiento de envíos y tiempos de respuesta
• Móvil: Funciona en todos los dispositivos
• Aspecto profesional: Más pulido que los enlaces mailto

Limitaciones del mailto

• Requiere configurar el cliente de correo
• Mala experiencia en móvil
• Sin protección anti-spam
• Sin seguimiento de conversaciones
• Analíticas limitadas

Pasos para migrar

1. Obtener la URL del formulario

1. Ve a Gestión de formularios (/admin/form)
2. Haz clic en la pestaña Insertar
3. Copia la URL de tu formulario

2. Localizar enlaces mailto

Busca en tu web los enlaces mailto:

<!-- Enlace mailto antiguo -->
<a href="mailto:support@example.com">Contactar soporte</a>

3. Sustituir por enlace al formulario

Sustituye los mailto por la URL de tu formulario:

<!-- Nuevo enlace al formulario -->
<a href="https://supportretriever.com/form/your-form-id">Contactar soporte</a>

Patrones de sustitución habituales

Enlace simple

Antes:

<a href="mailto:contact@example.com">Contáctanos</a>

Después:

<a href="https://supportretriever.com/form/your-form-id">Contáctanos</a>

Enlace con asunto

Antes:

<a href="mailto:support@example.com?subject=Support%20Request">Obtener ayuda</a>

Después:

<a href="https://supportretriever.com/form/your-form-id?origen=website&type=support">Obtener ayuda</a>

Enlace con texto en el cuerpo

Antes:

<a href="mailto:hello@example.com?body=Hello%2C%20I%20would%20like%20to...">Saludar</a>

Después:

<a href="https://supportretriever.com/form/your-form-id">Saludar</a>

El formulario ofrece un campo de mensaje en lugar de texto prellenado en el cuerpo.

Ejemplos de implementación

Menú de navegación

Antes:

<nav>
  <a href="/">Inicio</a>
  <a href="/about">Nosotros</a>
  <a href="mailto:contact@example.com">Contactar</a>
</nav>

Después:

<nav>
  <a href="/">Inicio</a>
  <a href="/about">Nosotros</a>
  <a href="https://supportretriever.com/form/your-form-id">Contactar</a>
</nav>

Enlaces del pie de página

Antes:

<footer>
  <a href="mailto:support@example.com">Soporte</a>
  <a href="mailto:sales@example.com">Ventas</a>
</footer>

Después:

<footer>
  <a href="https://supportretriever.com/form/your-form-id?type=support">Soporte</a>
  <a href="https://supportretriever.com/form/your-form-id?type=sales">Ventas</a>
</footer>

Botones

Antes:

<button onclick="window.location.href='mailto:contact@example.com'">
  Contáctanos
</button>

Después:

<a href="https://supportretriever.com/form/your-form-id" class="button">
  Contáctanos
</a>

Usar el código del enlace HTML

Para enlaces con el logo de SupportRetriever:

1. Ve a Gestión de formularios → pestaña Insertar
2. Personaliza tu enlace HTML
3. Copia el código generado
4. Sustituye los enlaces mailto por el nuevo código

Probar la migración

Después de sustituir los enlaces:

1. Probar cada enlace: Haz clic en todos los enlaces de contacto del sitio
2. Comprobar que carga el formulario: Que el formulario se muestre bien
3. Probar envío: Envía un mensaje de prueba
4. Comprobar entrega: Verifica que recibes el envío
5. Probar en móvil: Prueba en dispositivos móviles

Migración gradual

Puedes migrar poco a poco:

1. Empieza por páginas con más tráfico: Sustituye primero los enlaces de las páginas principales
2. Actualiza la navegación: Sustituye enlaces del encabezado y pie
3. Actualiza el contenido: Sustituye enlaces en entradas y artículos
4. Revisa analíticas: Compara envíos del formulario con el volumen de correo anterior

Mantener el correo como respaldo

Si quieres mantener el correo como respaldo:

1. Configura el correo destinatario en SupportRetriever
2. Sustituye los mailto por enlaces al formulario
3. Los envíos del formulario llegarán a tu correo automáticamente
4. Tendrás las ventajas de ambas opciones

SEO

Los formularios de contacto pueden mejorar el SEO:

• Engagement: Mejor experiencia puede reducir la tasa de rebote
• Móvil: Mejor experiencia móvil puede mejorar posiciones
• Datos estructurados: Los formularios pueden marcarse con schema

Temas relacionados

• Obtener la URL de tu formulario
• Insertar con enlace HTML
• Configurar el correo destinatario