Convertir una página te ahorra una tarde. Construir una biblioteca de secciones convertidas y limpias cambia la velocidad con la que construyes todo lo que viene después.
Guarda secciones, no páginas
Una página completa rara vez es reutilizable; una sección casi siempre lo es. Después de convertir y limpiar un hero, una cuadrícula de características, una fila de precios o un bloque de testimonios, guarda ese único contenedor en la biblioteca de plantillas con un nombre descriptivo. Busca nombres que describan la forma y no el proyecto: “cuadrícula de características, 3 columnas, icono arriba” es mejor que “client-x-section-2”.
Dos vías de exportación, dos casos de uso
- Copiar datos de Elementor: lo más rápido cuando añades una sección a una página que ya tienes abierta.
- Descargar plantilla JSON: mejor para construir una biblioteca. El archivo se puede importar en cualquier sitio, guardar en un control de versiones y compartir con tu equipo.
Para trabajar con una biblioteca, la vía JSON merece el clic extra: terminas con archivos portables en lugar de con el contenido del portapapeles.
Haz que los bloques no dependan del sitio antes de guardarlos
Un bloque con colores y fuentes fijos en el código se verá mal en el siguiente sitio donde lo uses. Antes de guardarlo en tu biblioteca, plantéate volver a convertirlo con Heredar los colores del sitio de destino y Heredar las fuentes globales del sitio de destino. Esos bloques adoptan entonces la paleta y las fuentes que defina el sitio de destino: el mismo bloque se ve nativo en todas partes.
Mantén la estructura honesta
Un bloque reutilizable debería ser un único contenedor de nivel superior con un árbol poco profundo dentro. Antes de guardarlo, elimina los envoltorios vacíos sobrantes y asegúrate de que las filas de tarjetas sean un Grid o un contenedor flex que contenga los widgets directamente, en lugar de que cada tarjeta esté en su propio contenedor redundante. Un árbol ordenado es mucho más fácil de reestilizar seis meses después.
Widgets globales para las partes realmente compartidas
Para algo que debe mantenerse idéntico en muchas páginas (una franja de CTA, una banda de garantía), un widget global es más potente que una plantilla: lo editas una vez y se actualizan todas las instancias. Usa plantillas como punto de partida y widgets globales para lo que no debe desviarse.
Una advertencia que conviene decir claramente: los widgets globales son una función de Elementor Pro. En la versión gratuita solo tienes plantillas guardadas, que son copias: si insertas una en cinco páginas, tienes cinco copias independientes que actualizar. Si usas la versión gratuita y algo realmente no debe desviarse, mantén una única página canónica y enlaza a ella en lugar de duplicarla.
Qué viaja entre sitios y qué no
Una plantilla JSON es portable, pero no es autónoma. Hay tres cosas que suelen sorprender la primera vez que se importa un bloque en otro sitio:
- Las imágenes viajan como URL, no como archivos. El bloque hace referencia a las imágenes por su dirección. Impórtalo en un sitio que no pueda acceder al servidor original, o en un sitio donde esos archivos se eliminaron después, y tendrás imágenes rotas. Para una biblioteca que piensas conservar, sustituye las fotos por tus propios medios o por marcadores de posición deliberados antes de guardar.
- Las fuentes ya tienen que existir. La plantilla guarda el nombre de una familia. Si el sitio de destino no tiene esa familia instalada, el texto recurre a otra fuente sin avisar. Los bloques guardados en modo tipografía del sitio evitan esto por completo porque no llevan ninguna familia.
- Los colores globales son referencias por nombre. Un widget vinculado a un color global busca ese global en el sitio de destino. Si no está, el comportamiento depende de la versión de Elementor y rara vez es lo que querías. O bien mantienes los bloques de la biblioteca con colores explícitos, o bien estandarizas los nombres de tu paleta global en todos los sitios en los que trabajas; lo segundo da más trabajo al principio y es mucho mejor después.
Nómbralos y versiónalos como código
Una biblioteca deja de ser útil en el momento en que no encuentras nada en ella. Dos hábitos hacen la mayor parte del trabajo:
- Describe la forma, no el origen. «hero, dividido, imagen a la derecha» te dice si debes usarlo. «acme-homepage-v2» no, y abrirás cinco plantillas para encontrar la correcta.
- Pon una fecha o una versión en el nombre de archivo de las exportaciones JSON. Mejorarás un bloque y querrás recuperar el antiguo exactamente una vez, pero ese día lo querrás de verdad.
Si guardas los archivos JSON en un repositorio junto a tus proyectos, obtienes diferencias e historial gratis. No es habitual tratar las secciones de página como artefactos versionados, y compensa la primera vez que necesitas saber qué cambió.
Prueba un bloque antes de fiarte de él
La prueba es barata y detecta todo lo anterior: importa el bloque en un sitio de pruebas que no sea el sitio donde lo construiste, idealmente con otro tema y una paleta global vacía. Los problemas de imágenes rotas, fuentes incorrectas y globales que faltan aparecen de inmediato, cuando arreglarlos cuesta un minuto, en lugar de delante de un cliente, en una página que estás a punto de entregar.
Una biblioteca que merece la pena
De diez a quince secciones bien nombradas e independientes del sitio cubren la mayor parte de lo que necesita un sitio de marketing: hero, cuadrícula de características, característica dividida, pasos, testimonio, franja de logotipos, precios, preguntas frecuentes, franja de CTA, pie de página. Constrúyela una vez a partir de fuentes convertidas y la mayoría de las páginas futuras serán cuestión de ensamblar en lugar de construir.
Tampoco tienes que empezar de cero. La biblioteca de plantillas de este sitio tiene bloques listos que puedes previsualizar, convertir y adaptar: una forma razonable de cubrir los huecos de tu propia colección sin diseñar cada sección desde cero.