Cómo usar Elementor en WordPress Paso a Paso

4 minuto(s)

En esta página:

Al día de hoy, para crear una página web en WordPress, no necesitas conocimientos avanzados de programación. WordPress ha evolucionado mucho y cuenta con muchas herramientas y plugins que te permiten crear una rápidamente.

En WordPress existe un plugin llamado Elementor, que te facilita la creación de una web, con toda su estructura.

En este tutorial te enseñaré a Cómo usar Elementor en WordPress Paso a Paso y la configuración adicional que tienes que hacer para que todo funcione correctamente, vamos con ello.

Página web creada con el plugin Elementor en WordPress — Elementor es un plugin muy popular para diseñar páginas web en WordPress

Pagina Web WordPress

Tengo una página de ejemplo básica a la cual le instalaré y configuraré el plugin Elementor (Tu puedes tener un diseño diferente, no hay problema):

Página web creada en WordPress — Elementor puede ser usado en un diseño web sencillo o más complejo

Para instalar Elementor, ve a Plugins > Agregar nuevo, luego en la caja de búsqueda escribe Elementor y presiona el botón que dice Instalar, para instalarlo:

Página para agregar el plugin Elementor a WordPress — Revisa bien el autor del plugin, no te vayas a confundir con otros que son similares

Ahora actívalo para que puedas usarlo en tu WordPress, presiona el botón que dice Activar:

Activación del plugin Elementor en WordPress — Si no activas el plugin, no podrás usarlo en WordPress

Te aparecerá una serie de pasos que debes seguir, cierra esta ventana, presionando en la x que aparece en la parte superior derecha:

Pasos de configuración del plugin Elementor en WordPress — Si deseas seguir estos pasos, ve con cuidado. Te recomiendo seguir los que yo te indico, son más fáciles

Hasta aquí, el plugin Elementor ya está instalado en tu WordPress.

Vamos a editar la página principal de la web, con Elementor.

Nos dirigimos a Páginas y al lado derecho al colocar el puntero del mouse sobre nuestra página, nos aparece la opción que dice Editar con Elementor, presionamos esta opción:

Editar página con Elementor en WordPress — Todas tus páginas tienen la opción Editar con Elementor

Presionamos el icono + para añadir un contenedor nuevo:

Panel de edición de una página con Elementor en WordPress — Al lado izquierdo puedes ver varios elementos, los cuales puedes usar para diseñar tu web

Puedes arrastrar los elementos que desees al nuevo contenedor, yo arrastraré una imagen para este ejemplo y presiono el botón que dice Actualizar para guardar los cambios:

Arrastrando una imágen dentro de Elementor en WordPress — Elementor te brinda varios elementos necesarios para diseñar tu web en WordPress

Ahora abre una nueva pestaña en tu navegador e ingresa al administrador de tu WordPress.

Dirígete a Agustes > Lectura y elige la página que has editado con Elementor. Activa la opción Una página estática y luego, en la opción Página de inicio, elige la página editada con Elementor.

Presionamos el botón Guardar cambios:

Configuración de Lectura en WordPress — Si ya tienes configurada tu página de inicio, puedes saltarte este paso

Vamos a nuestra página de inicio, la actualizamos y podemos ver el cambio aplicado con Elementor sin problemas:

Página diseñada con Elementor en WordPress — La imagen la podemos modificar dentro del editor de Elementor

Con esto, entonces, verificamos que hemos instalado y configurado el plugin Elementor correctamente en nuestra página web creada con WordPress.

Puedes agregar y editar los elementos que desees con Elementor, te he dado un ejemplo básico, para que vayas poco a poco conociendo este plugin para diseñar páginas web en WordPress.

Conclusión

En este tutorial has aprendido a usar Elementor en WordPress, saber hacerlo te servirá como base para crear diseños más complejos. Recuerda que la mejor manera de aprender Elementor, es usándolo en tus proyectos. Recuerda que la práctica hace al maestro.