Reconstrucción en WordPress y sistema de contenido estructurado
Un nuevo sitio WordPress construido para que un equipo no técnico pueda publicar artículos, ebooks y webinars mediante contenido estructurado, con formularios de captación conectados al CRM que el cliente ya usaba.
- Periodo
- 2026
- Contexto
- Trabajo profesional
- Cliente
- No revelado
Contexto
El cliente necesitaba un nuevo sitio web que modernizara la experiencia existente y siguiera siendo práctico de mantener para su equipo interno.
El sitio se construyó desde cero en WordPress en un entorno de staging. Además de implementar el diseño visual suministrado, tuve que crear una estructura de contenido que permitiera al equipo publicar artículos, ebooks y webinars sin reconstruir diseños ni trabajar directamente con bloques de un maquetador.
- Plataforma
- WordPress
- Construcción
- Sitio web nuevo desde cero
- Contenido
- Blog · Ebooks · Webinars
- Estado
- En producción
El reto
El principal reto era separar la experiencia de edición de la presentación en el frontend.
El cliente necesitaba interfaces sencillas con solo los campos necesarios para cada tipo de contenido, mientras que el sitio público tenía que mantener un diseño responsive coherente. La reconstrucción también tenía que dar cabida al contenido de blog existente, a los distintos estados de los webinars, a las descargas de ebooks y a la captación de leads sin complicar el flujo editorial.
Mi responsabilidad
Implementación del frontend
- Construí el sitio responsive en WordPress con Astra, un tema hijo y Spectra, trasladando a todos los tamaños de pantalla el diseño de escritorio suministrado.
Arquitectura de contenido
- Creé tipos de contenido específicos e interfaces de edición con ACF para Blog, Ebooks y Webinars, para que el cliente pudiera gestionar el contenido sin editar diseños.
Plantillas y migración
- Conecté los campos estructurados con plantillas reutilizables y bucles de contenido, y migré 158 entradas de blog existentes desde el sitio WordPress anterior.
Formularios y entrega de leads
- Implementé flujos de Gravity Forms conectados al Zoho CRM que el cliente ya usaba y los validé con la configuración que el cliente especificó, incluido el recorrido de descarga de ebooks y el envío de correo autenticado.
Solución
Construí el nuevo sitio en torno a un modelo de contenido estructurado de WordPress, en lugar de pedirle al cliente que recreara los diseños de página cada vez que publicaba algo.
Cada tipo principal de recurso tiene su propia experiencia de edición. Quienes editan aportan el contenido y los metadatos que requiere ese recurso, mientras que las plantillas y los bucles reutilizables controlan cómo se muestra en el frontend.
Este enfoque permitió que el sitio conservara el sistema visual suministrado y que el flujo diario de publicación fuera mucho más sencillo para el cliente.
Los formularios se conectaron con Zoho CRM para que los leads relevantes pudieran pasar directamente al proceso de gestión de leads que el cliente ya tenía.
Enfoque técnico
Construir la base
Preparar la implementación de WordPress con Astra, un tema hijo y Spectra, y reproducir el diseño suministrado de forma responsive.
Modelar el contenido
Definir tipos de contenido específicos y campos ACF estructurados para los distintos formatos de recurso.
Crear plantillas
Conectar los campos de contenido con plantillas y bucles de frontend reutilizables, de modo que las entradas hereden automáticamente la presentación correcta.
Migrar
Importar 158 entradas de blog existentes y adaptarlas a la nueva estructura de contenido y de plantillas.
Conectar los leads
Enrutar los envíos relevantes de Gravity Forms hacia Zoho CRM para el flujo de gestión de leads del cliente.
Entregar el contenido
Usar el recurso seleccionado y los datos enviados en el formulario para dar soporte a flujos como el envío de ebooks por correo.
El sistema
- Elige qué llega para ejecutarlo.
Quien edita el contenido trabaja con campos estructurados en lugar de diseños de página. Esos campos pertenecen a un único modelo de contenido, que define tres tipos de contenido distintos: artículos de blog, ebooks y webinars. Los tres confluyen en las mismas plantillas y bucles de contenido reutilizables, que los muestran en el frontend responsive. Las entradas nuevas heredan así la presentación correcta sin que nadie tenga que reconstruir un diseño.
Contenido estructurado
Blog
Los artículos se gestionan como entradas estructuradas y se muestran mediante plantillas reutilizables de archivo y de contenido individual.
Campos editoriales
- Título
- Categoría
- Imagen destacada
- Extracto
- Cuerpo del artículo
Ebooks
Los ebooks combinan metadatos estructurados con un archivo subido que puede usar el flujo de descarga y captación de leads.
Campos editoriales
- Título
- Imagen destacada
- Descripción
- Número de páginas
- Archivo
Webinars
Las entradas de webinar usan datos de evento estructurados y un campo de estado para adaptar el frontend entre el registro de próximos eventos y el contenido grabado.
Campos editoriales
- Título
- Imagen
- Estado: próximo o grabado
- Descripción
- Fecha
- Hora
- URL
Flujo de captación de ebooks
La biblioteca de ebooks está conectada a un flujo de captación de leads reutilizable, en lugar de a un formulario distinto para cada recurso.
Cuando un usuario solicita un ebook, el formulario lleva el contexto del recurso seleccionado durante el envío. El lead se envía a Zoho CRM, el archivo correspondiente se entrega por correo y la ventana emergente pasa a un estado de confirmación.
Solicitar un ebook abre un único formulario de captación reutilizable, en lugar de un formulario distinto para cada recurso, y el recurso seleccionado viaja con la solicitud. Un envío correcto produce tres resultados independientes: el lead se registra en el CRM del cliente para su proceso de gestión de leads existente, el archivo correspondiente se envía al usuario por correo y la ventana emergente pasa a un estado de confirmación. Ninguno de los tres espera a los otros.
Migración y lanzamiento
La reconstrucción incluyó también migrar 158 entradas de blog existentes del sitio WordPress anterior a la nueva estructura.
Las plantillas reutilizables permitieron que el contenido importado adoptara la nueva presentación de forma coherente, en lugar de tener que reconstruir cada artículo a mano.
El nuevo sitio se completó, se presentó al cliente y fue aprobado, y ya está en línea.
Resultado
El nuevo sitio está en línea, con un frontend responsive y flujos de publicación estructurados para los principales tipos de recurso del cliente.
La configuración editorial permite al equipo añadir nuevos artículos, ebooks y webinars mediante campos de contenido específicos, mientras que las plantillas reutilizables se encargan automáticamente de la presentación en el frontend.
Lecciones aprendidas
Este proyecto me dio mucha más experiencia práctica en diseñar la arquitectura de contenido en WordPress, en lugar de tratar cada página como un diseño aislado.
Trabajar con tipos de contenido personalizados y ACF me ayudó a entender cuánto importa la experiencia de edición cuando un sitio web va a mantenerlo un equipo no técnico. Separar el contenido estructurado de la presentación hizo que el sistema fuera más fácil de mantener coherente a medida que se añaden nuevos recursos.
La migración también me dio experiencia adaptando contenido existente a un nuevo sistema de frontend, mientras que los flujos de ebooks y CRM ampliaron mi trabajo con Gravity Forms, el contenido dinámico y la entrega de leads.
Tecnologías
Más de mi trabajo
Todos los proyectos- 01 · Trabajo para clientesDatos de reservas de varios hoteles, consolidados para informesLos datos de reservas de doce hoteles dependían de listas mensuales revisadas a mano, así que el workflow incorpora las reservas de forma continua y mantiene un único conjunto de datos coherente e histórico para los informes de clientes.Ver proyecto
- 02 · Trabajo para clientesFormulario en dos pasos e integración con una APIUn formulario en dos pasos tenía que comprobar la elegibilidad de un vehículo en un servicio externo, convertir cada respuesta en un estado de resultado claro y llevar la atribución de campaña hasta el envío.Ver proyecto
- 03 · Trabajo para clientesBuscador interactivo de clubes de golf y flujo de inscripciónUna campaña estacional necesitaba un único flujo de inscripción para varios clubes, cada uno con reglas de disponibilidad fijadas por el cliente, de modo que cada lead llegara al club correcto con el siguiente paso correcto.Ver proyecto
Abierto a puestos de integración, automatización e implementación técnica.
CV
Un resumen de mi experiencia y mi trabajo.
Email
La mejor forma de escribirme sobre un puesto.
LinkedIn
Experiencia, trayectoria y novedades profesionales.
GitHub
Código seleccionado, experimentos y trabajo técnico.