Recursos WordPress

Elementor o bloques: cómo elegir para un diseño de Figma

El Figma está aprobado, pero falta decidir cómo lo editará el cliente. Compara tareas reales y conoce cómo puedo llevar el diseño a WordPress con una estructura de edición definida.

Si tienes un Figma aprobado y debes decidir cómo construirlo, piensa también en la persona que editará la web después. Tu cliente puede necesitar publicar servicios, cambiar imágenes o actualizar un bloque común sin volver a pedir una maquetación.

Elegir Elementor o bloques requiere concretar esas tareas. Yo pediría una demostración con contenido real antes de cerrar el encargo. El nombre del editor no garantiza por sí solo que la web resulte fácil de mantener o rápida.

Dos propuestas que necesitan algo más que un nombre

Elementor funciona dentro de WordPress. El editor de bloques también, aunque lo que puedes editar del sitio depende del tema y de cómo se haya construido.

Una propuesta con bloques puede usar piezas existentes o componentes hechos para tu diseño. Una con Elementor puede organizar el contenido en páginas independientes o en plantillas que se rellenan con datos. Ambas pueden necesitar extensiones y trabajo específico.

Por eso conviene preguntar qué tema, plugins y funciones de pago llevará la web. Sin esa lista estás comparando etiquetas, no la solución que tendrás que utilizar.

La prueba del lunes por la mañana

Imagina que acabas de recibir la web y tienes que publicar un servicio nuevo. ¿Duplicas una página y cambias su diseño? ¿Rellenas unos campos? ¿El servicio aparece solo en el listado o debes añadirlo aparte?

Ese recorrido dice bastante sobre la estructura que te están proponiendo. Prueba también a cambiar un titular por otro más largo o a dejar vacío un campo opcional. Interesa ver qué pasa con contenido que no sea exactamente el de la captura de Figma.

Si editará otra persona del equipo, deja que haga la prueba. Puede que la herramienta que conoce la agencia no sea la que esa persona maneja con comodidad. La formación y los límites de lo que puede cambiar forman parte de la entrega.

Lo que cambia una vez y lo que cambia en cada página

Piensa en un bloque de contacto compartido. Si modificas el teléfono, quieres saber dónde se actualiza. WordPress tiene patrones sincronizados, que permiten compartir cambios entre sus apariciones. El desarrollador debe explicar cuáles utiliza y qué bloques siguen siendo independientes.

Una ficha de proyecto plantea otra necesidad: mantener el mismo diseño con información diferente. Las etiquetas dinámicas de Elementor permiten tomar datos del sitio o de la entrada y mostrarlos en campos compatibles. Hay que comprobar qué función y licencia requiere la propuesta concreta.

No necesitas elegir esas piezas tú. Sí entender dónde se introduce cada dato y cuántas veces habrá que cambiarlo.

Qué necesitará mantenimiento

Pregunta quién renovará las licencias, dónde están las personalizaciones y quién puede hacerse cargo si cambia el proveedor. Los bloques propios también necesitan documentación; una web con Elementor también necesita conocer sus componentes.

Si la propuesta mezcla herramientas, que te expliquen la frontera. Puede que el blog se edite de una manera y las páginas de servicio de otra. Eso debe estar claro en las instrucciones que reciba tu equipo.

En Songplugent, implementado con WordPress y Elementor Pro, el cliente aportó el Figma. Me encargué de construir la web y adaptarla a escritorio, tableta y móvil, con contenido editable. Puedes ver ese trabajo como referencia de implementación; para tu proyecto hay que decidir qué tareas de edición necesita tu equipo.

La web terminada es la que hay que revisar

Sea cual sea el editor, comprueba el resultado con textos reales en móvil, escritorio y tamaños intermedios. Revisa menús, formularios y navegación con teclado. Si tienes requisitos de rendimiento, acuerda qué páginas se medirán y en qué condiciones.

Puedo asumir una maquetación de Figma a WordPress y revisar contigo cómo se editará antes de construir las páginas. Trabajo con WordPress y Elementor, también con tipos de contenido propios cuando el proyecto necesita organizar fichas por separado. Esa propuesta tiene que encajar con el diseño y con quien mantendrá la web.

Envíame el Figma y describe qué tendrá que editar el cliente. Añade quién hará esos cambios, si la agencia ya utiliza un editor concreto y la fecha prevista de entrega. Así podemos valorar una implementación a partir del trabajo real de tu equipo.

Hablemos de tu WordPress

¿Qué necesitas resolver en tu web?

Cuéntame tu proyecto o el problema que tienes y concretamos el siguiente paso.

Enviar una consulta →