Field Forge + Elementor — Contenido Dinámico | Field Forge - Campos personalizados, diseñados para la velocidad
Descargar Iniciar sesión

Field Forge + Elementor — Contenido Dinámico

Qué son las Etiquetas Dinámicas de Elementor

El sistema de Etiquetas Dinámicas de Elementor permite a los widgets extraer contenido de fuentes dinámicas en lugar de valores codificados. En lugar de escribir “Nombre del Producto” en un widget de Encabezado, puedes seleccionar “Dinámico → Campo Personalizado → Nombre del Producto” y el widget extraerá el valor del campo personalizado de tu publicación actual.

Así es como funcionan las plantillas del Constructor de Temas de Elementor. Una sola plantilla puede renderizar cualquier página de producto extrayendo el nombre del producto, precio, descripción, imagen y características de los campos personalizados de forma dinámica.

Field Forge se registra como una fuente de Etiquetas Dinámicas, haciendo que todos los grupos de campos estén disponibles automáticamente para los widgets de Elementor.


Cómo funciona

Paso 1: Instala ambos plugins

Instala Field Forge y Elementor (o Elementor Pro). Activa ambos. Field Forge detecta Elementor al activarse y registra su fuente de Etiquetas Dinámicas.

Paso 2: Crea un grupo de campos

Utiliza el constructor visual de Field Forge para crear un grupo de campos y asignarlo a un tipo de publicación a través de reglas de ubicación. Por ejemplo:

  • Grupo de campos: Detalles del Producto
  • Regla de ubicación: El tipo de publicación es igual a “producto”
  • Campos: Nombre del Producto (texto), Precio (número), Descripción (textarea), Imagen Destacada (imagen), Características (repetidor)

Paso 3: Usa campos en widgets de Elementor

Edita una plantilla de producto (o cualquier página de Elementor). En el campo de contenido de cualquier widget:

  1. Haz clic en el botón Dinámico (el pequeño icono de base de datos) junto al campo de contenido
  2. Selecciona Field Forge → Detalles del Producto → Nombre del Producto
  3. El widget ahora muestra el nombre del producto de forma dinámica

Repite para otros campos: coloca la Imagen Destacada en un widget de Imagen, el Precio en un widget de Precio, y así sucesivamente.

Paso 4: Publica la plantilla

Publica la plantilla de Elementor. Cada producto en tu sitio ahora se renderiza a través de esta plantilla con valores de campo dinámicos extraídos de Field Forge.


Tipos de campos soportados en Etiquetas Dinámicas

Field Forge expone estos tipos de campos como Etiquetas Dinámicas de Elementor:

Campos basados en texto

  • Texto, Textarea, Correo Electrónico, URL, Contraseña, Número, Rango → renderizados como texto
  • WYSIWYG → renderizado como contenido HTML

Campos multimedia

  • Imagen → coloca en un widget de Imagen (devuelve ID, URL o array dependiendo del widget)
  • Archivo → texto del enlace o URL del archivo en widgets de Botón / Texto
  • Galería → usa en widgets de Carrusel de Imágenes o Galería
  • oEmbed → auto-incrustar en widgets de Video o HTML

Campos de elección

  • Seleccionar, Radio, Grupo de Botones → valor seleccionado como texto
  • Checkbox → valores separados por comas o array
  • Verdadero/Falso → renderizado condicional (usar con condiciones de visualización)

Campos relacionales

  • Objeto de Publicación → título de publicación vinculada o datos completos de la publicación
  • Relación → array de publicaciones para usar en el Constructor de Bucles (Elementor Pro)
  • Enlace de Página → URL para widgets de Botón
  • Usuario → nombre de visualización del usuario o correo electrónico
  • Taxonomía → nombres de términos o enlaces

Campos de fecha/hora

  • Selector de Fecha → cadena de fecha formateada
  • Selector de Hora → cadena de hora formateada
  • Selector de Color → valor de color para widgets de color personalizados

Campos compuestos

  • Repetidor → usar en el widget de Cuadrícula de Bucles (Elementor Pro) para renderizar filas
  • Grupo → acceso a sub-campos individuales a través de notación de punto
  • Contenido Flexible → usar con el Constructor de Bucles

Condiciones de visualización

Usa los valores de Field Forge en las condiciones de visualización de Elementor:

  • Mostrar sección solo si “Imagen Destacada” está configurada
  • Mostrar botón CTA solo si “URL” está completada
  • Ocultar barra lateral en publicaciones donde el checkbox “Ocultar Barra Lateral” es verdadero

Las Condiciones de Visualización de Elementor (Elementor Pro) leen los valores de Field Forge igual que cualquier otro campo personalizado.


Constructor de Temas de Elementor Pro

Para los usuarios de Elementor Pro, Field Forge es especialmente potente con el Constructor de Temas:

  • Plantillas de Publicación Única — usa los campos de Field Forge para renderizar páginas de tipos de publicaciones personalizados
  • Plantillas de Archivo — usa en Cuadrículas de Bucles para renderizar valores de campo por publicación
  • Plantillas de Encabezado/Pie de Página — extrae configuraciones a nivel de sitio desde las páginas de opciones de Field Forge
  • Plantillas de Resultados de Búsqueda — contenido dinámico basado en campos personalizados

Crea una plantilla, renderízala en cientos de publicaciones con datos de Field Forge.


Campos Repetidores en Cuadrículas de Bucles

El widget de Cuadrícula de Bucles de Elementor Pro puede iterar sobre las filas de repetidor de Field Forge:

  1. Agrega un campo Repetidor de Field Forge (por ejemplo, “Miembros del Equipo” con sub-campos Nombre, Foto, Biografía)
  2. En Elementor, agrega un widget de Cuadrícula de Bucles
  3. Configura la fuente a Field Forge Repetidor → Miembros del Equipo
  4. Crea una plantilla de bucle con etiquetas dinámicas para Nombre, Foto y Biografía
  5. La Cuadrícula de Bucles renderiza un elemento por fila de repetidor

Esto reemplaza lo que de otro modo construirías con PHP personalizado y bucles WP_Query.


Páginas de opciones en Elementor

Los valores de la página de opciones de Field Forge están disponibles en todo Elementor a través de:

Elementor → Configuración del Sitio → CSS Personalizado puede hacer referencia a los valores de la página de opciones a través de variables CSS.

Widgets de Elementor pueden extraer valores de la página de opciones a través de Etiquetas Dinámicas: selecciona “Opciones de Field Forge → Configuración del Sitio → Nombre de la Empresa” en lugar de “Field Forge → [Publicación] → Nombre de la Empresa.”

Esto es útil para valores globales (logo del sitio, información de la empresa, URLs sociales) que deben ser consistentes en todas las plantillas.


Rendimiento

El almacenamiento de tablas personalizadas y la integración de caché de objetos de Field Forge significan que las páginas de Elementor se renderizan más rápido de lo que lo harían con otros plugins de campos personalizados. Cada búsqueda de Etiqueta Dinámica se almacena en caché, por lo que el acceso repetido al mismo campo en una sola página no añade sobrecarga adicional a la base de datos.

Para archivos de Elementor con Cuadrículas de Bucles que extraen datos de más de 20 publicaciones, la carga por lotes de Field Forge elimina el problema de consulta N+1 que típicamente ralentiza las combinaciones de Elementor + ACF.


Migrando de ACF + Elementor

Si actualmente estás usando la integración de ACF + Elementor, la migración a Field Forge es sencilla:

  1. Migra los grupos de campos y valores de ACF a Field Forge (a través del importador de ACF)
  2. Field Forge se registra como una fuente de Etiquetas Dinámicas al activarse
  3. Las plantillas de Elementor que referenciaban Etiquetas Dinámicas de ACF automáticamente recogen el registro de Field Forge

La mayoría de las plantillas de Elementor funcionan sin cambios después de la migración. En algunos casos, es posible que necesites volver a seleccionar la fuente de Etiqueta Dinámica de “Campo ACF” a “Campo Field Forge” en widgets individuales, pero los datos subyacentes son los mismos.


¿Listo para usar Field Forge con Elementor?

Obtén Field Forge — desde $35/año →

La integración con Elementor está incluida en todas las versiones de Field Forge, incluida la gratuita.

Asistente de IA de Forge En línea

¡Hola! Soy el asistente de IA de Field Forge. Pregúntame lo que quieras sobre el plugin — configuración, funciones, resolución de problemas o desarrollo.

Ahora mismo
Con la tecnología de Forge AI · Explorar documentación