En esta guía creas tu primera página con Elementor: un título, un texto y un botón, con sus colores, revisada en el celular y puesta como portada de tu sitio. Usamos el editor actual de Elementor (versión 4) con el tema Hello Elementor. Si todavía no los tienes, instálalos primero con la guía Cómo instalar Elementor gratis y el tema Hello.
Paso 1: Páginas › Añadir página
En el escritorio de WordPress, entra a Páginas y pulsa Añadir página.
Paso 2: Escribe el título y pulsa «Editar con Elementor»
Escribe el nombre de la página, por ejemplo Inicio, y pulsa el botón azul Editar con Elementor.
Paso 3: Conoce el editor
A la izquierda está el panel con los elementos (Encabezado, Párrafo, Imagen, Botón…). Al centro, tu página. Arriba, los botones de Escritorio, Tableta y Móvil, Estructura y Publicar.
Paso 4: Agrega un Encabezado
Pulsa Encabezado y escribe el texto en el panel de la izquierda.
Paso 5: Estilo › Tipografía
En la pestaña Estilo, abre Tipografía y cambia el tamaño de fuente, la alineación y el color de texto.
Paso 6: Agrega un Párrafo
Con el botón + de arriba (Añadir un elemento), elige Párrafo y escribe una frase que presente tu negocio.
Paso 7: Agrega un Botón y su enlace
Agrega un Botón, escribe su texto y, en Enlace, la dirección a la que debe llevar: tu página de contacto, tu WhatsApp (https://wa.me/TUNUMERO) o tu tienda.
Paso 8: Color del texto del botón
En Estilo › Tipografía del botón, cambia el color del texto (por ejemplo a blanco, #FFFFFF) para que se lea bien sobre el fondo.
Paso 9: Flexbox: uno debajo del otro y centrados
Los elementos quedan dentro de un contenedor Flexbox, que por defecto los pone uno al lado del otro. Ábrelo desde Estructura y, en Estilo › Disposición, elige Dirección: Columna y Alinear elementos: Centro.
Paso 10: Revisa la vista de celular
Pulsa el botón Móvil. Si el título queda muy grande, selecciónalo y bájale el tamaño en esta vista: el cambio solo se aplica al celular y en la computadora se mantiene el tamaño original. Vuelve con Escritorio.
Paso 11: Ajustes de Página › Esconder título
En Ajustes de Página (icono de arriba), activa Esconder título para que el nombre de la página no aparezca sobre tu diseño.
Paso 12: Publicar
Pulsa Publicar. Elementor avisa «Tu Página está en directo».
Paso 13: Mira tu página publicada
Abre la página en tu sitio (por ejemplo tudominio.com/inicio/) para ver cómo la ven tus visitantes.
Paso 14: Ajustes › Lectura › Una página estática
Para que sea la portada, entra a Ajustes › Lectura, elige Una página estática, selecciona tu página en Página de inicio y pulsa Guardar cambios.
Paso 15: Listo: tu página es la portada
Al entrar a tu dominio ya se ve tu nueva página.
Consejos para seguir
| Situación | Qué hacer | Guía |
|---|---|---|
| Quieres diseñar la cabecera y el pie | Se hace con el Theme Builder, de Elementor Pro (de pago) | — |
| No ves tus cambios en el sitio | Purga la caché | Purgar la caché |
| La página se ve sin diseño | Regenera el CSS de Elementor | Elementor sin diseño |
| Vas a actualizar Elementor | Haz una copia y actualiza de a uno | Actualizar de forma segura |
Consejo: revisa siempre la vista de celular antes de publicar. La mayoría de tus visitas llegan desde un teléfono.
¿Dudas? Escríbenos a [email protected].
¿Te sirvió esta guía?