Editor de funnels y sitios web

Un solo editor de páginas produce dos cosas distintas. Un funnel es una secuencia ordenada de páginas con un único objetivo: una landing page, tal vez un formulario de pedido, un paso de agradecimiento o de reserva, quizá una venta adicional. Un sitio web es un conjunto de páginas con navegación por las que los visitantes van y vienen. Mismos bloques, mismo estilo, mismo alojamiento: distinta intención, y la intención es la que debe decidir qué armas.

El modelo mental útil es que un funnel es un pasillo y un sitio web es un edificio. En un pasillo quitas todas las puertas que no sean la que quieres que se use: sin navegación, una sola llamada a la acción, un solo paso siguiente. En un edificio le das a la gente un mapa. La mayoría de los problemas de los clientes en este módulo vienen de armar un sitio web cuando la campaña necesitaba un pasillo, o de poner un pasillo en la página de inicio y preguntarse por qué nadie encuentra la lista de servicios.

Todo lo que se arma aquí está conectado por defecto con el resto de la plataforma. Los formularios crean contactos, los formularios de pedido cobran, los widgets de reserva usan los calendarios, los widgets de chat abren conversaciones y cada página puede llevar seguimiento. Una página armada aquí no es un folleto; es una puerta de entrada al sistema.

Estructura

• Funnels como pasos ordenados, cada paso con su propia página y su propio slug en la URL
• Sitios web con páginas, un menú de navegación y una página de inicio
• Secciones, filas y columnas, con el comportamiento en computadora, tableta y celular definido por elemento
• Secciones globales, como encabezados y pies de página, reutilizadas en varias páginas
• Plantillas: diseños de partida, clonar un funnel existente, importar una plantilla compartida y guardar las tuyas

Elementos de página

• Títulos, texto, imágenes, galerías, videos insertados, botones, divisores y espaciadores
• Formularios y encuestas insertados en la página o como ventana emergente
• Widgets de reserva de calendario, incluido un selector de grupo de calendarios
• Formularios de pedido con productos, cantidad, ofertas complementarias en el pedido y pasos de venta adicional o alternativa con un clic
• Temporizadores de cuenta regresiva, barras de progreso, acordeones, pestañas y bloques de testimonios
• Widget de chat, botones de clic para llamar y enlaces a redes sociales
• Código personalizado y CSS personalizado cuando el diseño lo exige

Comportamiento y mecánicas de conversión

• Acciones de botón: ir al siguiente paso, bajar a una sección, abrir una ventana emergente, enviar un formulario, iniciar un pago
• Captación en dos pasos, ventanas emergentes por intención de salida y llamadas a la acción fijas
• Pruebas A/B entre variantes de página, con el tráfico repartido entre ellas
• Qué pasa después de convertir: un mensaje, una redirección, un paso de reserva o una descarga
• Disparadores de flujos de trabajo por visita a la página, envío de formulario, pedido realizado y clic en un enlace

Dominios, SEO y compartir

• Conexión de dominio y subdominio personalizados, con los registros DNS que exige la plataforma
• Título, meta descripción, slug y URL canónica por página
• Imagen y texto de vista previa para compartir en redes sociales
• Comportamiento del mapa del sitio y de robots, favicon y ubicación del código de seguimiento en el head o el body
• Redirecciones para páginas retiradas y un destino para el error 404

Rendimiento y presentación

• Compresión de imágenes y texto alternativo
• Selección de fuentes y una paleta global de colores y estilos aplicada a todo el sitio
• Visibilidad específica para celular, para que un elemento se pueda ocultar en pantallas pequeñas en lugar de apretarlo
• Comportamiento de carga de la página para ventanas emergentes, contenido insertado y scripts de terceros
• Ubicación del aviso de consentimiento donde el seguimiento lo exige

1. Decide si es un funnel o un sitio web antes de abrir el editor, y escribe el único objetivo de la página. Si no puedes decir cuál es la acción que debe tomar un visitante, todavía no estás listo para armarla.
2. Ordena los pasos, incluido el de agradecimiento y lo que pasa después. El paso posterior a la conversión es el que más sistemas olvidan y el que decide si al prospecto se le da seguimiento.
3. Configura primero el dominio. Agrega los registros DNS, confirma que se emitió el certificado y decide si el sitio vive en el dominio raíz o en un subdominio antes de compartir cualquier enlace.
4. Arma una sola vez el encabezado y el pie de página globales, con los datos de contacto reales del cliente, y reutilízalos. Los pies de página sueltos y únicos son la razón por la que los teléfonos desactualizados sobreviven durante años.
5. Define la paleta de colores y las fuentes de forma global en lugar de darle estilo a cada elemento. Así, un cambio de marca más adelante toma minutos y no un día.
6. Arma primero el diseño para computadora y después revisa cada elemento en la vista de celular. La mayor parte de este tráfico es móvil, y el diseño móvil es donde se desarman los sistemas que nadie revisó.
7. Coloca el formulario, el widget de reserva o el formulario de pedido antes de escribir los textos que lo rodean. El elemento de conversión es la página; los textos lo apoyan.
8. Conecta el formulario con los campos correctos, incluida la captura del consentimiento, y envía una entrada de prueba real para confirmar que el contacto se crea con las etiquetas que esperas.
9. Configura el paso de agradecimiento con algo útil (un widget de reserva, una descarga, una instrucción clara de qué sigue) en lugar de un mensaje que nadie lee.
10. Conecta los flujos de trabajo: envío del formulario a respuesta inmediata, pedido realizado a entrega y recibo, visita a la página a etiquetas de retargeting donde se quiera eso.
11. Llena el título de la página, la meta descripción y la imagen para compartir en redes de cada página. Un enlace pegado en un mensaje sin imagen de vista previa parece roto.
12. Comprime todas las imágenes y agrega texto alternativo. El peso de la página es la causa más común de una mala tasa de conversión que el cliente le atribuye a los textos.
13. Agrega el seguimiento y la configuración de consentimiento, y después verifica con la herramienta de diagnóstico de la propia red que los eventos se disparen donde deben y no antes del consentimiento.
14. Prueba todo el recorrido en un teléfono real con datos móviles, no solo en una vista previa en computadora: velocidad de carga, desplazamiento, ventanas emergentes, comportamiento del teclado en el formulario, paso de pago y confirmación.
15. Configura redirecciones desde cualquier URL antigua que el cliente ya tenga circulando, y revisa que el destino del 404 sea una página con un camino de regreso al sitio.
16. Publica y después vuelve a probar cada enlace y cada formulario en el dominio real. Las páginas se comportan distinto cuando salen de la vista previa.
17. Si estás haciendo pruebas A/B, cambia una cosa a la vez y déjala el tiempo suficiente para que signifique algo. Dos variantes que difieren en cinco cosas no te enseñan nada.
18. Documenta qué funnel sirve a qué campaña y ponles a las páginas nombres que un desconocido pueda entender. Los clones sin nombre son la razón por la que las agencias no encuentran sus propias landing pages.

Las páginas son donde aterriza el tráfico, así que este módulo va justo debajo del gestor de anuncios, el planificador de redes sociales y el blog, y justo encima de los formularios, los calendarios, los pagos y los flujos de trabajo. También es donde se instala el seguimiento, lo que lo convierte en el único punto del que depende que la atribución funcione o deje de funcionar sin que nadie lo note. En un sistema típico, es el primer módulo que se construye y el último que se deja de editar.

De landing page de campaña a reserva

Una página de funnel de un solo paso lleva un título, una sección de pruebas y un widget de reserva. No hay navegación por donde perderse. La reserva dispara los flujos de confirmación y recordatorios, crea la oportunidad y le reporta la conversión a la red de anuncios. La página existe para producir citas y se juzga solo por eso.

Formulario de pedido con venta adicional

Un funnel va de landing page a formulario de pedido, a venta adicional con un clic y a agradecimiento. El formulario de pedido cobra mediante el procesador conectado, la venta adicional se acepta sin volver a escribir los datos y un flujo de trabajo envía el recibo, da acceso al producto en Membresías y crea una tarea de entrega. Los reportes comparan el valor del pedido con la campaña que lo produjo.

Sitio web completo con páginas de servicios

Un sitio web tiene la página de inicio, las páginas de servicios, una página de quiénes somos y una de contacto, con navegación entre ellas, además del blog. Cada página de servicio tiene su propio formulario y su propio calendario de reservas para ese servicio, así que una consulta llega ya identificada. El widget de chat está en todas las páginas y llega a la bandeja de entrada compartida.

• Cambiar el slug de una página rompe todos los enlaces a ella. Los anuncios, el material impreso, las publicaciones en redes y las plantillas de email siguen apuntando a la URL anterior. Agrega una redirección al mismo tiempo que cambias el nombre, siempre.
• Las secciones globales son globales. Editar un encabezado compartido lo cambia en todas partes, incluidas las páginas a las que un cliente está mandando tráfico pagado en ese momento.
• El diseño móvil no hereda como uno esperaría. Los márgenes internos, los tamaños de fuente y el orden de las columnas muchas veces necesitan un tratamiento aparte, y una vista móvil sin revisar es el defecto más común en los sistemas publicados.
• El peso de la página mata la conversión. Las imágenes principales sin comprimir, los videos que se reproducen solos y varios scripts de terceros convierten una buena página en una que se abandona antes de cargar con datos móviles.
• El código personalizado es frágil. Puede romper el editor, chocar con los scripts propios de la plataforma y dejar de funcionar sin avisar después de una actualización de la plataforma. Mantenlo al mínimo y documentado.
• El SEO en una página de funnel suele ser un error. Las páginas de campaña pobres y duplicadas, indexadas junto a un sitio web real, lo diluyen. Decide a propósito qué se debe indexar y excluye el resto.
• Duplicar un funnel copia sus conexiones. El clon puede apuntar a los formularios, calendarios, productos y flujos de trabajo del original, así que una edición de prueba llega al sistema de un cliente en vivo. Revisa cada elemento después de clonar.
• Las pruebas A/B necesitan tráfico. En una página con unas pocas visitas por semana, una diferencia no significa nada. Hacer una prueba con poco tráfico es peor que no probar, porque la gente toma decisiones con base en el ruido.
• Las ventanas emergentes y la intención de salida se comportan distinto en celular. La intención de salida en particular casi no existe en dispositivos táctiles, y una ventana emergente agresiva puede dejar una página inutilizable.
• El paso de DNS y certificado es donde se retrasan los lanzamientos. La propagación, un sitio existente en el mismo dominio y los registros de email que no se deben tocar necesitan planearse, no descubrirse el día del lanzamiento.
• Al mover un sitio web existente a la plataforma, se pierde lo que no migras. El posicionamiento actual depende de que las URLs, los títulos y el contenido se pasen tal cual, y de que las redirecciones estén listas antes del cambio.
• Los formularios sin captura de consentimiento crean contactos inservibles. El registro existe, pero legalmente no se le puede hacer marketing, y nadie se da cuenta hasta que se arma una campaña sobre esa lista.
• Una página de agradecimiento vacía desperdicia el momento más caliente. Es el único punto en el que es seguro que el visitante está prestando atención.
• Publicado no es lo mismo que probado. La forma en que se ve la vista previa, el comportamiento del seguimiento y los pasos de pago pueden cambiar en el dominio real. Vuelve a probar después de publicar, no antes.
• La accesibilidad suele quedar para después. El texto con poco contraste, las imágenes sin texto alternativo y los formularios sin etiquetas dejan fuera a clientes reales y crean exposición legal en algunos sectores.