Como diseñador web, siempre está buscando formas de crear mejores sitios web en menos tiempo.

Ese es el sueño, ¿verdad?

Pero es difícil encontrar una herramienta que pueda ofrecer un diseño visual sencillo y la flexibilidad para crear sitios personalizados al mismo tiempo. Las herramientas fáciles no siempre son flexibles, y las herramientas flexibles no siempre son fáciles. Sin embargo, no tiene que ser así.

En esta publicación, le mostraremos cómo puede usar el complemento de WordPress de Elementor para crear sitios web completos mediante la edición visual de arrastrar y soltar, al tiempo que conserva la capacidad de excavar y ensuciarse las manos con una funcionalidad más compleja cuando sea necesario.

Analicemos 5 formas en que Elementor puede ayudarlo con su próximo proyecto.

1. Construye tu sitio con un editor visual de arrastrar y soltar

Elementor arrastrar y soltar

Todo en Elementor comienza con su . A medida que construyes tu sitio web, verás exactamente lo que verán tus visitantes, lo que significa que nunca hay una discrepancia entre cómo quieres que se vea algo y cómo se ve realmente.

Para crear el diseño de su sitio, puede elegir entre docenas de widgets. Estos widgets incluyen elementos básicos simples, como imágenes y botones, así como elementos más complejos, como tablas de precios o controles deslizantes.

Colocarlos es tan simple como arrastrar y soltar. Luego, puede editar cualquier texto haciendo clic y escribiendo directamente en la página.

Elementor le proporciona elementos de sección y columna para controlar el espaciado y los fondos, así como márgenes y relleno personalizados para obtener su ubicación a la perfección.

Todo lo que construyes es sensible por defecto. Pero también puede ingresar y cambiar manualmente cómo funciona su diseño en diferentes dispositivos. Para cada dispositivo, puede:

  • Cambiar tipografía
  • Ajustar orden de columna
  • Establecer márgenes y relleno personalizados
  • Cambiar la configuración de la sección y la columna

Y también puede usar las vistas previas integradas de los dispositivos de Elementor para ver exactamente cómo se verá su sitio en diferentes dispositivos sin salir de la interfaz de Elementor.

Interfaz elementor

2. Elige entre más de 200 plantillas y bloques hechos por diseñadores.

Si bien Elementor le permite crear sitios web completos desde cero, no tiene que comenzar desde un lienzo en blanco a menos que lo desee.

Elementor viene con más de 200

  • Plantillas de página : son diseños de página completos, hechos para usted. Todo lo que necesitas hacer es agregar tu propio contenido.
  • Bloques – estas son secciones separadas de la página. Piense en ellos como en los bloques de Lego que puede ensamblar en un diseño de página completa.

Puede insertar cualquiera de estas plantillas directamente desde la interfaz de Elementor con unos pocos clics:

Interfaz elementor

Y también puede crear y guardar sus propias plantillas para reutilizarlas más tarde. O incluso puede importar plantillas de otros sitios de terceros.

Por cierto, Envato ha lanzado un plugin de WP llamado Kits de plantillas de elementos de Envato que incluye cientos de plantillas de páginas y bloques gratuitas para Elementor.

3. Obtenga la funcionalidad completa de creación de temas (¡incluyendo WooCommerce!)

A menos que esté creando un sitio de folletos simple, menudo involucra más que solo unas pocas páginas estáticas centrales.

Si desea un control preciso sobre el contenido dinámico de un sitio, como un blog o una tienda WooCommerce, ahí es donde entra en juego la funcionalidad del creador de Elementor Pro.

Con Elementor Pro, puede crear partes de tema de WordPress que extraigan dinámicamente el contenido de la funcionalidad principal de WordPress.

Por ejemplo, puedes construir:

  • Encabezados de sitios que incorporan automáticamente elementos del menú del sistema de menús principal de WordPress.
  • Plantillas de página de blog que se aplican automáticamente a las publicaciones de WordPress.
  • Páginas de archivo de blog que enumeran automáticamente todas sus últimas publicaciones de blog.

Interfaz elementor

Básicamente, hace lo que dice el nombre: te permite crear todo el tema. Y no solo se limita a la funcionalidad básica, tampoco.

La funcionalidad de contenido dinámico de Elementor Pro le permite extraer contenido de campos personalizados agregados con herramientas de WordPress como Advanced Custom Fields, Toolset y Pods.

Y Elementor Pro también incluye una funcionalidad dedicada de que le permite construir su producto WooCommerce y páginas de la tienda.

4. Cree formularios directamente desde Elementor (y conéctelos a más de 20 integraciones)

La mayoría de los sitios web no son una conversación de una sola vía. Es decir, en lugar de mostrar su propia información a los lectores, es probable que también desee recopilar cierta información de ellos.

Por ejemplo, si tiene una lista de correo electrónico, necesita una forma de recopilar todos esos correos electrónicos de sus visitantes.

Ahí es donde entra en juego el widget Form de Elementor Pro.

El widget de Formulario le brinda más de 10 campos diferentes que puede usar para crear cualquier tipo de formulario, incluidos los campos para el selector de fechas, números de teléfono y más.

También cuenta con más de 20

  • MailChimp
  • HubSpot
  • Campaña activa
  • ConvertKit
  • Obtener una respuesta
  • Goteo

Y si eso no es suficiente, también puede conectar un formulario a los webhooks de Zapier, lo que le permite conectar sus formularios de Elementor a cualquiera de los más de 1.000 servicios .

5. Agregue su propio código si es necesario

No solo es importante que su sitio web final se vea bien, también necesita funcionar bien.

Una gran parte de eso es el código limpio. Código limpio ayuda a su sitio web:

  • Carga rapidamente
  • Funciona correctamente en todos los navegadores.
  • Rango bien en Google
  • … Entiendes la idea – ¡es importante!

Es por eso que Elementor se enfoca en producir estrictamente un código limpio.

A diferencia de muchos otros constructores de páginas, Elementor no se basa en códigos cortos, ni utiliza JavaScript como una muleta para ofrecer artificialmente el diseño de páginas completas.

Finalmente, Elementor también le facilita el uso de su propio CSS cuando sea necesario. El complemento principal le permite aplicar una clase o ID personalizada a cualquier widget de Elementor. Y Elementor Pro lo hace aún más fácil al permitirle agregar CSS personalizado directamente a cada widget:

Elementor

Deja que Elementor acelere tu próximo proyecto web

Ya sea que esté creando un sitio web de negocios simple, una tienda de comercio electrónico personalizada o cualquier otra cosa, Elementor puede ayudarlo a acelerar su próximo proyecto de diseño web con su sencilla interfaz de arrastrar y soltar y la funcionalidad dinámica de creación de temas.

El complemento Core de Core es , así que puedes probarlo hoy. Y si desea acceder a la creación de temas, el widget de formulario y muchas otras funciones excelentes, considere actualizar a para obtener una funcionalidad aún más útil.