¿Tienes problemas para empezar con el Complemento Elementor ? Aquí está la guía completa sobre cómo usar Elementor

Hoy le mostraremos cómo usar Elementor para crear las páginas y bloques para su sitio web.

Los creadores de páginas se han convertido en una parte integral del desarrollo web para aquellos con poca o ninguna experiencia en diseño web.

Uno de los creadores de páginas más populares es Elementor, que está disponible de forma gratuita y con más funciones en modo premium.

Cómo usar Elementor

En este artículo, explicaremos por qué creemos que Elementor es el creador de páginas perfecto para comenzar:

Conociendo Elementor

El encuentro inicial del usuario con su sitio web deja una impresión duradera. Ya sea que haya optado por un estilo retro o minimalista o haya agrupado sus recursos para crear una visión de cómo se verán las páginas web en el futuro, de cualquier manera, un creador de páginas de WordPress como Elementor es lo que le permite personalizar su sitio web sin ningún tipo de codificación. .

Es esencial que primero instale un tema de WordPress que sea compatible con Elementor.

Lea también: ¿Puedes usar Elementor sin un tema? (No, aquí está el por qué)

En los viejos tiempos, diseñaría su sitio web utilizando las opciones de diseño disponibles que ofrece su tema. Pero algunos temas carecían de ciertas características de personalización, otros eran torpes y extremadamente difíciles de personalizar para cada página.

El constructor de páginas Elementor le permite realizar cambios en su sitio web en tiempo real sin tener que cambiar entre el frontend y el backend para verificar cómo se han implementado sus nuevos cambios.

Puede instalar Elementor visitando su propio sitio web y luego subiendo el archivo zip a tu WordPress o navegando por el repositorio de plugins de WordPress y buscando “Elementor” y haciendo clic en Instalador.

Asegúrese de activar el complemento y estará listo para explorar todas las opciones que Elementor tiene para ofrecer.

Lea también: Cómo instalar Elementor

Las características que Elementor tiene para ofrecer

Afortunadamente, Elementor es un editor de interfaz, lo que significa que puede ver que los cambios entran en vigencia en el momento y hacer ajustes.

Otro beneficio indirecto es que, debido a su popularidad, no hay escasez de recursos disponibles en el sitio web de YouTube o WordPress para comenzar. Este artículo es un caso ilustrativo de estos sitios web.

La personalización en Elementor se trata de widgets y una vez que se acostumbre a arrastrar y soltar sus widgets en la página, encontrará por qué es mucho mejor que lidiar con el creador de páginas predeterminado de su tema de WordPress.

Insertar un widget de botón de Paypal

Cada página de WordPress está formada por secciones y esta es la base de la creación de páginas con Elementor.

Hay un menú de hamburguesas en el lado izquierdo de la pantalla que le permite realizar cambios en todo el sitio web mientras que los cambios se reflejan en el lado derecho.

La función de arrastrar y soltar permite una experiencia de creación de páginas web más rápida que recuerda a una herramienta de diseño.

La única razón por la que necesitará un tema es porque su sitio web no puede funcionar sin un tema, y ​​Elementor no tendría nada que cambiar sin uno.

Leer ¿Puedes usar Elementor sin un tema? (No, aquí está el por qué)

Además, aún necesita el tema para cambiar su encabezado y pie de página si planea seguir con la versión gratuita de Elementor.

Elementor Free frente a Elementor Pro

La principal diferencia entre ellos está en la cantidad de widgets que se ofrecen en la versión Pro.

Así que asegúrese de comprobar si lo necesita en su diseño.

Y también la capacidad de cambiar su pie de página y encabezado en Elementor es útil, aunque si su tema ya viene con un generador de encabezado y pie de página dedicado, puede que no sea tan útil.

En términos de widgets, estos son los widgets básicos disponibles en la versión gratuita:

  • Sección interna
  • Imagen
  • Editor de texto
  • Vídeo
  • Bouton
  • separador
  • icono
  • divisor
  • Google Maps

Estos son algunos de los widgets disponibles en la versión Pro:

  • Portafolio
  • Formulario
  • Flip Box
  • Lista de precios
  • Bloque de cotización
  • Llamada a la acción

A continuación, se proporciona toda la información útil para tomar una decisión final informada sobre si actualizar o no a Elementor Pro.

Pero en general, le recomendamos que juegue con la versión gratuita hasta que esté seguro de que Elementor es el mejor creador de páginas de WordPress para usted.

Elementor gratis Elementor Pro
Precio gratis $ 49 a $ 99,199 / año
Cantidad de widgets 25+ 50+
Creador de páginas Disponible Disponible
Constructor de temas no disponible Disponible
Soporte no disponible Disponible
Contenido dinámico no disponible Disponible
Plantillas y bloques profesionales no disponible Disponible
Integración de comercio electrónico no disponible Disponible

En última instancia, la tranquilidad de que el equipo de soporte de Elementor brinde soporte en la versión Pro es lo que nos hace creer firmemente en la versión Pro.

También viene con algunas características de nicho que encontrará en otros complementos, pero ¿por qué no hacerlo todo de una vez?

Por ejemplo, el constructor de ventanas emergentes, opciones dinámicas, condiciones para las cuales el encabezado o las ventanas emergentes son visibles, CSS personalizado, códigos cortos y widgets de plantilla, fuentes personalizadas y administrador de roles.

Poder asignar y restringir roles a los usuarios en WordPress les permite continuar con su trabajo sin comprometer su diseño. El cliente solo tiene acceso a la modificación del contenido de la página y no puede agregar o eliminar elementos arrastrando y soltando; de esta manera su diseño siempre estará protegido.

El entorno de edición

Al diseñar su primera página con Elementor, es posible que al principio se sienta abrumado por la cantidad de widgets y no haya esbozado un diseño para poner en un lienzo en blanco; aquí es donde entran las plantillas de página de Elementor para aquellos que se sienten menos inspirados en este momento.

Simplemente seleccione una plantilla predefinida de la enorme lista e insértela en su página y personalícela según sus necesidades. El lado derecho es su área de juegos de diseño donde puede agregar elementos que forman el diseño de su página.

El lado izquierdo es un panel creativo lleno de widgets de arrastrar y soltar en la página.

Puede agregar secciones y arrastrar widgets para que se adapten a su diseño u optar por plantillas prediseñadas.

Lea también: Cómo agregar efecto de desplazamiento en Elementor a través de CSS personalizado

En el panel inferior encontrará el icono de flecha circular que lo lleva de regreso a su historial y está dividido en acciones y reseñas; en las acciones puede encontrar sus pasos y volver a una edición anterior y bajo revisión puede encontrar todas sus versiones guardadas.

cómo usar Elementor

Otro beneficio de usar Elementor es el acceso rápido a diferentes modos de visualización para que pueda verificar instantáneamente cómo se ve su diseño actual en diferentes pantallas como tabletas y dispositivos móviles.

Si te apetece diseñar una página de inicio, Elementor's Blocks te ayudará a crear tu propia página desde cero.

Lea también: Cómo agregar efecto de desplazamiento en Elementor a través de CSS personalizado

Opciones de pestaña Estilo (color, tipo de letra, tamaño) te permiten personalizar el contenido de los bloques según tus necesidades.

También existe la opción extremadamente útil de copiar el estilo de una sección existente y pegar desde allí para editar todos los bloques de la misma manera.

cómo usar Elementor

Los sitios web simples con páginas estáticas, como los de la cartera, son en su mayoría estáticos, pero la mayoría de los sitios web tienen varias páginas (blog, tienda en línea, resultados de búsqueda).

Estas páginas dinámicas se pueden editar con Elementor Pro u opciones de tema, por ejemplo, diseñando su propio encabezado y pie de página.

Ver también: Cómo activar el modo Próximamente en Elementor

La versión Pro también viene con más bloques, plantillas y widgets.

En el backend, también puede acceder al menú Herramientas que proporciona opciones como Reemplazar URL, modo de mantenimiento y control de versiones para volver a una versión anterior si su sitio web tuvo un problema con la última versión de Elementor.

En resumen, ambas versiones le permiten crear una página, usar herramientas de edición e insertar plantillas predefinidas.

Precio de Elementor Pro

A juzgar por la tabla anterior, si está convencido de que Elementor Pro es la opción correcta para usted, el equipo de Elementor tiene 5 planes diferentes para que comience según la cantidad de licencias que necesite.

Por último

En general, combinar Elementor (gratis o Pro) con un poderoso tema de WordPress que cubre sus puntos ciegos es el camino correcto en la mayoría de los casos.

Otros complementos premium adicionales de WordPress 

Descubre también otros plugins de WordPress premium que optimizan el rendimiento de tu blog o sitio web de WordPress.

1. Foodify

Alimentar es la forma más rápida y fácil para que los clientes ordenen comida en una tienda. Es enteramente sensible e incluye funciones adicionales como imagen, opción de búsqueda, información del producto. Menú de comida del restaurante Foodlify para woocommerce

También agrega botones a la canasta para mejorar la experiencia del usuario. Esta extensión de WooCommerce es una solución de pedidos rápida y completa que se puede agregar a cualquier sitio web de WooCommerce.

Aqui para ti Complementos de 5 WordPress para optimizar descripciones de categorías y etiquetas

Tiene la ventaja de ser muy flexible y compatible con muchos complementos existentes en el directorio de WordPress.

Descargar | Demo | alojamiento web

2. Imagen de zoom de panorámica

Este complemento le permite agregar fácilmente una función de zoom panorámico para imágenes en su blog de WordPress a través de un código corto. Por ejemplo, puede integrarlo en su artículo o en su página.

Complemento de wordpress de zoom de imagen para zoom

Como funcionalidades, tendrás entre otras: el zoom panorámico sobre una sola imagen o una galería con imágenes ilimitadas, la posición de la barra de control puede ser superior, derecha, inferior e izquierda, la parte inferior del contenedor puede ser oscura, clara y nada de eso; la vista previa en vivo en el tablero, el ejemplo de zoom panorámico múltiple en la misma página, etc.

Descubre también nuestro 5 shortcodes plugins de WordPress premium

Descargar | Demo | alojamiento web

3. Slider Pro

La solución Slider Pro le ofrece una plataforma todo en uno para ayudarlo a crear y editar diapositivas o controles deslizantes que atraerán no solo a los bloggers, sino a aquellos que no solo publican artículos.

Complemento deslizante Slider pro responsive wordpress

Ce Plugin de WordPress premium evita adornos innecesarios, que a menudo son un obstáculo para los usuarios que buscan la información que necesitan. Adicionalmente, se enfoca en la simplicidad y rendimiento, al tiempo que ofrece una amplia gama de posibilidades de personalización.

Descubrir también Cómo crear una presentación de diapositivas con Slider Revolution en WordPress

Su manejo de urls en la barra de búsqueda del navegador es una de las características que más nos llamó la atención en este último. Como su nombre indica, esta es la solución profesional que necesita.

Lea también nuestro Complementos 5 WordPress para crear preguntas frecuentes en un blog

Sus características son: carga de imagen optimizada, fácil personalización, animaciones suaves, diseños múltiples y más.

Descargar | Demo | alojamiento web

Recursos recomendados

Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.

Conclusión

Listo ! Eso es todo por nuestro artículo que le muestra cómo usar Elementor en WordPress. Si usted tiene comentarios o sugerencias, no dude en hacérnoslo saber en la sección reservada.

Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.

Pero mientras tanto, comparte este artículo en tus diferentes redes sociales

...