Aprende a usar Elementor desde cero. Tutorial completo con trucos, widgets y mejores prácticas para crear páginas profesionales.
¿Qué es Elementor?
Elementor es el constructor de páginas más popular para WordPress con más de 5 millones de instalaciones. Permite crear diseños profesionales sin código.
Instalación
Instala "Elementor Website Builder" desde el repositorio de WordPress. La versión gratuita incluye más de 40 widgets.
Interfaz del editor
El editor de Elementor tiene tres áreas principales:
- Panel izquierdo: Widgets y configuraciones
- Área central: Vista previa en vivo
- Barra inferior: Historial, responsive, ajustes
Estructura: Secciones, columnas, widgets
Elementor usa una estructura jerárquica:
- Sección: Contenedor principal (fila)
- Columna: División dentro de sección
- Widget: Elemento de contenido (texto, imagen, botón...)
Widgets esenciales
- Encabezado: Títulos H1-H6
- Editor de texto: Párrafos con formato
- Imagen: Con lightbox opcional
- Botón: CTAs con estilos personalizables
- Espaciador: Control de espacios
Diseño responsive
Ajusta el diseño para cada dispositivo:
- Escritorio (por defecto)
- Tablet (768px-1024px)
- Móvil (menos de 768px)
Plantillas y bloques
Usa la biblioteca de plantillas para empezar rápido. Puedes importar páginas completas o bloques individuales.
Preguntas Frecuentes
¿Elementor es gratis?
La versión básica es gratis. Elementor Pro añade más widgets, theme builder y soporte.
¿Elementor ralentiza WordPress?
Puede añadir peso. Usa un plugin de caché y optimiza las imágenes para mitigarlo.
¿Puedo usar Elementor con cualquier tema?
Sí, pero funciona mejor con temas compatibles como Astra, GeneratePress o Hello Elementor.