Guía de migración paso a paso con errores habituales, lista de comprobación y plan de rollback.
A qué estás migrando
Desde: enlaces mailto
Configuración actual:
<a href="mailto:support@example.com">Contactar soporte</a>
Problemas:
- Correo expuesto a bots → spam
- No funciona en iPhone Mail (iOS 26.1)
- Mala experiencia móvil
- Sin historial de conversaciones
- Sin analíticas
Hacia: bandeja compartida con formulario
Nueva configuración:
<a href="https://supportretriever.com/form/your-form-id">Contactar soporte</a>
Ventajas:
- El correo sigue siendo privado → sin spam
- Funciona en todos los dispositivos, incluido iOS
- Buena experiencia móvil
- Gestión centralizada de conversaciones
- Analíticas y seguimiento completos
- Colaboración en equipo
Lista de requisitos previos
Antes de empezar
Asegúrate de tener:
- Acceso a la edición del sitio (CMS, FTP o editor de tema)
- Lista de páginas con enlaces mailto
- 10-15 minutos sin interrupciones
- Correo de prueba para verificar la configuración
- Copia de seguridad del sitio actual (recomendado)
Información que necesitarás
- URL del formulario SupportRetriever (la crearás en el Paso 1)
- Dirección(es) de correo actual(es) usadas en enlaces mailto
- Lista de todos los puntos de contacto del sitio
Paso 1: Crear tu formulario (5 minutos)
1.1 Registrarse
- Ve a https://supportretriever.com/register
- Introduce correo y contraseña
- Verifica el correo (revisa la bandeja)
- Inicia sesión
Tiempo: 2 minutos
1.2 Completar la incorporación
- Responde las preguntas de incorporación:
- Nombre de la empresa
- Volumen esperado
- Tamaño del equipo
- Avanza por el asistente de configuración
Tiempo: 1 minuto
1.3 Configurar el formulario
Establecer correo destinatario:
- Ve a Gestión de formularios (
/admin/form) - Haz clic en la pestaña Ajustes
- Introduce tu dirección de correo (donde deben llegar los mensajes)
- Haz clic en Guardar
Personalizar apariencia (opcional):
- Haz clic en la pestaña Apariencia
- Elige colores que coincidan con tu marca
- Añade logo (opcional)
- Vista previa del formulario
Tiempo: 2 minutos
1.4 Obtener la URL de tu formulario
- Quédate en Gestión de formularios
- Haz clic en la pestaña Insertar
- Copia la URL pública del formulario
- Tiene un formato como:
https://supportretriever.com/form/a1b2c3d4-e5f6-7890-... - Guarda esta URL; la usarás en los siguientes pasos
Tiempo: 30 segundos
Paso 2: Sustituir enlaces mailto (4 minutos)
2.1 Encontrar todos los enlaces mailto
Ubicaciones habituales:
- Cabecera/menú del sitio
- Pie del sitio
- Página de contacto
- Página "Sobre nosotros"
- Firmas de entradas de blog
- Widgets de la barra lateral
- Páginas de error (404, etc.)
Cómo encontrarlos:
- Ver código fuente de la página (Ctrl+U / Cmd+U)
- Buscar "mailto:" (Ctrl+F / Cmd+F)
- Anotar cada ubicación
- O usar el plugin Better Search Replace (WordPress)
Tiempo: 1 minuto
2.2 Sustituir en cabecera/pie
Buscar archivos de plantilla:
- Sitio HTML:
header.html,footer.html - WordPress:
header.php,footer.php - Otros CMS: personalizador de tema o editor de plantillas
Sustituir:
<!-- ANTES -->
<a href="mailto:support@example.com">Contactar</a>
<!-- NUEVO -->
<a href="https://supportretriever.com/form/your-form-id?origen=header">Contactar</a>
Guardar cambios.
Tiempo: 2 minutos
2.3 Sustituir en el contenido
WordPress:
- Usa el plugin Better Search Replace
- Buscar:
mailto:support@example.com - Reemplazar:
https://supportretriever.com/form/your-form-id - Seleccionar tablas:
wp_posts - Ejecutar buscar y reemplazar
Otros CMS:
Editarar páginas una a una o usar buscar/reemplazar en la base de datos.
Tiempo: 1 minuto
Paso 3: Configurar el comportamiento "Responder desde" (30 segundos)
Configurar la entrega de correo
En SupportRetriever:
- Ve a Ajustes (
/settings) - Busca la sección "Responder desde"
- Elige: Enviar desde mi dirección de correo
- Así las respuestas salen desde tu correo real
Cómo funciona:
El cliente envía el formulario
↓
Recibes el correo de notificación
↓
Respondes desde el panel o por correo
↓
La respuesta sale DE: tuemail@example.com
La respuesta va A: correo del cliente
↓
El cliente responde a tu correo
↓
La conversación continúa por correo normal
Resultado:
El formulario es para los envíos; la conversación sigue por correo normal.
Tiempo: 30 segundos
Paso 4: Probar (4 minutos)
4.1 Pruebas en escritorio
Lista de comprobación:
- Haz clic en el enlace de contacto desde la página principal
- Comprueba que el formulario se carga
- Rellena el formulario con un mensaje de prueba
- Usa tu correo de prueba
- Envía el formulario
- Comprueba el mensaje de confirmación
- Revisa tu correo para la notificación (debe llegar en 1 minuto)
- Abre la notificación, haz clic en el enlace a la conversación
- Responde al mensaje de prueba
- Comprueba la bandeja del correo de prueba para tu respuesta
- Verifica que la respuesta sale de tu correo real
Tiempo: 3 minutos
4.2 Pruebas móviles (especialmente iPhone)
- Abre el sitio en iPhone
- Toca el enlace de contacto
- Comprueba que se abre el formulario (no el cliente de correo)
- Rellena y envía el formulario
- Comprueba que aparece la confirmación
- Revisa el correo para la notificación
Tiempo: 1 minuto
4.3 Pruebas de casos límite
Prueba estos escenarios:
- Enviar con correo no válido (debe mostrar error)
- Enviar con campos obligatorios vacíos (debe mostrar errores)
- Enviar desde distintas páginas (comprobar seguimiento de metadatos)
- Probar en distintos navegadores (Chrome, Firefox, Safari)
Opcional pero recomendado.
Errores habituales
Error 1: URL del formulario incorrecta
Síntoma: El enlace lleva a 404 o al formulario de otro.
Causa:
- Se copió una URL de ejemplo en lugar de tu URL real
- Error tipográfico en el ID del formulario
Solución:
- Ve a Gestión de formularios de SupportRetriever
- Haz clic en la pestaña Insertar
- Copia TU URL del formulario (no la de ejemplo)
- Sustituye todas las instancias
Prevención:
Comprueba la URL del formulario antes de reemplazar en masa.
Error 2: Falta de confirmación
Síntoma: El usuario envía el formulario pero no sabe si ha funcionado.
Causa:
La confirmación por defecto puede no ser lo bastante visible.
Solución:
- Ve a Gestión de formularios → Apariencia
- Personaliza el mensaje de confirmación
- Que sea claro: "✓ ¡Mensaje enviado! Responderemos en 24 horas."
- Prueba de nuevo el envío
Prevención:
Prueba siempre el flujo completo de envío antes de publicar.
Error 3: Las respuestas van a spam
Síntoma: Respondes pero el cliente no recibe.
Causa:
- Filtro de spam del destinatario
- Tu correo no autenticado correctamente
- Dirección "Responder desde" no configurada
Solución:
- Comprueba en Ajustes que "Responder desde" esté bien configurado
- Pide al cliente que revise la carpeta de spam
- Añade "revisa la carpeta de spam" al mensaje de confirmación
- Valora añadir registros SPF/DKIM (avanzado)
Prevención:
- Menciona en la confirmación: "Revisa la carpeta de spam si no ves nuestra respuesta"
- Prueba con varios proveedores (Gmail, Outlook, etc.)
Error 4: El formulario no se ve bien en móvil
Síntoma: El formulario se ve mal o no funciona en móvil.
Causa:
No suele ocurrir con los formularios SupportRetriever (son mobile-first), pero puede ser:
- CSS del sitio padre que interfiere
- iframe con ancho fijo
Solución:
- Usa enlace directo (no iframe) para mejor experiencia móvil
- Si usas iframe, asegura un ancho responsivo:
<iframe src="..." style="width: 100%; border: none;"></iframe>
Prevención:
Prueba siempre en un dispositivo móvil real antes de publicar.
Error 5: Se pierde el contexto de los parámetros mailto
Síntoma: Antes tenías asunto/cuerpo rellenado desde mailto y ahora falta el contexto.
Ejemplo de mailto antiguo:
<a href="mailto:support@example.com?subject=Billing%20Question">Facturación</a>
Solución:
Usa parámetros URL para conservar el contexto:
<a href="https://supportretriever.com/form/your-form-id?type=billing">Facturación</a>
El parámetro type=billing aparece en los metadatos de la conversación, así que sigues teniendo el contexto.
Prevención:
Mapea los parámetros mailto a parámetros URL del formulario antes de sustituir.
Error 6: No actualizar todas las ubicaciones
Síntoma: Siguen existiendo enlaces mailto en el sitio.
Causa:
- Ubicaciones que se pasaron por alto (firmas, entradas, páginas antiguas)
- Contenido dinámico no actualizado
- Páginas en caché
Solución:
- Busca "mailto:" en todo el sitio
- Revisa:
- Todas las páginas (incluidas antiguas/archivadas)
- Widgets y barras laterales
- Biografías de autores en el blog
- Firmas de correo
- Perfiles en redes sociales
- Borra todas las cachés
Prevención:
Haz una búsqueda exhaustiva antes de dar la migración por terminada.
Plan de rollback
Si algo sale mal
Rollback inmediato (< 5 minutos):
Restaurar desde la copia de seguridad
- Si hiciste copia, restaura
- El contacto se restaura en 2 minutos
O revertir manualmente:
- Sustituye las URLs del formulario de nuevo por enlaces mailto
- Borra la caché
- Prueba
Rollback parcial:
- Mantén el formulario en algunas páginas
- Restaura mailto en otras
- Identifica qué falló
- Corrige y vuelve a migrar
Cuándo hacer rollback
Valora hacer rollback si:
- El formulario no recibe envíos
- Un fallo crítico afecta a los usuarios
- El equipo no está listo para el nuevo flujo
- Necesitas más tiempo para prepararte
NO hagas rollback solo por:
- Uno o dos problemas (mejor corregirlos)
- Dudas sobre el cambio (dale una oportunidad)
- Pequeña confusión (se soluciona con formación)
Después del rollback
Si hiciste rollback:
Identifica qué falló
- ¿Problema técnico?
- ¿Problema de flujo?
- ¿Problema de formación?
Corrige el problema
- Contacta con soporte de SupportRetriever si hace falta
- Revisa de nuevo esta guía
- Prueba en un entorno de pruebas
Vuelve a intentarlo
- La migración merece la pena
- Los beneficios compensan la molestia temporal
Lista tras la migración
Primer día
- Monitoriza la bandeja por envíos
- Revisa el panel por nuevas conversaciones
- Responde a los mensajes de prueba
- Verifica que las notificaciones por correo funcionan
- Revisa la carpeta de spam (por si van ahí las notificaciones)
- Pide al equipo que pruebe
- Revisa cualquier feedback de usuarios
Primera semana
- Monitoriza la reducción de spam (debería ser notable)
- Sigue el volumen de envíos
- Compara con el volumen anterior con mailto
- Anota cualquier incidencia
- Ajusta la configuración si hace falta
- Formularioa al equipo en el nuevo flujo
Primer mes
- Revisa el historial de conversaciones
- Comprueba las métricas de tiempo de respuesta
- Analiza metadatos (qué fuentes/páginas)
- Optimiza según los datos
- Valora formularios adicionales para casos concretos
Resumen de tiempos
| Paso | Tiempo | Total |
|---|---|---|
| Crear formulario | 5 min | 5 min |
| Sustituir enlaces | 4 min | 9 min |
| Configurar responder-desde | 30 s | 9,5 min |
| Probar | 4 min | 13,5 min |
| TOTAL | ~10-15 minutos |
En la práctica:
- Sitio pequeño (< 10 páginas): 10 minutos
- Sitio mediano (10-50 páginas): 20 minutos
- Sitio grande (50+ páginas): 30-60 minutos
- WordPress con plugin: 10 minutos (automatizado)
Preguntas frecuentes
¿Qué pasa con las conversaciones por correo existentes?
Siguen con normalidad. Esta migración solo afecta a los NUEVOS envíos. Los hilos de correo existentes siguen por correo.
¿Tengo que avisar a mis clientes?
No. Para ellos es hacer clic en "Contactar" y enviarte un mensaje. Reciben tu respuesta en su bandeja. La experiencia es transparente.
¿Puedo seguir usando mi cliente de correo?
Sí. Las notificaciones llegan a tu bandeja. Puedes responder por correo o desde el panel.
¿Y si tengo varias direcciones de correo?
Opciones:
- Crear un formulario distinto para cada una (bandejas separadas)
- Usar un formulario con parámetros URL para enrutar (bandeja compartida)
La mayoría de negocios: Un formulario con parámetros.
¿Puedo volver a enlaces mailto después?
Sí, pero probablemente no quieras. Los beneficios del formulario (protección contra spam, fiabilidad móvil, gestión de conversaciones) son importantes.
Métricas de éxito
Qué seguir
Tras la migración, monitoriza:
Reducción de spam
- Antes: X correos de spam al día
- Después: Cercano a cero
Volumen de envíos
- Debería ser similar o mayor (el móvil funciona mejor)
Tiempo de respuesta
- El panel facilita el seguimiento
- Debería mejorar o mantenerse
Satisfacción del usuario
- Debería mejorar (mejor experiencia móvil)
Eficiencia del equipo
- La bandeja centralizada mejora la colaboración
Resultados esperados
Resultados típicos:
- Reducción del 99 % del spam
- Aumento del 20-30 % en envíos desde móvil
- Tiempo medio de respuesta más rápido
- Mejor colaboración en equipo
- Mayor satisfacción del usuario
¿Necesitas ayuda?
Si te quedas atascado
Recursos:
- Base de conocimiento
- Contactar soporte
- Revisa los artículos relacionados más abajo
Problemas habituales: