CrocoBlock revisa el mejor servicio para el cupón de descuento de Elementor Page Builder

Publicado: 2022-09-18

Últimamente, hubo más de 1 millón de instalaciones activas del creador de páginas de Elementor. A más personas les gusta mantener las cosas simples mientras trabajan en el contenido del sitio web. Esto significa que todo el mundo necesita soluciones que permitan trabajar con el sitio sin codificación y que también resulten útiles para crear proyectos más complejos con menos esfuerzo. CrocoBlock es justo lo que está buscando cuando trabaja en este tipo de proyectos, especialmente si está utilizando Elementor.

El servicio ya ha llamado la atención de los desarrolladores de WordPress, así como de estudios web y autónomos. Tampoco podía perder la oportunidad de probarlo, y definitivamente me complació la combinación de flexibilidad y funcionalidad poderosa que ofrece CrocoBlock .


Entonces, si no sabe nada sobre la suscripción a CrocoBlock, comencemos con las cosas generales que caracterizan este servicio.

El servicio de suscripción de CrocoBlock incluye:

  • +30 máscaras sobre diferentes temas hechos para Elementor (blogging, contabilidad, agencia, negocios, etc.);
  • más de +1000 secciones prediseñadas junto con funcionalidad modular;
  • 10 complementos de Jet que brindan todo tipo de contenido y funcionalidad;
  • Soporte profesional 24/7;
  • Licencia simple anual/de por vida.

Con todo este paquete, podrá crear un sitio web desde cero y ni siquiera sudar. Averigüemos cómo se puede hacer esto, suponiendo que tenga el generador de páginas gratuito de Elementor y la licencia única anual en CrocoBlock.

Tabla de contenido

Paso 1. Instalación Rápida

Inmediatamente después de haber comprado la suscripción a CrocoBlock, se encontrará en la sección de Descargas a la que se puede acceder desde la página de su cuenta.

Aquí puede ver las tres opciones disponibles que pueden guiarlo a través del proceso de instalación:

  • Paquete de instalación súper fácil : este lo usaría si desea instalar todos los productos CrocoBlock a la vez, incluido el tema Kava y el conjunto de complementos Jet junto con el contenido de demostración;
  • Paquete de instalación fácil : siéntase libre de usar este paquete para instalar los productos CrocoBlock y el tema Kava por separado, o en el caso de que no quiera usar el tema Kava en este momento, y prefiera usar otro tema de WordPress;
  • Jet Plugins Pack : use este paquete en caso de que desee instalar los complementos de Jet y usar las máscaras y las secciones prediseñadas, pero no está seguro de si va a usar algo más.

Decidí usar CrocoBlock Super Easy Installation Pack ya que voy a explorar la funcionalidad completa del servicio.

También preparé un sitio web que tiene una instalación limpia de WordPress.

El complemento JetThemeWizard me llevó a través de todos los pasos de instalación en aproximadamente 2 minutos. Agregué la clave de licencia y elegí usar el tema Kava Child.

Luego seleccioné una de las máscaras disponibles en la lista de máscaras y hice clic en el botón Iniciar instalación.

Configurar los complementos

Los complementos se dividen en bloques requeridos, recomendados y adicionales . He decidido instalarlos todos y he hecho clic en el botón Siguiente. Me tomó 38 segundos completos instalar todo.

También seleccioné la opción Agregar contenido de demostración a contenido existente e hice clic en el botón Siguiente para continuar con la instalación del contenido de demostración.

El contenido de demostración se instaló en menos de 20 segundos . Sin embargo, el proceso de regeneración de miniaturas tomó un tiempo.

El tiempo promedio de instalación en un sitio web limpio de WordPress es de aproximadamente 2 minutos, pero también depende del servidor que esté utilizando y la cantidad de contenido que ya tenga en su sitio. Si fuera un sitio en vivo con contenido, supongo que la instalación podría haber tomado un poco más de tiempo. Aún así, me encantó el proceso, es muy fácil.

Paso 2. Tablero CrocoBlock

Ahora que instalé CrocoBlock , puedo verlo en mi Panel de WordPress. Es el lugar natural al que uno irá después de hacer la instalación, así que vamos a explorarlo un poco más de cerca.

Aquí tengo acceso a los siguientes bloques:

  • Licencia : el código de licencia que está activo en mi sitio;
  • Complementos : desde aquí puedo acceder a todos los complementos disponibles en la suscripción de CrocoBlock, instalarlos, desactivarlos y actualizarlos cuando lo necesite;
  • Tema : el bloque donde puedo actualizar el tema de Kava y hacer una copia de seguridad;
  • Máscaras : aquí puedo seleccionar otra máscara en lugar de la que estoy usando e instalarla;
  • Configuración : el lugar para acceder a las relaciones de ubicación, registro de ubicaciones, etc.
  • Guía del usuario : aquí puede encontrar enlaces a la documentación, la base de conocimientos y ver los tutoriales en video sobre los productos CrocoBlock.

Decidí intentar cambiar la máscara a otra, así que elegí la máscara Dolcetti para usar y hice clic en la opción Instalar.

Como esta máscara requería los mismos complementos que se instalaron recientemente en mi sitio, omití la instalación de los complementos e hice clic en el botón Saltar al contenido de demostración.

El proceso de instalación de la piel no tomó más de 1 minuto. Las máscaras se pueden cambiar así de rápido. En realidad, el proceso se asemeja a la forma en que se instaló CrocoBlock por primera vez.

Paso 3. Plantillas de elementos temáticos

El complemento JetThemeCore brinda la capacidad de trabajar con plantillas de partes de temas, como secciones, encabezados, pies de página, archivos y páginas de publicaciones individuales.

Para localizarlos tienes que navegar hasta CrocoBlock > Mi Biblioteca en el Panel de WordPress .

Como ya mencioné, configuré una de las máscaras y ya incluía plantillas de encabezado y pie de página.

Estas plantillas se encuentran en los bloques de encabezado y pie de página y están disponibles para editar con el generador de páginas en vivo de Elementor .

Si quieres cambiar la plantilla del encabezado por otra, o personalizar su apariencia, puedes hacerlo desde aquí.

Además, puede crear otras plantillas de encabezado y pie de página bastante diferentes y asignarlas a diferentes páginas en Configuración > Bloque de condiciones .

Para acceder a la biblioteca de encabezados, debe hacer clic en el botón mágico y aquí seleccionar una de las plantillas de encabezado disponibles y luego hacer clic en Insertar para aplicarla.

Después de eso, simplemente vaya a Configuración> Bloque de condiciones y seleccione la página o una plantilla para la que desea aplicar un encabezado. Puede agregar un nuevo pie de página y usar el de la biblioteca de plantillas de la misma manera.

Plantilla de página de archivo

Las cosas son un poco más complicadas cuando desea crear una plantilla de página de archivo. Para hacerlo, deberá navegar hasta el bloque Archivo en Partes del tema y crear una nueva plantilla de archivo.

Se le redirigirá instantáneamente al editor de Elementor, donde puede usar widgets de contenido dinámico para mostrar las publicaciones existentes en su sitio (publicaciones personalizadas, productos, términos, etc.).

En el futuro, estarán disponibles las plantillas de archivo listas para elegir de la biblioteca Magic Button, sin embargo, en este momento no están disponibles.

Por cierto, en caso de que desee crear un tipo de publicación personalizado, agregar una taxonomía adicional personalizada o un metacampo con el tipo de contenido necesario, esto se puede hacer con el complemento JetEngine que también se incluye en el paquete CrocoBlock.

Paso 4. Creación de un menú

Una vez que haya establecido un encabezado, puede agregarle un menú usando el widget Menú de navegación, el widget del panel Hamburger o usar el complemento JetMenu que puede ayudarlo fácilmente a crear un mega menú vertical u horizontal.

Decidí crear un mega menú horizontal y usarlo en mi encabezado. Para hacer esto, instalé el complemento desde CrocoBlock> Bloque de complementos y luego navegué a Apariencia> Menús para verificar mi menú principal.

Aquí quería agregar un mega menú al elemento Acerca de, así que lo desplacé y luego hice clic en el botón JetMenu para abrir la ventana emergente Contenido.

Habilité la opción Mega Submenu y luego hice clic en la opción Edit Mega Menu Item Content. Cuando se abrió el editor de Elementor, agregué varias columnas, luego agregué algunos widgets para colocar dentro de mi megamenú. Luego simplemente hice clic en Actualizar para guardar la plantilla y navegué hacia atrás.

Agregue un mega menú a la plantilla de encabezado

Para hacerlo, debe abrir CrocoBlock> Mi biblioteca y aquí comenzar a editar la plantilla de encabezado necesaria.

Busquemos el widget Mega Menu en la lista de widgets y colóquelo en la sección necesaria. Luego, tenemos que seleccionar un menú para usar, personalizar su apariencia en el bloque de estilo, ¡y estamos listos para comenzar!

Por cierto, para obtener una vista previa del elemento del mega menú, simplemente puede pasar el mouse sobre el elemento del menú necesario donde ha agregado un mega menú.

En realidad, puede agregar no solo menús horizontales usando el complemento JetMenu , sino también crear menús verticales con elementos de mega menú.

El complemento JetMenu definitivamente cubre todos los aspectos en los que uno puede estar interesado cuando existe la necesidad de crear un menú, y se sorprenderá de la facilidad con la que se puede personalizar este complemento. El menú agregado con el complemento JetMenu también responde, y cuando activa la vista previa móvil, aparece en forma de una hamburguesa ordenada.

Lea también:

Lista de los 12 mejores temas de WordPress para trabajos

Los mejores temas de WordPress para WooCommerce

Revisión de prensa premium

Lista de los mejores 20 temas deportivos de WordPress

Paso 5. Jet Addons para Elementor

JetMenu es solo una parte del enorme paquete de complementos Jet incluido en CrocoBlock. Estos complementos ya eran populares incluso antes de que se lanzara el servicio. Por el momento, es difícil pasar por alto el poder que agregan al sitio de uno.

Como mencioné, algunos de ellos son necesarios cuando instala la máscara, se puede acceder a los demás desde CrocoBlock Dashboard. Veámoslos un poco más de cerca.

  • JetElements

Este complemento agrega +30 nuevos widgets para Elementor, incluidos SVG en línea, pancartas, cartera, diseños de imágenes, línea de tiempo, etc. Cada widget tiene una amplia configuración de estilo y, cuando se combinan, cubren casi cualquier tipo de contenido.

  • JetBlog

El complemento proporciona 4 widgets de contenido dinámico diferentes para mostrar publicaciones en listados, mosaicos y teletipos de texto. Y también hay un widget de lista de reproducción de video.

  • JetMenú

He descrito cómo puedes usar este widget para crear un mega menú con Elementor. Sin embargo, también puede usarlo para diseñar el menú del sitio web normal en caso de que su encabezado no esté creado con el generador de páginas Elementor.

  • JetTabs

Este complemento incluye widgets que ayudan a estructurar el contenido en pestañas atractivas y bloques de acordeón. Permite colocar plantillas creadas por Elementor en pestañas verticales y horizontales, lo que puede ser muy útil si desea ahorrar espacio en su página.

  • JetTricks

El complemento agrega efectos visuales y animaciones a la sección, las columnas y los widgets creados por Elementor.

  • Bloques de chorro

Con este complemento, podrá agregar formularios de inicio de sesión y búsqueda, carrito de WooCommerce y elementos del panel Hamburger al encabezado. También permite utilizar efecto pegajoso para las secciones. Esto puede ser necesario en el caso de que desee crear un encabezado fijo.

  • Reseñas de Jet

Úselo para crear elegantes bloques de revisión en las páginas creadas con Elementor.

También hay complementos JetEngine , JetThemeCore y JetWooBuilder , pero la funcionalidad que proporcionan difiere ligeramente de los complementos descritos anteriormente. Algunos de ellos ya fueron descritos, los otros se mencionarán más adelante.

Paso 6. Páginas de publicación única. Creación de una página de archivo

Supongamos que también necesitamos crear un tipo de publicación personalizada de Proyectos para mostrar los proyectos en nuestro sitio. O, tal vez, necesita crear un tipo de publicación de Servicios o agregar una cartera con varios elementos. En cualquier caso, podrá crear estos tipos de publicaciones personalizadas con el complemento JetEngine .

También lo ayudará a crear taxonomías personalizadas y trabajar con plantillas de términos personalizados y publicaciones personalizadas junto con la creación de diseños de cuadrícula dinámicos. Estos diseños son útiles cuando desea agregar una plantilla de archivo con sus publicaciones o términos personalizados bellamente exhibidos en la estructura necesaria.

Tenga en cuenta que para hacer esto, primero tendremos que instalar y activar el complemento JetEngine .

¿Cómo exhibir tus proyectos?

  1. Tuve que agregar el tipo de publicación Proyectos. Para hacerlo, navegué a JetEngine > Tipos de publicaciones y hice clic en el botón Agregar nuevo.
  2. Luego completé la información general sobre mi tipo de publicación personalizada, como el título y el slug, y cambié la configuración de la publicación (configuré el ícono para mi nuevo tipo de publicación personalizada y definí que tiene que admitir bloques de Título, Editor y Miniatura) ; También he agregado varios metacampos personalizados).
  3. Después de guardar los cambios, descubrí un nuevo elemento en mi Tablero llamado Proyectos con el ícono que configuré para él. He agregado varios proyectos usando este nuevo bloque de tipo de publicación personalizado, configure las imágenes en miniatura para aplicarlas.
  4. Luego volví a JetEngine > Listings y creé un nuevo listado usando el tipo Publicaciones. También he definido el tipo de publicación Proyectos como mi fuente de publicación necesaria.
  5. Después de eso, agregué varios widgets de campo dinámico y el widget de imagen dinámica a la página y seleccioné la fuente del contenido que necesitaba generar: el título y el contenido de los campos dinámicos y la imagen en miniatura en el widget de imagen dinámica.
  6. También agregué el widget Dynamic Meta para mostrar la fecha de publicación y el autor de mi plantilla de publicación personalizada.

La plantilla que he creado se aplica a todas las publicaciones personalizadas que tienen el tipo Proyectos.

Después de eso, creé una nueva plantilla de página de archivo y solté el widget Listing Grid para mostrar los proyectos en forma de cuadrícula.

En realidad, eso me tomó menos de 5 minutos , sin embargo, no he usado taxonomías personalizadas para categorizar los proyectos y no he agregado filtros más complejos a mi diseño de cuadrícula.

El complemento JetEngine se agregó recientemente al paquete de complementos CrocoBlock, es relativamente nuevo y, a juzgar por su funcionalidad, creo que obtendrá aún más funciones excelentes en el futuro. De todos los complementos de Jet incluidos en el paquete CrocoBlock, me gustó más porque es único a su manera y permite trabajar en proyectos más complejos.

Paso 7. Algunas palabras sobre la introducción de WooCommerce a Elementor

En caso de que desee crear una tienda en línea con Elementor y esté buscando la mejor manera de abordar esta tarea, CrocoBlock realmente puede ayudarlo a hacer frente a esta misión. Incluye las plantillas de página de producto único prediseñadas, así como el poderoso complemento JetWooBuilder , que proporciona el conjunto de 15 widgets de contenido dinámico para mostrar contenido de WooCommerce y diseñarlo sin CSS o PHP.

El complemento JetWooBuilder permite:

  • crear plantillas de página de producto único de WooCommerce;
  • agregue diseños de productos y taxonomía de productos;
  • muestre el contenido dinámico con el conjunto de widgets especiales creados especialmente para los productos de WooCommerce.

Como de costumbre, tenemos que agregar algunos productos de WooCommerce al sitio antes de crear una nueva plantilla de página de producto. Para hacerlo, navegué a Productos> Agregar nuevo en mi panel de WordPress y aquí agregué varios productos con descripciones, precios, imágenes en miniatura, etc.

Luego navegué al bloque WooCommerce > JetWoo Templates y aquí creé una nueva plantilla. Es importante especificar el producto al que podrá configurar la plantilla. Cuando agregue widgets dinámicos de WooCommerce, obtendrán los datos necesarios del producto que configuró allí, incluida la imagen en miniatura, las reseñas, la calificación, el precio, etc.

Después de eso, puede aplicar una de las plantillas prediseñadas disponibles para las páginas de un solo producto (para hacerlo, simplemente haga clic en el botón "Crear a partir de una plantilla prediseñada" ), o puede crear su propia plantilla nueva (para hacerlo, haga clic en " botón Agregar nueva plantilla”).

Cuando Elementor Editor se abra aquí, verá el conjunto de widgets para usar en la página de un solo producto:

  • botón añadir al carrito
  • Imagen única
  • Título único, etc.

Simplemente colóquelos en las columnas y secciones necesarias y personalice la apariencia de estos widgets usando la configuración de estilo. Crear una página de un solo producto es así de fácil.

En caso de que necesite configurar la plantilla recién creada para todos los productos que tiene en el sitio, puede hacerlo en WooCommerce > Bloque de configuración. Aquí debe hacer clic en la pestaña JetWooBuilder y acceder a la configuración de condiciones de la plantilla de un solo producto.

Prueba los widgets

Ahora puede agregar la cuadrícula o los mosaicos de productos a la página de inicio , o mostrar el diseño de categorías de productos en su página de Tienda con uno de los widgets de diseño. Hay 4 de ellos:

  • Cuadrícula de categorías;
  • Lista de productos;
  • rejilla de productos;
  • Fichas de taxonomía.

Cada widget tiene configuraciones de orden y consulta junto con la configuración de estilo robusto. Son realmente fáciles de usar. Simplemente elija el widget que más le guste y suéltelo en el lugar necesario usando Elementor. Eso es todo lo que necesitas hacer para usarlos.

Resumiendo: Reseña de CrocoBlock El mejor servicio para el cupón de descuento de Elementor Page Builder

El servicio de suscripción de CrocoBlock es más que solo los productos de calidad que ofrece. El servicio también los mantiene actualizados y crece constantemente, agregando aún más funcionalidad nueva a la existente. Recibe actualizaciones automáticamente (incluidos los nuevos complementos de Jet). Lo mismo ocurre con las nuevas máscaras, que salen cada semana.

El servicio CrocoBlock también cuenta con un equipo de soporte calificado que siempre está listo para ayudar, y en caso de que no esté seguro de su funcionalidad o tenga alguna pregunta, puede comunicarse con el equipo directamente en Facebook o mediante el chat de preventa.

Cuando comience a probar CrocoBlock, probablemente pensará que se trata de los complementos para Elementor. Pero, sinceramente, CrocoBlock representa el conjunto completo de productos necesarios para crear un sitio web en Elementor . Vale la pena prestarle atención tanto a los principiantes como a los desarrolladores web. Y cada producto incluido en él tiene su lugar y propósito únicos.

El servicio de suscripción CrocoBlock ha cambiado totalmente el concepto de creación de sitios web. Lo tiene todo cubierto, y esto es lo que más le gusta a todo el mundo.