homefinance blog
Si miramos hacia atrás en la última década, crear un sitio web, sin ira para nadie, fue una pesadilla. Para crear un sitio web, las personas tuvieron que aprender al menos un lenguaje de programación, un marco, un sistema de gestión de bases de datos y otras cosas técnicas. Además, la tarea de crear el sitio web solo ha estado disponible para desarrolladores con altas habilidades de codificación. ¡Esos días han pasado! Después de la disponibilidad de creadores de WordPress y páginas populares como Elementor, la creación de un sitio web sin duda se ha convertido en tarea de todos. Ahora, incluso puede crear un sitio web usando WordPress y Elementor, ya sea un abogado, maestro, alumno o contratista con conocimiento de codificación cero.
Todo lo que tienes que tener es determinación, perseverancia y mentalidad para crear algo sorprendente. Ahora la pregunta de un millón de dólares es: ¿Sabes cómo usar Elementor en WordPress? ¡No tires mis ojos! Si no lo sabe, comencemos juntos de ahora en adelante, buscando orientación en este artículo. Porque es un artículo sobre el elemento que alcanza cada sección y configuración en el elemento. Entonces, ¡comencemos! contenido
Familiarizado con Elementor
¿Qué hace que Elementor sea el generador de páginas más popular para WordPress?
Presentamos a su panel de elementos
Cómo usar Elementor con WordPress
Cómo usar las funciones avanzadas de Elementor
Ventajas y desventajas del uso de Elementor Page Builder en su sitio web de WordPress
Mejores suplementos Elementor tercera parte para mejorar su diseño
Tutorial gratuito: construya su sitio de comercio electrónico con elementos y complementos felices
Preguntas frecuentes sobre Elementor
Es tu turno
Familiarizarse con ElementaRetelers tiene una gran cantidad de características y funcionalidad. Como principiante, al principio, debe conocer estas cosas, de lo contrario trabajar con el elemento puede parecer difícil.
Conozca las funciones básicas de Elementor Elementor le permite crear cualquier cosa y cualquier cosa, desde sitios web completos hasta ciertas páginas de destino. Puede diseñar páginas de ventas, páginas promocionales e incluso formularios personalizados. Si puede imaginar que esta plataforma puede ayudarlo a diseñarla. Para permitirle hacer esto, Elementor viene con;
El generador de temas: el generador de temas lo ayuda a diseñar cada una de las partes de su sitio, como el encabezado, el sótano, la página del producto y muchos más, directamente del editor.
PopUp Builder: lo ayuda a crear ventanas emergentes que se destacan y completamente en línea con el resto del diseño de su sitio.
Más de 80 widgets: cada widget en el elemento ofrece personalización de diseño avanzado, por lo que no necesita instalar complementos adicionales para completar su diseño.
Más de 100 plantillas prepropulsadas y más de 300 bloques: puede elegir entre más de 100 tentaciones de WordPress a la página completa y 300 bloques para enriquecer su diseño en varias veces.
Elementor Free vs Elementor Pro es obvio que Elemento Pro ofrece más widgets, bloques prefabricados, plantillas y funciones premium. Sin embargo, solo utilizando el elemento de versión gratuito, puede crear un sitio web desde cero.
| elemento libre | pro | |
| Creador de sitios web de arrastrar y soltar no. 1 | yes | da |
| Más de 40 widgets básicos | da | DA |
| más de temas | no | da |
| generador emergente | no | Sí |
| efectos de movimiento, incluidos los efectos de paralaje y el mouse | no | yes |
| asistencia VIP, que incluye Live | chat no | da |
| formas visuales + integraciones de marketing populares | no | da |
| WooCommerce Builder + más de 15 widgets para almacenar | no | sí |
Como principiante, nuestra recomendación es probar primero el elemento libre, luego elegir Elementor Pro si es realmente necesario para usted. ¿Qué convierte al elemento en el generador de página más popular para WordPress?
Elementor es un generador de página de arrastrar y soltar para WordPress. Este complemento le ayuda a crear páginas hermosas usando un editor visual. Este complemento de WordPress es una solución todo en uno que le permite controlar cada parte del diseño de su sitio en una sola plataforma. Básicamente, Elementor es extremadamente popular, porque brinda poder a las personas sin ninguna capacitación técnica para diseñar sitios web que se vean tan hermosos como los hechos por los profesionales. El uso de Elementor para construir un sitio web lo hará:
Ahorre tiempo y ayude a diseñar y repetir sus sitios web más rápido.
Le permite integrar widgets de terceros, para que pueda crear un sitio web más completo y completo para brindar a los visitantes una experiencia positiva en línea. Reduzca la complejidad de sus sitios web, elimine los errores y cree un proceso de mantenimiento fácil cuando se trata de actualizaciones y pruebas .
Ahorre dinero y simplifique los costos para que pueda establecer mejor el precio de un proyecto.
Para los desarrolladores de WordPress, sigue siendo una optimización de script superior, atributos personalizados y versiones de reversión.
Para comprender mejor, hice una comparación entre las mejores páginas de WordPress. ¡Vamos a revisar! Elementor vs Div vs Beaver Builder – Tabla de comparación aparte de Elementor, hay algunos creadores populares de WordPress. Entre estas páginas, los creadores, Div y Beaver son los competidores más difíciles para Elementor. Es por eso que creamos una tabla de comparación para averiguar si Elementor es mejor que esas páginas Builders.>
. TD> Evaluaciones de los usuarios
Después de analizar la tabla de comparación, ¿qué generador de páginas crees que es mejor para un principiante? Es elemental, ¡correcto! Es por eso que elegí Elementor en lugar de otros creadores de páginas populares. Por lo tanto, es hora de familiarizarse con el elemento del generador de páginas. Presentamos el tablero de elementos
Al obtener acceso al tablero elemental, al principio, debemos instalar Elementary en nuestro sitio web de WordPress. La instalación elemental es igual de simple. Siga los pasos a continuación para instalar y activar el elemento en varias veces. ¿Cómo instalar y activar Elementor en WordPress? Paso 01: Access WordPress Dashboard> Plugins> Agregar nuevo
Paso 02: escriba “Elementor” en el cuadro de búsqueda y busque Elementor del resultado de la búsqueda. Luego haga clic en el botón de instalación.
Paso 03: Finalmente, haga clic en el botón de activación para activar y usar Elementor.
Configuración del elemento Después de activar el generador de página Elementor, irá a la interfaz que se muestra a continuación. O vaya al tablero WP -Elementor para obtener esta interfaz.
Ajustes:
General: en la pestaña General de la configuración del elemento, podrá seleccionar los tipos de publicaciones que tiene la intención de usar, así como desactivar los colores y las fuentes predeterminados.
Estilo: encontrará opciones que incluyen la configuración de fuentes predeterminadas genéricas, puntos de interrupción para tabletas y dispositivos móviles, así como una casilla de verificación para activar la casilla de luz.
Avanzado: encontrará la opción de configurar el método de impresión CSS, cambiando el método de carga cuando resuelva los problemas del servidor y active el soporte SVG.
Gerente de roles:
Los diferentes tipos de usuarios pueden tener diferentes niveles de acceso a su sitio, dependiendo de su papel. Si tiene la versión Pro, puede limitar el acceso de los usuarios solo al contenido.
Instrumentos:
General: las herramientas generales le permitirán regenerar el CSS en su sitio web y sincronizar manualmente la biblioteca elemental, si es necesario. URL de reemplazo: el reemplazo de URL es un lugar donde, como dice el nombre, puede reemplazar las URL si ha cambiado el sitio Dirección.
Modo de mantenimiento: en el modo de mantenimiento, tiene todos los controles en el modo de mantenimiento del sitio web que necesitará.
Font Awesome: le permite acceder a más de 1,500 increíbles 5 iconos increíbles y disfrutar de un rendimiento más rápido y una flexibilidad de diseño.
Tablero de elementos
Para obtener acceso al tablero elemental, vaya a WordPress Tales> Pages> Agregar nuevo.
Luego ingrese el título de una página y seleccione la opción Elemento de lienzo en el menú Drop -down en el lado derecho.
Finalmente, haga clic en el botón “Editar con Elementor” y comience a trabajar con el generador de páginas más fuerte.
Sin embargo, si desea editar una página interesante con Elementor, vaya a todas las páginas> pasar con el mouse a través de una página.
Luego aparecerá un botón “Editar con Elementor”. Ahora haga clic en el botón y comience a editar su página.
Aquí está. Nuestro tan esperado panel a bordo. Vamos a dar un paseo.
Esta es la interfaz en la que puede diseñar su página con los elementos de arrastrar y soltar y ver la vista previa en vivo de su sitio.
A la izquierda, encontrará un icono de hamburguesa para una configuración predeterminada y global.
En el lado superior derecho encontrará un botón de llamada para volver al panel principal
Después de eso, un cuadro de búsqueda parece averiguar los widgets listados y necesarios rápidamente. Encuentre todos los módulos útiles en el panel izquierdo
En la parte inferior, encontrará algunos iconos útiles para la configuración de la página, navegación rápida, histórica, respuesta y vista previa.
Además, aquí recibirá un botón de publicación para mostrar su página o para guardar el boceto/plantilla que se utilizará más adelante.
Además, puede hacer que el panel del módulo desaparezca haciendo clic en la señal de flecha que aparece en el lado derecho del panel. De esta manera, obtendrá una vista previa completa de su punto de bonificación de página: puede mejorar su experiencia utilizando herramientas de tercera parte como Happyadons
Elementor es un poderoso generador de páginas para WordPress, sin duda. Sin embargo, para fortalecerlo y brindarle flexibilidad adicional mientras diseña su sitio web, los suplementos de terceros vienen a desempeñar su papel. HappyAddons es un suplemento de terceros que puede ayudarlo a crear modelos futuristas y de siguiente nivel. Más de 200,000 instalaciones activas, HappyAddons es uno de los suplementos más populares que funcionan perfectamente con Elementor. Viene con,
Más de 100 widgets
Más de 200 bloques prefabricados
Copiar y pegar en múltiples dominios
Secciones ilimitadas
Enmascaramiento de imágenes
Efecto de partículas felices
Icono de más de 500 líneas
Igual altura y más
Usando HappyAddons con Elementor, puede darle a su sitio un aspecto premium en el menor tiempo.
Déjame saber más sobre Happyadons
Cómo usar Elementor con WordPress
Como dije antes, Elementor viene con un generador de páginas deslizándose y colocación y un generador de temas. Entonces, ahora aprenderemos cómo usar estos dos constructores y finalmente crearemos una plantilla usando Elementor. Cómo usar El Elementor Page Builder
Cómo usar el builder de temas de elementor
Cómo crear una ventana emergente en Elemoror
Entonces, prácticamente, nuestro tutorial comenzará desde esta sección. Anteriormente aprendí sobre Elementor, ahora trabajaremos con él de una manera real. Cómo usar Elementor Page Builder para mostrarle cómo usar el generador de página Elementor, ahora crearemos una página inicial para un sitio web de viajes. Siga los pasos a continuación e intente diseñar su propia página inicial en su editor para aprenderlo rápidamente. Paso 01: crear una nueva página
Acceso a WordPress Panel de WordPress> Páginas> Agregar nuevo
Dé un nombre a esta página. Aquí lo llamé la página de inicio.
Establezca la plantilla predeterminada en “Elemento Canvas”, porque queremos construir la página completa con Elementor. Puede elegir Elementor Full Width, que le permitirá personalizar toda la página sin menú.
Después de eso, publique la página en la barra lateral derecha. También puedes mantenerlo como un boceto.
Haga clic en “Editar con Elementor” y será redirigido al generador de página.
Paso 02: Elija una plantilla adecuada para la página inicial de su sitio de viajes de Elementer Viene con muchas plantillas prefabricadas y profesionales gratuitas, ni siquiera tiene que construir las páginas desde cero. Solo puede elegir una plantilla existente para comenzar su viaje.
Haga clic en el botón Agregar Bablon.
Recibirá muchas plantillas prefabricadas donde puede elegir cualquiera de las plantillas y personalizarlas de acuerdo con sus necesidades.
Paso 03: Agregue un encabezado a su página de inicio después de ingresar a las plantillas, la página estará lista y puede personalizarlo para usarlo para su sitio de viaje.
Comenzaremos agregando un encabezado a la página, que mostrará el nombre y el eslogan de nuestro sitio. Así es como puedes hacer esto mediante deslizamiento y colocación simples y un poco de estilo.
El encabezado le ayuda a mostrar instantáneamente su identidad de marca una vez que sus visitantes ingresen a su sitio después de personalizar el encabezado, ahora personalizaremos el cuerpo de la página inicial. Paso 04: resalte las instalaciones de su hotel una vez que haya terminado con el encabezado, es hora de diseñar la parte principal de la página inicial. Estas son instalaciones de hotel como lo que ofrece en su hotel, si alguien quiere quedarse en su hotel.
Puede cargar cualquier imagen desde el almacenamiento local o puede reemplazar la imagen existente con imágenes ya cargadas desde la sección de medios. Siga el archivo GIF a continuación para hacer esto.
Puede ajustar la altura, el ancho, la opacidad, el borde, el relleno y todo, desde las opciones de edición.
Agregar botón, texto, descripción Todo es posible desde la opción de edición.
Paso 05: Agregue un video y un testimonio
Puede agregar un video para mostrar cómo se ve su entorno y cómo las personas disfrutan de su resort cuando están aquí.
Agregar un testimonio es una sabia decisión para decirle a la gente cuál es la opinión de sus clientes.
Paso 06: Agregue un formulario de contacto un formulario de contacto para que el visitante pueda contactarlo. Establezca sus números de contacto, como el número de teléfono, el correo electrónico o el número de WhatsApp en la página de contacto, lo que ayudará al visitante a llamarlo si tiene preguntas que hacer.
También puede agregar un mapa de Google para que las personas puedan encontrarlo de dónde viene.
Paso 07: Hazlo receptivo en todas las plataformas
Asegúrese de que su página sea completamente receptiva y se verá correcta en todos los dispositivos. Para hacer esto, haga clic en la opción Modo receptivo.
Después de completar la personalización, haga clic en el botón Actualizar.
La presentación general de nuestra página inicial aquí es la imagen final de nuestra página inicial que acabamos de crear. Y esta es la forma en que puede usar Elementor Page Builder para crear cualquier página, incluida la página de inicio, la página de contacto, la página de funciones o cualquier otra página instantánea.
Cómo usar el builder de temas de elementor
El creador de temas elementales es un cambiador de jugadores para cualquier persona familiarizada con las páginas, ya que le permite crear sede, sótanos y otro contenido dinámico para su sitio web. Incluso le permite anular aspectos de su tema de WordPress, por lo que puede mantener lo que funciona y simplemente hacer los cambios deseados. En esta sección, le mostraremos cómo puede crear hermosos encabezados con Elementor Theme Builder. Nota: El generador de temas elementales está disponible para su versión Pro. La versión gratuita viene con una característica muy limitada. Paso 01: elija un tipo de plantilla
Vaya al tablero de WordPress> Plantillas> Creador del tema. Luego haga clic en el botón Agregar nuevo o si ya ha visto un encabezado que le gusta, puede importarlo para usarlo como punto de partida.
Después de hacer clic en el botón NUEVO ADD, aparecerá una pantalla emergente frente a usted. Allí verá un menú desplegable para elegir entre un tipo de plantilla.
Elija un tipo de templo, aquí elegimos el encabezado.
Luego pon un nombre.
Y finalmente, haga clic en la opción Crear plantilla.
Nota: El elemento libre incluye solo secciones y plantillas de páginas. La versión Pro incluye varias categorías de plantillas adicionales, incluidos widget global, encabezado, sótano y archivo.
Paso 02: Personalice su encabezado en el elemento que puede elegir diseñar su propio encabezado o puede elegir cualquiera de los prefabricados en la biblioteca de plantillas Elementer.
Haga clic en Agregar bablon para cargar un encabezado prefabricado en su editor.
Si este paso parece familiar, esto se debe al hecho de que es el mismo editor que solía hacer una página completa antes. Ahora use esta experiencia aquí para crear un encabezado para su sitio web. Después de personalizar el encabezado y hacer clic en el botón “Publicación”, si lo desea, puede establecer las condiciones en las que desea mostrar el encabezado. Nota: Puede seguir estos pasos para crear sótanos para su sitio web. Solo asegúrese de elegir “pie de página” como tipo de plantilla al diseñar su sótano con el creador de temas de Elementer. Cómo crear una ventana emergente en el elemento Crear una ventana emergente con Elementary es muy fácil. Puede diseñar sus ventanas emergentes con la interfaz visual de Elementor, donde todo es querido y caída. Su trabajo se está volviendo más fácil, porque Elementary también ofrece plantillas emergentes prefabricadas. Simplemente puede seleccionar una plantilla, publicarla y establecer el disparador. ¡Eso es todo! Nota: El generador de temas elementales solo está disponible para su versión Pro. Paso 01: Agregue un nuevo archivo al Panel de WordPress> Plantillas> Popups. Luego haga clic en el botón Agregar nuevo en la parte superior.
Dé un nombre a su ventana emergente y haga clic en el botón Crear plantilla.
Seleccione una plantilla emergente que desee usar. Pase el mouse sobre él y haga clic en el botón Insertar para llevarlo al Editor Elemental.
Nota: Si prefiere crear la ventana emergente desde cero, simplemente puede cerrar la biblioteca de plantillas para abrir el editor elemental. Paso 02: Personalice la ventana emergente después de insertar un pop-ups preproatidados en su editor, es hora de personalizar esa ventana emergente. En el editor primario, puede personalizar la ventana emergente. Puede reemplazar el contenido predeterminado con su propio contenido. Ya le he mostrado cómo personalizar una plantilla pre-prior-proyectable. Después de haber terminado, haga clic en el botón de publicación. Paso 03: Establezca las condiciones de visualización y los desencadenantes en el siguiente paso, se le pedirá que establezca las condiciones de visualización y los desencadenantes. También hay una opción para establecer reglas avanzadas. Condiciones de visualización: determine qué páginas aparece la ventana emergente en su sitio. Puede establecer la ventana emergente para que aparezca en todo el sitio web, ciertas páginas, ciertas publicaciones, ciertas categorías, etc.
Disparadores: un gatillo es una acción para mostrar la ventana emergente. Elementor acepta 6 tipos de activación: en la carga de la página, en el desplazamiento, en el desplazamiento al elemento, en clic, después de la salida en la página.
Reglas avanzadas: los requisitos deben cumplirse para que aparezca la ventana emergente. Por ejemplo, puede configurar la ventana emergente para que aparezca si un visitante llega a su sitio a través de un motor de búsqueda o un UR en particular. Elementor Popup Builder tiene 7 opciones avanzadas de reglas de las que puede establecer.
Si desea mostrar la ventana emergente cuando un usuario hace clic en un botón, abra la pestaña de activación y active la opción de hacer clic. Luego haga clic en Guardar y cerrar.
Paso 04: Conecte la ventana emergente a una página Cree una nueva página/publicación y edítelo con Elementor (también puede editar uno existente). Tire de un botón de widget tirando del panel izquierdo al área de lona. O, si edita una página existente que ya contiene un botón, haga clic en el botón Widget para convertirlo en un modo de edición.
En el botón de la pestaña Contenido, configure el enlace a la ventana emergente. Para hacer esto, puede hacer clic en Dynamic en la sección de enlaces.
Haga clic en el icono de clave en el campo emergente y seleccione la ventana emergente que acaba de crear. Ingrese el nombre emergente para encontrar su ventana emergente.
Haga clic en Publicar/Actualizar una vez que haya terminado de editar la página. Antes de hacer clic en el botón de publicación/actualización, primero puede obtener una vista previa de la página para ver si la ventana emergente ya está funcionando.
Cómo usar las funciones avanzadas de Elementor
En esta sección, nos centraremos principalmente en dos temas diferentes. Son,
Cómo personalizar la página del producto de WooCommerce en Elementor
Cómo importar una plantilla elemental desde un archivo JSON
Así que hagamos que la pelota corra. Cómo personalizar la página del producto WooCommerce en Elementor antes de personalizar su página de WooCommerce, deberá instalar y activar WooCommerce en el tablero de WordPress. También deberá agregar algunos productos a su sitio web. Para hacer esto, puede solicitar ayuda de esta guía de configuración de WooCommerce (paso a paso). Después de la configuración, puede diseñar la página del producto. Sigue estos pasos. Paso 1: crea la plantilla de producto único
En el tablero de WordPress, vaya a Elementor> mis plantillas.
Haga clic en el botón Agregar nuevo. Elija un solo producto como tipo de plantilla y haga clic en Crear plantilla.
Paso 2: elija una plantilla de página de producto prediseñada o cree una desde cero
Se cargará la biblioteca elemental.
Luego elija una plantilla de producto preestablecida o cree una desde cero.
Si elige una plantilla de página de producto prefabricada, personalice de acuerdo con sus habilidades de diseño (ahora tiene la experiencia para personalizar un diseño, ya que he demostrado cómo personalizar una página justo antes de esta sección).
Paso 03: Agregue diferentes widgets para productos para personalizar su página
Ahora, es hora de construir los elementos que inventarán la página del producto. Siga la captura de pantalla a continuación para diseñar su página de producto. Puede agregar o eliminar cualquier widget que necesite.
Paso 04: publicar la página
Cuando esté listo para obtener una vista previa de la página, haga clic en el icono del ojo en el panel inferior izquierdo.
Haga clic en Configuración, luego elija el producto que desea mostrar.
Para publicar su página, haga clic en el botón Verde Publicar desde el panel inferior izquierdo.
Podría parecerse a la imagen a continuación.
Cómo importar una plantilla elemental desde un archivo JSON elemental le permite importar una plantilla desde un archivo JSON. Para permitirle hacer esto, hay dos modos disponibles. ¡Aprendamos cómo funciona!
1. A través de la biblioteca de plantillas
Haga clic en el botón Agregar Bablon.
Haga clic en el icono de flecha – plantilla de importación.
Ahora haga clic en el botón Seleccionar archivo para seleccionar el archivo JSON que desea importar.
Puede encontrar la plantilla que acaba de importar en la pestaña de mis plantillas en la biblioteca de plantillas. Recargar la plantilla haciendo clic en el icono de recarga si la plantilla que acaba de importar. Pase el mouse sobre una plantilla y haga clic en el botón Insertar para cargarlo en el lienzo elemental. 2. A través del administrador de plantillas
Desde el tablero de WordPress, vaya a plantillas> plantillas guardadas.
Haga clic en el botón Importar plantillas.
Luego haga clic en el botón de su archivo para seleccionar el archivo JSON.
Finalmente, haga clic en el botón Importar ahora para importarlo.
Estas son las dos formas de importar una plantilla elemental desde un archivo JSON. Puede elegir cualquiera de las formas de completar su trabajo.
Ventajas y desventajas del uso de Elementor Page Builder en su sitio web de WordPress
Es obvio que todo tiene su lado oscuro. Pero en términos de elemento, en realidad no es el lado oscuro. En cambio, podemos decir que tiene algunas limitaciones que podrían mejorarse con el tiempo. ¿Que son esos? Bueno, antes de eso, verifiquemos sus ventajas de un vistazo. Ventajas de usar Elementor en WordPress
¡Es un complemento gratuito! La mayoría de los usuarios pueden construir completamente sus sitios sin tener que actualizar a la versión Pro.
Para un complemento gratuito, tiene una amplia gama de funciones. El conjunto de funciones en la versión gratuita rivaliza con muchos complementos pagados.
El editor en tiempo real le permite realizar cambios en su sitio y ver qué sucede en tiempo real para que no tenga que regresar y regresar entre múltiples pantallas.
Puede editar y ver más versiones de su sitio, escritorio, móvil y tableta y puede hacer cambios únicos para cada una de estas versiones. Continúe usando Elementor en WordPress
Elementor es un editor poderoso, pero con todas las opciones de flexibilidad y personalización, puede ser difícil hacer todo correctamente.
A veces, sus páginas pueden tener capas de diferentes contenidos se superponen y pueden ser difíciles y lentas para encontrar el área que desea editar.
Si construye su sitio con Elementor, deberá mantener el complemento instalado, de lo contrario perderá todos los diseños y personalizaciones que ha realizado.
Mejores suplementos Elementor tercera parte para mejorar su diseño
Los suplementos de tercera parte son la potencia del elemento. A pesar del hecho de que el elemento ofrece más de 80 elementos fantásticos, es muy posible que desee algo aún más avanzado y único. Esta es la razón por la cual los desarrolladores de terceros han decidido expandir la funcionalidad elemental y desarrollar sus propios suplementos. Además, obtendrá muchos elementos con un propósito especial con suplementos, por ejemplo, precios avanzados, equipo, elementos sociales, elementos creativos, elementos de estilo, innumerables contados, etc. Como resultado, Elementor ahora los reconoce oficialmente como contribuyentes, presentándolos en la página oficial de Elementor. Estos incluyen una lista de los mejores suplementos de terceros que puede usar al diseñar su sitio de WordPress.
Happy Addons: viene con más de 100 widgets y más de 200 bloques, por lo que puede obtener toda la libertad para diseñar su sitio web en menos tiempo y con un presupuesto más pequeño.
Suplementos premium para Elementor: ofrece más de 55 suplementos y widgets esenciales extremadamente personalizables, más de 300 chabas de elementos prefabricados que lo ayudan a diseñar un sitio web en menos tiempo. 700 bloques prefabricados y más de 10 plantillas utilizables lo ayudarán a construir sus sitios web con menos tiempo sin codificación.
Powerpack para Elementor: ofrece más de 60 widgets y creative extensions Elementor para mejorar su experiencia.
Estos suplementos le brindan la oportunidad de fortalecer el diseño de su sitio web con sus sorprendentes características y aspectos. Además, puede crear una atmósfera especial utilizando extensiones elementales. Tutorial gratuito: construya su sitio de comercio electrónico con elementos y complementos felices
Crear un sitio web de comercio electrónico usando elemento es muy fácil. Y al combinar Hephyddons con Elementor, es más divertido diseñar un sitio web. Es algo así como la flexibilidad ilimitada para diseñar de acuerdo con nuestros requisitos. Verifiquemos cómo podemos diseñar nuestro sitio de comercio electrónico usando Elementor y Happyadons fácilmente. Estos son los requisitos preliminares para crear su sitio de comercio electrónico:
Elija el nombre de dominio y el plan de alojamiento web
Instale WordPress y WooCommerce
Instalar elementor
Finalmente, instale happyaddons (gratis + pro)
05: Elija una plantilla de comercio electrónico
Acceso a WordPress Panel de WordPress> Páginas> Agregar nuevo
Dé un nombre a esta página.
Establezca la plantilla predeterminada en “Elemento Canvas”, porque queremos construir la página completa con Elementor. Puede elegir Elementor Full Width, que le permitirá personalizar la página completa sin menú. Después de eso, publique la página en la barra lateral derecha. También puedes mantenerlo como un boceto.
Haga clic en “Editar con Elementor” y será redirigido al generador de página.
Haga clic en el signo de HappyAddons para agregar una plantilla preproventada para su sitio de comercio electrónico.
Elija una plantilla predeterminada y haga clic en la opción Insertar.
06: Personalizar la plantilla
Todo el proceso de personalización es el mismo que mostró en la sección anterior para usar el constructor de páginas Elementor. Siga los mismos pasos para completar su diseño. Puede cambiar el logotipo, el esquema de color, los enlaces de navegación, la copia del sitio web y cualquier otra característica deseada. También puede usar widgets de complementos Elementor y Happy para agregar características específicas a su sitio web. Paso 07: Publique la página una vez que esté completamente satisfecho con el diseño, la interfaz y la funcionalidad de su sitio, entonces es hora de publicarla en vivo.
Para obtener una vista previa del sitio, haga clic en el icono.
Si está satisfecho con el resultado, vaya más allá y haga clic en el botón Publicar/actualizar.
Haga clic en “Eche un vistazo” para ver la página publicada.
Preguntas frecuentes sobre Elementor
1. El elemento de WordPress es gratuito?
Sí, WordPress Element se puede descargar y usar de forma gratuita. Y, al mismo tiempo, Elementor también tiene su versión Pro. Si desea obtener más funciones, widgets, bloques y plantillas prefabricadas, deberá comprar su versión PRO.2. Elementor ralentiza su sitio?
Elementor ralentiza su sitio si elige un alojamiento incorrecto, use archivos multimedia grandes, scripts externos y complementos adicionales. De lo contrario, Elementor no ralentizará su sitio de WordPress.
3. ¿El elemento trabaja con toda la tarea?
Sí, Elementor funciona con todos los temas que cumplen con los estándares de codificación de WordPress establecidos por su códice.
4. El elemento trabaja con otros complementos de WordPress?
Sí, Elementor funciona sin problemas con todos los demás complementos, incluidos Free y Pro.
5. ¿Cuánto cuesta Elementor Pro?
Elementor Pro viene en 3 planes de suscripción diferentes. Como personal, plus y experto. Solo le cuesta solo $ 99 si desea una licencia para tres sitios web y $ 199 por una licencia web ilimitada.
6. ¿Es el elemento amigable con SEO?
Elementor es el más amigable con el generador de página SEO para WordPress. Fue construido con los estándares de código más estrictos y ofrece las mejores actuaciones al crear páginas.
7. ¿Quién tiene primaria?
Yoni Luksenberg. Es CEO y cofundador del elemento.
8. ¿Qué sucede cuando Elementor Pro expira?
No podrá crear nuevas páginas con funciones Pro si su licencia Pro ha caducado. Pero todos sus proyectos existentes permanecerán intactos, y las funciones Pro que utilizó en sus proyectos anteriores continuará funcionando como antes.
9. ¿Puedo editar mi página de blog con Elementor WordPress?
Sí, puede editar la página de blog con Elementor. Necesitará un constructor de temas para editarlo.10. ¿Puedo crear mi propio tema con Elementor?
Puede diseñar cada parte del tema individualmente, utilizando plantillas de Elementor Pro, pero no puede importar y exportar un tema completo que combine todas las partes del tema. Sin embargo, puede importar y exportar cada parte del tema por separado.
Es su turno, el uso del elemento en WordPress no es tan complicado, de hecho. Podría ser más divertido si tiene una guía completa como este tutorial de paso. Simplemente siga esta guía, continúe practicando para mejorar y prepare una configuración de la mente a través de la cual será el maestro elemental. Esto es todo lo que tiene que tener que usar Elementor y crear un sitio web de WordPress en varias veces. Si tiene complicaciones mientras usa Elementor o tiene sugerencias sobre esta guía sobre cómo usar Elementor en WordPress, háganos saber a través del cuadro de comentarios a continuación. ¡Suerte!
