Elementor Pro + Campos personalizados avanzados = Revolucionario (2021)

Campos personalizados avanzados de Elementer Pro +

At CollectiveRay, somos un poco mashup, somos ex desarrolladores, diseñadores web convertidos, gerentes de producto y solo queremos que nuestro sitio web haga lo que necesitamos que hagan sin tener que poner las cosas en su lugar. Es por eso que disfrutamos experimentando con combinaciones de características y funciones para hacer cosas solo trabajo. La última combinación que hemos descubierto que es revolucionaria para la forma en que trabajamos es Elementor combinado con campos personalizados avanzados; de verdad, estos dos complementos que trabajan en conjunto han llevado nuestro trabajo al siguiente nivel.

Quédese con nosotros para echar un vistazo completo a las capacidades de estos dos complementos y cómo se pueden combinar para crear una combinación ganadora. Acabamos de revisar el artículo en Septiembre 2021 y actualizado con cualquier nuevo detalle relevante según sea necesario.

Resumen

   Elementor  Avanzada campos personalizados
Precio Gratis o Pro a partir de $ 49 Gratis o Pro a partir de $ 25
Prueba gratuita Elementor Designer Lite Avanzada campos personalizados
Rendimiento  Ligero y rápido, especialmente en comparación con otros creadores de páginas No es aplicable
Lo que nos gustó  UI / UX ordenada y organizada  Flexibilidad, versatilidad
   Ligero, construido para la velocidad  Funciones fáciles de usar para desarrolladores
   Buena selección de elementos.  Conjuntos de reglas de visualización avanzadas
   Formularios personalizados integrados  Personalización del backend de WordPress sin codificación
En general
Sitio Web Visitar Elementor Visite ACF

Revisión de Elementor

Elementor es el creador de páginas de WordPress más popular. Gracias a su versión gratuita y al precio Pro económico ($ 49), ha experimentado un crecimiento estelar. La gran cantidad de elementos que tiene significa que necesitará muy pocos complementos adicionales de terceros. También tiene capacidades de creación de temas y una amplia biblioteca de plantillas.

Empecemos por profundizar en Elementor. Con los creadores de páginas de moda en estos días, se necesita un poco para realmente impresionarnos, pero Elementor había hecho precisamente eso: impresionarnos.

Primeras impresiones 

Este complemento súper pulido para crear páginas y publicaciones de arrastrar y soltar es definitivamente un fuerte competidor para que personas como nosotros lo utilicen como su producto de goto para diseñar sus propios sitios.

No es de extrañar que este complemento sea conocido como el constructor de páginas de WordPress número uno y lo encontrará calificado como uno de los mejores productos en cualquier comparación de productos en su categoría.

Una de las primeras cosas que notará cuando trabaje con Elementor es el diseño absolutamente limpio. Sin desorden, perfectamente organizado, será un placer trabajar con este complemento para aquellos que están obsesivamente organizados y, por supuesto, para todos aquellos a los que les gusta que las cosas estén bien organizadas.

Puede ver que la interfaz de usuario de elementos (a la izquierda) es muy fácil de entender y trabajar. El actual canvas (a la derecha) también se mantiene muy limpio manteniendo las opciones fuera del camino hasta que realmente hace clic en un elemento específico. Solo entonces se muestran las opciones. Estos mantienen todo con el mismo aspecto que tendría en la interfaz real, una vez que se publica la página o la publicación.

Primer uso de Elementor

Rendimiento

Otra cosa que es inmediatamente evidente cuando usa Elementor es lo liviano que se siente cuando lo usa. Habiendo utilizado algunos de los creadores de páginas más populares, podemos sentir fácilmente una diferencia perceptible real. Si bien los complementos como Visual Composer y Divi pueden tardar unos segundos en cargarse y resultan difíciles de usar, lo que impide su uso real. Aunque eventualmente, tienes que acostumbrarte, no es algo que puedas disfrutar, es solo algo con lo que tienes que vivir porque simplemente no tienes una opción.

Leer más: 

Divi vs Beaver Builder: https://www.collectiveray.com/beaver-builder-vs-divi

Elementor vs Divi: https://www.collectiveray.com/elementor-vs-divi

Revisión del tema Divi: https://www.collectiveray.com/divi-theme-review

Esta. Esta la otra mano es un soplo de aire fresco. Al hacer clic en Editar con Elementor, la página o publicación que necesita editar se carga casi de inmediato, nos atreveríamos a decir, no muy diferente a si tuviera que cargar la publicación o página SIN el complemento habilitado, es decir, con el editor nativo de WordPress. 

Incluso trabajando con el generador de arrastrar y soltar, puede sentir que agregar o quitar elementos es instantáneo. No tiene que esperar a que el constructor se mueva y tenga esos pocos segundos de "tiempo de espera" hasta que se cargue un elemento. Usted elige, arrastra, suelta, sigue trabajando: la herramienta trabaja con usted, a su ritmo.

Cómo usarlo 

Hay dos formas de utilizar Elementor. La forma en que elija trabajar con él depende de si está planeando crear una página desde cero o si desea comenzar desde una de las plantillas existentes que están disponibles para los escenarios de sitios web más comunes.

Si desea comenzar desde cero, simplemente cree una nueva página o publicación, luego haga clic en el botón Editar con Elementor y el complemento se cargará, listo para que comience a editar.

Editar con Elementor

Esto luego muestra una página limpia, lista para comenzar a agregar las secciones (filas) que necesita o cargar desde una plantilla existente (discutiremos esto pronto).

Página en blanco o publicación lista para agregar plantillas de widgets de secciones

 

Cuando hace clic para agregar una sección (una fila), se le pide que elija la cantidad de columnas que realmente tendrá esta sección. Dentro de cada columna, puede agregar los diferentes elementos disponibles. 

Establecer estructura de sección (columnas)

Una vez que haya configurado la estructura, ahora puede comenzar a arrastrar y soltar widgets en las diferentes secciones. Por supuesto, hay muchos widgets diferentes para elegir, desde elementos simples que vienen con la versión gratuita del complemento, hasta características y funciones más complejas que están disponibles con la versión PRO.

Elementos disponibles para agregar

Elementos Disponibles

Muchas de las características estándar esperadas de un sitio web están disponibles como widgets que se pueden agregar a la página. Algunos de los widgets más atractivos para usar son:

  • iconos
  • Google Maps
  • Portafolio
  • Título animado (texto giratorio o en un círculo)
  • Lista de precios o tabla de precios
  • Llamada a la acción
  • Testimonios
  • Cuentas atrás
  • Comentarios e incrustaciones de Facebook
  • Cuadro de autor
  • Las barras de progreso
  • Galerías de imágenes o carruseles
  • Shortcodes
  • etc. etc.

Basta decir que, en un solo complemento, están todos los elementos que podría necesitar usar en una página.

No solo eso, Elementor va más allá de la mayoría de los otros complementos. 

Esto se debe a que, además de admitir sus propios elementos nativos, el complemento también admite códigos cortos y widgets estándar de WordPress. Esto significa que además de admitir todos sus propios elementos y TODOS los widgets de WordPress, también puede incrustar cualquier característica y función de terceros que esté habilitada a través de códigos cortos. Esto prácticamente significa que es prácticamente ilimitado en lo que puede agregar a una página o publicación que se está diseñando.

Prueba Elementor ahora

Elementos dinámicos

Otra gran característica de este creador de páginas es su capacidad única de diseñar páginas utilizando contenido dinámico en lugar de contenido estático. Esta es una característica bastante innovadora y definitivamente algo con lo que nos hemos encontrado a menudo (o en absoluto).

Por supuesto, es genial que puedas arrastrar y soltar los elementos descritos anteriormente, pero eso se ha convertido en una característica esperada de este tipo de herramienta.

Sin embargo, Elementor ha ido más allá de eso, al permitir elementos de página dinámicos. La forma más sencilla de explicar esto sería utilizar el título o el encabezado de una página.

Supongamos que desea diseñar una página que muestre las noticias actuales relacionadas con su empresa. Ahora, en lugar de usar el título mundano, "Últimas noticias", queremos presentar nuestro evento principal actual. 

Entonces, en lugar de tener la página construida usando Elementor mostrando un "título" estático, usamos el elemento Theme Título que en realidad consulta el nombre del título actual de la base de datos y lo muestra en lugar de cualquier contenido genérico.

Otro uso excelente en la misma línea que esta es la imagen destacada. Al tener una imagen destacada dinámica, puede estar seguro de que es su última imagen destacada la que realmente se muestra (personalizada para el evento de titular actual) en lugar de una imagen genérica que tendría que mostrar con los elementos estáticos.

Eche un vistazo al siguiente video explicativo de 2 minutos sobre los elementos dinámicos de Elementor.

ruMtMAVVF_Y

Plantillas Elementor

Arriba hemos visto cómo se puede construir una página o publicación desde cero utilizando los elementos integrados disponibles con este producto. Pero hay un más rápido, más eficiente forma de crear páginas. O, en lugar de solo páginas, ¡puede crear fácilmente sitios web completos en minutos! Esto es mediante el uso de plantillas Elementor.

Esta es una característica que se convierte en una forma bastante efectiva de usar un creador de páginas. Básicamente, la idea es la siguiente: en lugar de crear las páginas usted mismo desde cero, con el riesgo de que pueda estropearlo (especialmente si no está normalmente expuesto al diseño de sitios web o al diseño en general), utiliza una plantilla de página predefinida. .

Una vez que haya seleccionado una plantilla, su único trabajo es personalizar ligeramente los elementos para que se adapten a las necesidades de la página o publicación que está creando. Ya sea para un cliente o para usted mismo, su trabajo sería modificar los contenidos para reflejar las necesidades del sitio web que está creando.

Esto, por supuesto, reducirá significativamente el tiempo de diseño. No solo eso, sino que también se asegurará de que su diseño sea el de una empresa de diseño profesional, y no el de alguien que no esté completamente acostumbrado a diseñar.

Hay más de 100 plantillas disponibles por defecto con Elementor Pro, pero esto no es todo.

Las plantillas Elementor son ahora una industria de nicho en sí misma. Descubrirá que hay cientos de otros complementos gratuitos y premium disponibles para comprar y descargar, para cubrir un nicho, industria o necesidad.

Plantillas elementor

Solo por nombrar algunas de las plantillas disponibles, se pueden encontrar

  •  Diseño de interiores
  • Plantilla de aplicación
  • Servicios de cafetería, restaurante y comidas.
  • Páginas de productos
  • Fitness
  • Despacho de abogados
  • EScritor de copia
  • Agencia y creatividades
  • Hoteles
  • arquitecto
  • propuestas
  • Diseñadora gráfica
  • Inicio
  • Seguridad
  • CV
  • Portafolio
  • Ebook
  • y muchos muchos otros.

Elementor - página de inicio de fotografía

Le aconsejamos que visite library.elementor.com para ver la lista completa de plantillas de páginas de destino de WordPress disponibles de forma predeterminada con el complemento, donde también puede ver una demostración real de la página exacta que crearía la plantilla.

Precios

Elementor está disponible en seis sabores:

precios elementales

  • Gratis
  • Esencial (para 1 sitio) - $ 49
  • Avanzado (para 3 sitios) - $ 99
  • Expert para (25 sitios) - $ 199
  • Estudio (para 100 sitios) - $ 499
  • Ilimitada (sitios ilimitados) - $ 999

Todos los planes vienen con 1 año de actualizaciones y soporte. Con el precio ridículamente barato de $ 49, cuando le tomará literalmente unas pocas horas como máximo (según las plantillas) crear un sitio nuevo desde cero, creemos que este es un valor excelente. 

Si es diseñador, es probable que produzca más de 4 sitios web en un año (incluso dada la velocidad de desarrollo de sitios ahora que tiene Elementor en su arsenal), por lo que es muy recomendable que opte directamente por el Plan ilimitado de inmediato. 

Código de descuento de Elementor

Cada vez que tengamos un código de descuento o un código de cupón de Elementor, lo publicaremos aquí para que obtenga el mejor precio.

El enlace a continuación lo llevará al sitio oficial donde obtendrá el mejor precio en Elementor en Septiembre 2021.

Haga clic aquí para obtener el precio más bajo en Elementor

 

Eche un vistazo a lo que algunas personas han dicho sobre el complemento:

Nuestros Clientes

 

Avanzada campos personalizados

La siguiente parte de nuestro artículo centra la atención en otro complemento que nos encanta, Campos personalizados avanzados.

Comenzaremos con una breve descripción general de ACF, después de eso, nos centraremos en cómo combinar Campos personalizados avanzados y Elementor para lograr resultados sorprendentes. Incluso revolucionario.

Para los no iniciados, ACF permite a un usuario crear campos personalizados para editar pantallas para mejorar tanto la experiencia del usuario que crea el sitio como, por supuesto, en última instancia, el usuario que visita el sitio.

Solo como una breve introducción

  • El generador de campo ACF permite agregar campos a pantallas de edición de WP en segundos
  • Los campos se pueden agregar a cualquier contenido, publicaciones, usuarios, términos de taxonomía, medios, comentarios o en cualquier otro lugar.
  • Luego puede mostrar los campos en cualquier lugar, con funciones amigables para el desarrollador

Como desarrollador / diseñador, tan pronto como vea lo anterior, su mente puede comenzar a correr rápidamente hacia las enormes posibilidades disponibles. Con lo anterior, puede crear literalmente una "copia personalizada" de WordPress que se adapte exactamente a las necesidades de todos y cada uno de los clientes que tenga. 

Probablemente sepa que la mayoría de los clientes, aunque estarían felices de usar WordPress, todavía tendrán sus propios requisitos particulares. También sabe que ajustar el código principal para implementar estos cambios suele ser una mala idea porque eso significa que no podrá obtener actualizaciones principales, lo que crea riesgos de seguridad significativos para esa instalación.

ACF le permite "personalizar" WordPress, sin tocar ningún código central, simplemente a través de un complemento.

Puede leer más sobre los complementos aquí: https: // www.collectiveray.com / wp / plugins /

Y, por supuesto, no solo nosotros nos entusiasmamos con las posibilidades de usar Campos personalizados avanzados. Este es uno de los complementos más populares, instalados y mejor calificados que existen. Dado el hecho de que esto está orientado al diseñador / desarrollador, puede ver que las siguientes estadísticas de instalación son extraordinarias.

Entonces, antes de profundizar aún más, es bueno tener en cuenta que este complemento tiene más de 1 millón de instalaciones activas y disfruta de una calificación de 5 estrellas de más de 1000 reseñas. Es un logro sobresaliente si tuvieras que preguntarme.

Campos personalizados avanzados, instalaciones activas y revisiones actuales 

Crear campos personalizados

El punto fuerte de ACF es, por supuesto, la creación de campos personalizados que luego se pueden combinar por completo en formas complejas. Vemos esto como muy útil para crear una variedad de cosas:

  • Los formularios de contacto personalizados solicitan al visitante información detallada y específica que se puede utilizar para responder mejor a sus consultas. Por ejemplo, si su cliente es un tipo de cliente orientado al servicio o la fabricación, puede enviar un formulario complejo que formula preguntas muy específicas sobre las necesidades del visitante. Eventualmente, toda esta información combinada para emitir un mejor cliente o dar una mejor respuesta a la consulta específica.

Todo esto es solo una muestra de lo que ACF puede hacer en la realidad. Dado lo enfocado que está esto hacia los desarrolladores, no es de extrañar que este complemento sea tan popular. Una vez que se han creado los campos personalizados, se pueden incrustar fácilmente estos campos en

  • Temas: como desarrollador de un tema, puede incluir los campos personalizados y las funciones que creó para personalizar su trabajo de modo que sus usuarios puedan beneficiarse de estas personalizaciones; piense, por ejemplo, en la capacidad de crear diferentes formularios personalizados para diferentes nichos.
  • Complementos: una vez más, como desarrollador de complementos, puede personalizar formularios específicos para crear una funcionalidad extendida para funciones específicas de WordPress o su propio complemento; en realidad, puede usar ACF para diseñar una funcionalidad de formulario extendido que podría usarse para personalizar la captura de datos de su enchufar

Una vez más, como desarrollador, o incluso como diseñador web, ya puede comenzar a ver (y probablemente emocionarse) sobre el potencial de ACF.

Así que comencemos a jugar un poco con ACF y veamos de lo que es capaz. Eche un vistazo a continuación al siguiente formulario que hemos creado en un par de minutos. Nos gustaría llamar su atención sobre algunas cosas que no esperábamos.

Creando un formulario personalizado

Además de sus campos de formularios estándar, como texto, casilla de verificación y selección, selector de fecha y sus opciones estándar de ejecución del molino, ACF también admite

  • Tipos de publicaciones relacionales : este tipo de campo le permite mostrar elementos (como publicaciones y páginas) que ya existen en el sitio actual. Así que, una vez más, imaginemos por un momento que somos un desarrollador de temas y queremos darle al usuario la opción de seleccionar algunas publicaciones para mostrar en la página de inicio. Usando los filtros avanzados de este tipo podemos crear fácilmente una interfaz de usuario que nos permita hacer todo esto. También tenemos acceso a cosas como páginas, taxonomías, usuarios y roles.
  • Google Maps, Selector de fecha y ColorPicker - estos tipos de campos funcionan con jQuery y son compatibles desde el primer momento (incluso con la versión gratuita de ACF)
  • Reglas - los campos pueden mostrarse o no según la lógica condicional que puede definir a través de la interfaz de usuario de ACF. Esto significa que su formulario se puede adaptar a las entradas del usuario, mostrando campos adicionales u ocultando otros según sea necesario en función de lo que el usuario realmente está ingresando.
  • de pago - el final y la guinda del pastel, le permiten decidir las opciones exactas de cómo y dónde desea mostrar su formulario. Si desea mostrar el formulario en la parte superior de la página (en el backend), usando un Metabox o no y otras opciones.

A continuación, se muestra una lista completa de todos los tipos de campo disponibles:

  • Texto: campo de texto de una sola línea con soporte HTML opcional y límites de caracteres
  • Área de texto: igual que el texto, pero puede tener varias líneas
  • Número: campo numérico que puede tener valores mínimos / máximos opcionales para los límites y la validación
  • Correo electrónico: campo personalizado para la entrada de correo electrónico, incluida la validación
  • Contraseña: entrada de contraseña con enmascaramiento de texto
  • WYSIWYG Editor: entrada del editor de WordPress con opciones para la inserción de medios y botones del editor
  • Imagen: cargue una imagen o seleccione una de la biblioteca de medios. Devuelve un objeto, URL o ID.
  • Archivo: igual que la imagen, pero para archivos en general
  • Seleccionar: menú desplegable con soporte para múltiples selecciones
  • Casilla de verificación: campo de casilla de verificación para elementos únicos o múltiples
  • Botón de opción: elija un solo elemento mediante el botón de opción
  • Verdadero / Falso: selector básico de verdadero o falso
  • Enlace de página: devuelve la URL de cualquier publicación o página. Puede limitarse a tipos de publicaciones específicos.
  • Objeto de publicación: devuelve un objeto de WordPress de cualquier publicación o página, tipo de publicación o taxonomía
  • Relación: igual que el objeto de publicación pero con una interfaz avanzada y reordenación mediante arrastrar y soltar
  • Taxonomía: devuelve un objeto o ID para una o más taxonomías. Puede limitarse a etiquetas, categorías o términos de taxonomía personalizados.
  • Usuario: seleccione uno o más usuarios. Opción para limitar la elección por rol de usuario.
  • Mapa de Google: establezca un centro, nivel de zoom y ancho
  • Selector de fecha: seleccione una fecha del calendario y devuelva una cadena de fecha formateada
  • Selector de color: seleccione un color hexadecimal
  • Mensaje: deje un mensaje
  • Pestaña: combina campos en una interfaz con pestañas 

 

Es difícil pensar en escenarios que las funciones anteriores no cubran. No es de extrañar que el complemento se llame Formularios personalizados avanzados, porque la funcionalidad proporcionada es muy poderosa en manos de alguien que sepa cómo explotar estas características. es extremadamente flexible y puede permitir extender las funciones estándar de WordPress, solo limitado por su imaginación.

Lo bueno es que toda esta personalización se realiza sin tocar una línea de código y, lo que es más importante, sin tocar ningún archivo principal, lo que garantiza que no cree ningún problema de seguridad para los sitios web que está personalizando.

Esto es, sin duda, un cambio de juego.

Frontend vs Backend 

De los ejemplos y opciones anteriores, puede ver que ACF se puede usar tanto en el front-end como en el backend. Ahora, de verdad, sabemos que hay un millón de complementos de formulario, que le permiten crear formularios personalizados para el backend.

La ventaja real proviene de la capacidad de modificar las páginas de administración de WordPress; esto esencialmente hace que este producto sea un producto creado por desarrolladores para desarrolladores y diseñadores. Como desarrolladores, conocen y comprenden las limitaciones de operar únicamente dentro de los límites de WordPress.

Entonces, este es un producto que permite a los desarrolladores y diseñadores ampliar los límites de WordPress, no desde la interfaz, sino particularmente en términos de las posibilidades que se le brindan al administrador o webmaster de WordPress.

Ahora que hemos visto las capacidades de ACF y Elementor, demos algunos ejemplos de cómo pueden funcionar juntos.

Formularios de contacto personalizados

Ya hemos comentado anteriormente cómo un formulario de contacto personalizado específicamente para su servicio, industria o producto contribuirá en gran medida a cerrar nuevos negocios. Así que echemos un vistazo a lo que podemos hacer con Elementor y los campos personalizados avanzados.

Ya hemos creado un formulario personalizado para una industria específica (todavía es de naturaleza bastante genérica, pero ya tiene la idea, luego puede personalizar y agregar campos según su caso específico).

Entonces ahora queremos agregar este formulario a una página de Contáctenos creada por Elementor. Creamos la página Contáctenos y, en lugar de diseñarla desde cero, vamos a elegir una plantilla de las ya preparadas.

plantilla de página de contacto

Ahora que tenemos una base desde donde empezar, agreguemos nuestro propio formulario personalizado:

Eliminamos lo existente Formulario de contacto y solté el widget de formulario y personalicé el formulario de contacto para crear nuestro propio formulario de cotización personalizado, literalmente en un par de minutos, terminamos.

Diseño de formulario de cotización personalizado

Y esa es la belleza de usar estos dos complementos. Ya sea que desee crear formularios personalizados en el backend para sus propios temas y complementos, o si desea utilizar formularios personalizados en el front-end, las posibilidades son infinitas.less.

Una cosa que deseamos poder hacer, y estamos seguros de que el equipo de Elementor eventualmente se integrará en sus productos, sería la posibilidad de crear formularios usando ACF y agregarlos directamente en el constructor de páginas. 

ACTUALIZACIÓN Septiembre 2018 - Las nuevas versiones de estos dos complementos ahora pueden integrarse directamente. Los formularios personalizados creados en ACF ahora se pueden integrar directamente en Elementor utilizando tipos de publicaciones personalizadas.

Combinando ACF y Elementor

Entonces, esto ha sido algo que los dos complementos pasaron por alto hasta hace unos meses cuando estábamos revisando estos dos productos. Nuestros lectores también han descubierto algo confuso y decepcionante no poder hacer esto.

Como debería hacer un buen revisor, nos pusimos en contacto con el equipo de desarrollo y sugerimos que esto debería ser algo que debería integrarse en estos dos productos, para poder crear una hermosa solución para la integración entre los dos.

Y como lo hace un buen equipo que cuida a sus clientes, rápidamente se lanzaron a esto y solo unos meses después, tenemos nuevas versiones de ambos productos que ahora ofrecen una integración directa.

Esto puede ser posible usando tipos de publicaciones personalizadas en WordPress. Solo para aquellos que no están familiarizados, los tipos de publicaciones personalizadas más comunes son publicaciones, páginas y archivos adjuntos, pero hay más. Otros tipos de publicaciones comunes que puede haber visto son productos de WooCommerce, testimonios, eventos, reseñas, carteras ... y muchos otros. 

En otras palabras, los tipos de publicaciones personalizadas son un tipo específico de "contenido" que toma un formato determinado.

Hay que tener en cuenta que también es 100% posible definir nuevos tipos de publicaciones personalizadas si tienes contenido específico que necesita ser "estructurado".

Esencialmente, lo que deberá hacer para crear un tipo de publicación personalizada es usar un complemento de publicación personalizada para definir los nuevos campos que necesitará, o hacerlo usando código.

Los chicos de Elementor han creado un artículo de formato largo muy detallado sobre cómo realizar esta integración.

La forma más sencilla de hacerlo es utilizando el complemento CPT UI que puede encontrar aquí. No repasaremos todos los detalles sobre la creación de un tipo de publicación personalizada, hay muchos artículos por ahí, aunque te recomendamos encarecidamente que visites este.

Tipo de publicación personalizada de la interfaz de usuario de CPT

Una vez que haya creado el tipo de publicación personalizada, ahora necesita crear los campos personalizados usando ACF y solo mostrar los campos específicos en función de si el tipo de publicación es uno que acaba de definir.

crear campos personalizados con acf

 

Para poder mostrar estos tipos de publicaciones personalizadas en las páginas del blog, es necesario comprender cómo funcionan estos tipos de publicaciones personalizadas en las diferentes áreas de su sitio.

Si tuvieras que imaginar un tipo de publicación personalizada testimonial, puedes agregarla en cualquier página o publicación que estés usando. También puede crear una "publicación" completa utilizando el tipo de publicación personalizada.

Para usarlos con Elementor, usaremos plantillas y estos son los pasos que deberá seguir:

  • Cree una nueva plantilla única, puede darle el nombre de su nuevo tipo y agregar un nuevo widget de texto. Por ejemplo, usaremos el widget de encabezado. 
  • Haga clic en el icono dinámico y elija ACF Field. Vuelva a hacer clic en él y, en 'clave', elija el tipo de publicación personalizada que creó. Ahora aparecerá el contenido que agregó anteriormente.
  • Ahora, todo lo que queda es publicar y ahora puede usar esta plantilla dentro de su contenido.

 

Si desea poder reutilizar estos tipos de contenido y campos, puede usarlos en las plantillas de Elementor. Con la funcionalidad Theme Builder, puede crear plantillas utilizando estos tipos personalizados, seleccionando los campos del Contenido dinámico.

Visite Elementor para obtener una explicación más extensa de los tipos de publicaciones personalizadas

Extras de Elementor

Ahora que hemos hablado en detalle sobre estos dos grandes productos, nos gustaría expandirnos un poco. Cuando complementos como estos dos adquieren tanta popularidad, es inevitable que se conviertan en un nicho y una industria propios y comiencen a atraer a proveedores de software que en realidad crean otras extensiones para ampliar la funcionalidad de estos complementos.

Por lo tanto, veremos una serie de extras de Elementor que quizás desee considerar para impulsar aún más la funcionalidad.

Complementos definitivos para Elementor

Este es un conjunto de widgets que tienen como objetivo agregar más funcionalidad y flexibilidad al creador de páginas. Dado que estos widgets provienen de Brainstorm Force, la compañía detrás de WP Astra, puede comprender que la calidad de estas características es de un nivel muy alto.

Complementos definitivos

Hay más de 24 widgets disponibles al momento de escribir este artículo, que incluyen, entre otros:

  • Fechas Importantes - esta es una forma increíble de mostrar gráficos de línea de tiempo, hojas de ruta u otros elementos basados ​​en el tiempo
  • Alternar contenido - esto le permite a su usuario final alternar entre piezas específicas de contenido, por ejemplo, le gustaría mostrar precios mensuales vs anuales u otros cambios de precios similares
  • Ventana emergente modal - una forma limpia y fácil de crear ventanas emergentes, para cosas como suscripciones a boletines u otro contenido que le gustaría presentar.
  • Publica tu horario laboral - utilizado para hacer que su horario comercial sea más atractivo y profesional
  • Mapa de Google - una función esencial para cualquier sitio para una empresa local, para garantizar que los clientes sepan dónde se encuentra
  • Lista de precios y caja de precios - La fijación de precios es, por supuesto, otra función esencial si se dedica a la venta de servicios o paquetes.

La belleza de este paquete de widgets son las diversas estructuras de precios; si opta por el paquete de agencia, incluso obtendrá una copia gratuita del complemento Astra Pro y WP Portfolio, además de una serie de sitios web de inicio listos para impulsar su diseño web. trabaja.

Crocoblock

Esta es una empresa que es una gran fanática de Elementor y ha creado una buena cantidad de complementos premium como:

  • JETElements - una serie de hermosos widgets para diseñar sus páginas de manera hermosa, como tablas de precios, SVG en línea, líneas de tiempo, barras de progreso, diseños de mampostería y mucho más, hay más de 40 widgets para elegir
  • JETMenu - una manera fácil de crear un mega menú personalizable y fácil de usar
  • JETabs - una excelente manera de organizar páginas abarrotadas que requieren mucha información esencial, como páginas de productos
  • JETWoobuilder - este es otro gran producto que es esencialmente una excelente manera de crear páginas de WooCommerce que venden
  • JETEngine - este es un complemento que es excelente para crear contenido dinámico dentro de sus páginas, como campos dinámicos, meta, enlaces e incluso imágenes y diseños.

Complementos de crocoblock

En general, con Crocoblock, tiene un solo proveedor que puede satisfacer todas sus necesidades de WordPress. Tanto su tema Kava, los múltiples widgets Elementor, varios complementos y mucho más, todos disponibles a un gran valor a través del paquete Lifetime, esta es una excelente oferta.  

 

Elementor vs Beaver Builder

Lecturas recomendadas: Beaver Builder vs Elementor: una guía y una comparación definitivas (2019) 

Existen muchos productos diferentes para crear sitios web de WordPress. Sin dudarlo, podemos decir que este producto es seguramente uno de los productos más populares y exitosos que existen, con 5 millones de instalaciones activas en septiembre de 2020.

Pero seguramente no es el único que puede usar. Por ejemplo, mientras que los diseñadores web y los administradores de sitios web prefieren el constructor de páginas de arrastrar y soltar, los desarrolladores web suelen preferir marcos como Beaver Builder lo que les da más flexibilidad en lugar de darles solo la opción que admite el complemento.

Hay muchos más puntos para discutir cuando se trata de comparar Elementor con Beaver Builder. De hecho, lo hicimos, revisamos ambos elementos y creamos una comparación completa y una guía definitiva que puede ver en el enlace de arriba.

Consideraciones finales

Creemos que Elementor establece el listón cuando se trata de creadores de páginas, y lo establece bastante alto.

Este es definitivamente uno de los mejores creadores de páginas que existen y otros proveedores se harían un favor si miran este producto para asegurarse de que, al menos, brinden el mismo nivel de características que Elementor.

No solo eso, sino que, como diseñador y desarrollador, la combinación de usar Elementor y ACF juntos para impulsar sus propios temas personalizados le brinda la posibilidad de comenzar a crear temas muy especializados, que se adaptan a industrias muy específicas, de una manera que antes era casi imposible.

Creemos que estos dos complementos cambian el juego por sí mismos, pero juntos, una combinación ganadora real.

Haga clic aquí para obtener el precio más bajo en Elementor

Sobre el autor
David Attard
Autor: David AttardPagina Web: https://www.linkedin.com/in/dattard/
David ha estado trabajando en o alrededor de la industria digital / en línea durante los últimos 18 años. Tiene una vasta experiencia en las industrias de software y diseño web utilizando WordPress, Joomla y los nichos que los rodean. Como consultor digital, su enfoque es ayudar a las empresas a obtener una ventaja competitiva utilizando una combinación de su sitio web y plataformas digitales disponibles en la actualidad.

Una cosa más... ¿Sabías que las personas que comparten cosas útiles como esta publicación también se ven IMPRESIONANTES? ;-)
Por favor deja un eficiente Comente con sus pensamientos, luego comparta esto en su (s) grupo (s) de Facebook que lo encontrarán útil y cosechemos los beneficios juntos. ¡Gracias por compartir y ser amable!

Divulgación: Esta página puede contener enlaces a sitios externos para productos que amamos y recomendamos de todo corazón. Si compra productos que le sugerimos, es posible que ganemos una tarifa de referencia. Tales tarifas no influyen en nuestras recomendaciones y no aceptamos pagos por reseñas positivas.

Autor (es) destacado en:  Logotipo de la revista Inc   Logotipo de Sitepoint   Logotipo de CSS Tricks    logotipo de webdesignerdepot   Logotipo de WPMU DEV   y muchos más ...