Novi HTML Website Builder Revisión detallada y guía

Publicado: 2023-03-27


Cuando se trata de la creación de sitios web en 2023, no hay necesidad de lidiar con la codificación. Estoy seguro de que ya sabes todo y cualquier cosa sobre diferentes productos digitales listos para usar. En estos días, puede obtener fácilmente todo prediseñado y preempaquetado para usted. Por estas sencillas razones, hay tantos sitios web llamativos. La gente está buscando nuevas formas de sobresalir entre la multitud. Es por eso que la cantidad de nuevos temas, complementos, activos y tendencias de diseño web de sitios web receptivos aumenta todo el tiempo.

Sin embargo, cuando algo es nuevo, no significa que este producto sea 100% digno de su atención. Entonces, ¿cómo eliges tu único artículo? En esta publicación, estoy a punto de ayudarlo con la toma de decisiones final. En una de las publicaciones anteriores, te mostré cómo hacer un sitio web en WordPress. Como dice el nombre de la publicación, hoy revisaré uno de los 5 mejores creadores de sitios web: Novi Builder .

En caso de que prefiera trabajar con HTML, definitivamente ha escuchado este nombre antes, ya que Novi Builder viene con todas las plantillas HTML receptivas modernas. Entonces, ¿cuáles son las principales ventajas de trabajar con el editor? ¿Hay alguna desventaja? Estén atentos para descubrir todas las cosas cruciales relacionadas con el creador de páginas más útil para HTML .

La historia de Novi Builder

Prueba Novi

Por tradición, antes de comenzar, echaremos un vistazo rápido a la historia de este constructor visual HTML. El primer lanzamiento de Novi Builder tuvo lugar hace 3 años, en 2016. Para resumir, el equipo de Novi diseñó el editor con 3 características principales en mente:

  • un mecanismo de trabajo absolutamente amigable para el creador,
  • una interfaz 100% intuitiva,
  • y, obviamente, la última tecnología de arrastrar y soltar.

¿Recuerdas cómo solía verse la edición de sitios web en 2016? En su mayoría era aburrido y solo contenía características imprescindibles. Sin embargo, el progreso digital nunca se detuvo, por lo que se utilizaron numerosas opciones de moda y elementos de diseño web con estilo. Al ver eso, los creadores de Novi Builder decidieron agregar todas estas cosas al paquete del editor. Agregaron tantas tendencias de diseño web como fue posible en esos días. Si algo era dominante en el mercado digital, ya estaba dentro del paquete de Novi.

Por otro lado, agregar solo funciones populares no fue suficiente. Por lo tanto, el equipo de Novi continuó investigando. Como hacen todas las empresas inteligentes, querían estudiar a la audiencia para descubrir las necesidades de los prospectos. La investigación mostró que, ante todo, las personas buscaban comodidad.

Como resultado, pronto Novi Builder permitió a los usuarios en línea:

  • crear diseños limpios y bien estructurados sin tocar una sola línea de código,
  • trabajar con tecnología de arrastrar y soltar,
  • acelerar el proceso de construcción del sitio web,
  • y diseñe el sitio web con diferentes componentes atractivos de la interfaz de usuario.

Aunque hoy en día es difícil sorprender a un usuario con la tecnología de arrastrar y soltar, en 2016 fue una auténtica maravilla. Además, no olvide que en ese entonces, el único editor de contenido útil que proporcionaba la funcionalidad de arrastrar y soltar era Elementor. Viene con todas las funciones necesarias, pero se creó solo para proyectos en línea basados ​​​​en WordPress. Al mismo tiempo, HTML nunca ha sido lo más fácil de trabajar cuando no eres un aficionado a la tecnología.

Después de una larga y detallada investigación, también se mejoró la tecnología de arrastrar y soltar que utilizaba Novi Builder. Como resultado, las personas pudieron crear nuevas páginas en línea y editar sus sitios simplemente arrastrando los elementos de diseño elegidos y soltándolos en la ventana del editor.

A la audiencia le tomó solo varios meses acostumbrarse a Novi Builder. Se hizo popular muy pronto. No hace falta decir que se realizaron muchas actualizaciones para el editor. Un año después, los creadores presentaron la primera versión clásica de Novi Builder. Desde entonces, continuó recibiendo actualizaciones periódicas que incluyen varias opciones, tendencias de diseño web y muchos instrumentos adicionales.

Para resumir todo, Novi Builder no solo aceleró el proceso de creación de sitios web, sino que también brindó muchas posibilidades nuevas a los principiantes que querían trabajar con HTML. Con él, las personas finalmente pudieron diseñar sus sitios web no solo de la manera que pueden, sino de la manera que quieren. Tan pronto como se lanzó Novi Builder, la edición de sitios HTML se convirtió en algo sin estrés. Es por eso que fue nombrado el mejor creador visual de sitios web para HTML.

Volver al presente

Hoy en día, Novi Builder se llama el mejor editor de arrastrar y soltar para HTML. En pocas palabras, el constructor promueve el proceso de trabajo y lo simplifica para los usuarios de cualquier nivel de habilidad. Al trabajar con Novi Builder, puede diseñar rápidamente nuevas páginas en línea utilizando varios bloques de contenido prediseñados.

Además, también le permite editar el contenido del sitio web en vivo. Este paso es muy importante para cualquier principiante porque así evitarás cometer errores comunes al crear tus diseños.

¿Te gustaría ver cómo funciona el editor en acción? Puede intentar trabajar con Novi Builder ejecutando su demostración. Simplemente siga el enlace para abrir una versión de demostración gratuita del editor.

¿Para qué modelos de negocio es adecuado Novi Builder?

Otra cosa que debes saber sobre Novi Builder es que es una plataforma en línea B2B/B2C . ¿Qué significa? Vamos a ver.

  1. B2B que significa empresa a empresa. En Internet, también se conoce como e-biz. B2B es el intercambio de productos, servicios, artículos o incluso información entre diferentes empresas. Cuando se trata de Novi Builder, B2B está conectado con usuarios que utilizan sus propias plantillas de sitios web para brindar diferentes servicios. Los últimos en su mayoría están relacionados con nichos de negocio como el diseño web, el desarrollo web, el comercio electrónico o el marketing por correo electrónico.
  2. B2C , que significa empresa a cliente. En este caso, la conexión se refiere a las transacciones realizadas entre una empresa y sus clientes directamente. Aquí el cliente es el usuario final que utiliza los productos de la empresa. Hablando de Novi Builder, B2C está conectado a los usuarios finales que ya han lanzado sus sitios web. Estos usuarios pueden comprar cualquier plantilla HTML que deseen e importar los sitios web existentes. Gracias a Novi Builder, es posible sin perder el contenido del sitio. Puede editarlo con la tecnología de arrastrar y soltar y diseñarlo con numerosas funciones preempaquetadas.

Como puede ver, el modelo B2C es significativamente diferente del modelo B2B. El último se refiere a la conexión comercial entre 2 o más empresas cuando B2C es solo 1 empresa. Independientemente de lo que vaya a utilizar, Novi Builder es adecuado para ambos modelos de negocio.

¿Qué instrumentos tiene Novi Builder para el modelo B2C?

¿Cómo te ayudará este constructor visual HTML con B2C? Como todas las herramientas de calidad, Novi Builder se creó teniendo en cuenta la estrategia comercial. Como resultado, el editor viene con numerosos instrumentos orientados a los usuarios finales. A continuación, puede ver las 5 funciones principales con las que puede trabajar.

Gestión de páginas

Lo primero es lo primero: Novi Builder proporciona a su propietario un administrador de página cómodo. Con esta función, puede:

  • crear paginas,
  • eliminar paginas,
  • editar páginas,
  • y administrar su configuración.

Para decir más, ¡puedes hacer todo esto con un solo clic! Por cierto, hay algunas acciones adicionales que puede realizar cuando trabaja con Page Manager. ¿Cómo los alcanzas? Bueno, simplemente necesita usar el menú contextual que se encuentra en la parte superior de la página con la que va a trabajar.

3 modos diferentes para las tareas principales

Tan pronto como abra Novi Builder , verá que proporciona diferentes modos para diferentes tareas. Hay 3 modos que se crearon para las tareas principales:

  • Avance,
  • Edición,
  • y Diseño.

Modo de vista previa

Le permite ver los resultados rápidos de su edición. No hace falta decir que la vista previa es un aspecto importante de cualquier proyecto en línea. Y se vuelve aún más importante si estamos hablando de su primer sitio web. Simplemente use estas opciones para verificar su diseño y averiguar si requiere cambios adicionales.

Modo de edición

Este es el modo que le ayuda a editar diferentes tipos de contenido. La lista incluye cosas tales como:

  • textos,
  • iconos,
  • botones y más.

Modo de diseño

En tercer lugar, tienes el Modo Diseño . Proporciona acceso al código del sitio web. No es necesario trabajar con la fuente, pero en caso de que desee mejorar sus habilidades de codificación, el modo de diseño es justo lo que recetó el médico.

Prueba Novi

Herramientas de desarrollo

Como era de esperar, Novi Builder contiene muchas herramientas para desarrolladores en su paquete. Con él, podrá obtener una nueva experiencia de creación de sitios web cuando trabaje con el editor HTML, CSS y JS. Obviamente, puede editar el código fuente de la forma que desee.

Entre todas las características, me gustaría destacarPreset Manager.Esta cosa genial te ayudará a avanzar en el proceso de edición. Para resumir, el administrador le permite crear nuevos ajustes preestablecidos a mano y guardarlos en la biblioteca. Todo es tan simple como el ABC. Esto es lo que tienes que hacer:

  • elegir el elemento de contenido necesario,
  • selecciónelo en el espacio de trabajo,
  • guárdelo haciendo clic en el botónGuardar como ajuste preestablecidoubicado en el menú contextual.

Ahora puede usar nuevos ajustes preestablecidos tan pronto como necesite crear nuevas páginas en línea. Simplemente arrastre y suelte el ajuste preestablecido en la ventana del editor de la forma en que lo hace con otros componentes de la interfaz de usuario.


Publicación instantánea

Para empezar, cualquiera que alguna vez haya querido ejecutar un sitio web sabe que para tener éxito, siempre debe mantener actualizado su proyecto en línea. Es por eso que necesitará la función de publicación instantánea.

Como puede ver en la captura de pantalla a continuación, hay un botónPublicar sitioazul claro en la esquina superior derecha. Al presionar el botón, publicará el sitio directamente en el servidor. Además, también verá las opcionesRuta de publicaciónyConfiguración.

Más características

Para terminar con este punto, quiero mostrarte algunas características más básicas que definitivamente buscarás en cuanto descargues Novi Builder.

La opciónCambiar resoluciónpermite al propietario del sitio web cambiar el tamaño del espacio de trabajo.

Pulse enConfiguraciónsi desea acceder a la configuración del sitio web o sus páginas.

Al hacer clic en el botón Descargar plantilla , puede descargar el tema del sitio. Este paso es imprescindible para los desarrolladores que necesitan proporcionar a los clientes sus sitios o probar estos proyectos en otros dispositivos.

Membresía Novi

¡Aquí hay otro punto que definitivamente requiere su atención! ¿Te gustaría empezar a trabajar con Novi Builder? La cuestión es que, para comenzar a usar el editor, deberá comprar una Membresía Novi.

¿Qué componentes se incluirán en la membresía? Aquí están.

  1. En primer lugar, obtendrá Novi Builder.
  2. En segundo lugar, obtendrá algunas plantillas HTML de calidad que fueron diseñadas profesionalmente y preempaquetadas para diferentes nichos comerciales.
  3. En tercer lugar, también obtendrá algunos complementos imprescindibles. Por ejemplo, existen herramientas como complementos de redes sociales, complemento de formulario de contacto, controles deslizantes, cuenta regresiva, Google Maps y mucho más.

En pocas palabras, al comprar una Membresía de Novi, obtendrá acceso a todas las plantillas, complementos, activos y elementos de diseño web existentes. Además, obtiene acceso automáticamente a los elementos que creará el equipo de Novi en el futuro. Sin duda, es imprescindible para los diseñadores y desarrolladores web.

Hay 3 membresías diferentes para elegir. Como siempre, su elección depende de sus necesidades.

  1. La membresía de inicio le costará $ 29 por año.
  2. La membresía avanzada le costará $ 49 por año.
  3. La membresía de desarrollador le costará $ 149 por año.

Consulta la siguiente pantalla para saber qué opciones incluye cada paquete.

Prueba Novi

Como sabrá, muchos creadores de sitios web populares (por ejemplo, Elementor Page Builder para WordPress) se pueden descargar gratis. Cuando se trata de Novi Builder, deberá comprar al menos el plan de $ 29 para usar el editor. Parece que esta es la mayor desventaja de trabajar con Novi Builder. Sin embargo, cuando se trata de un proceso de creación de sitios web cómodo y fácil de usar, $ 29 no es gran cosa, ¿verdad?

Por cierto, todas las transacciones son seguras. Estas son las opciones de pago para elegir:

Además, puede cancelar su suscripción a Novi Builder en cualquier momento que desee. Es un proceso rápido y sencillo.

Entonces, ahora, cuando esté familiarizado con todos los detalles principales, es hora de echar un vistazo más de cerca a Novi Builder. Comencemos con la interfaz del editor.

Use este enlace para leer acerca de las 5 mejores opciones gratuitas de software de creación de sitios web que tiene.

Interfaz Novi

Para empezar, esto es lo que ve cuando abre la interfaz de Novi:

  • Panel principal
  • Conmutador de modos Novi
  • Administrador de página
  • Menú principal
  • Área del editor visual
  • barra de herramientas del desarrollador

Estas son sus opciones cuando trabaja con páginas:

  1. Desencadenador del administrador de páginas
  2. Filtro de búsqueda de páginas
  3. Agregar una página
  4. Lista de páginas existentes

Y esto es lo que verá dentro de la barra de herramientas del desarrollador:

  1. Área de herramientas para desarrolladores
  2. Editor de código HTML
  3. Editor de código CSS
  4. Editor de código JS
  5. Administrador de ajustes preestablecidos
  6. Administrador de complementos

¿Cuáles son los requerimientos del sistema?

Antes de pasar a la instalación, verifiquemos si su sistema cumple con los requisitos necesarios. Esto es lo que necesita para trabajar cómodamente con Novi Builder:

  • Navegador : Chrome 50+ o Safari 10+;
  • 4 GB de RAM o más;
  • pantalla con mín. resolución de 1024 x 768;
  • CPU con velocidad de reloj mínima de 1 GHz;
  • teclado y ratón,
  • y la velocidad mínima de su conexión de red debe ser de 1 Mbps.

¿Cómo instalar Novi Builder?

Como siempre, los creadores del constructor prometieron que la instalación será rápida y sencilla. Sin embargo, en 2019, los usuarios en línea se acostumbraron a los largos manuales y a los interminables requisitos. Por lo tanto, veamos cómo puede instalar Novi Builder.

Para instalar Novi Builder en un servidor local, siga mi guía.

  1. En primer lugar, deberá descargar el software (por ejemplo, WAMP, XAMP o MAMP) para iniciar el servidor local.
  2. En segundo lugar, deberá verificar los requisitos de su servidor web y configurar el servidor de acuerdo con ellos.
  3. En tercer lugar, deberá descomprimir el archivo comprimido con Novi Builder. Una vez que haya terminado con esto, coloque los contenidos en uno de los directorios de su servidor. Se verá como el nombre de su disco/mamp/www/novi/.
  4. Por último, deberá iniciar el constructor. Habrá el enlace correspondiente. Simplemente haga clic en él.

Para instalar Novi Builder en un servidor remoto, siga los siguientes pasos.

  1. Antes que nada, para instalar el editor en un servidor remoto, también deberá verificar los requisitos del servidor web. Sí, no puedes evitar este paso de todos modos.
  2. Cuando haya terminado con los requisitos, descargue el software que permite trabajar con FTP. Hoy en día, los más populares son Total Commander 7+ y FileZilla.
  3. A continuación, instale el software descargado.
  4. Ahora deberá descomprimir el archivo de Novi Builder y cargar el constructor en su servidor de alojamiento. A continuación, le mostraré este paso usando Total Commander como ejemplo.
  5. Guarde los cambios.

Entonces, así es como puede cargar Novi Builder en su servidor de alojamiento con la ayuda deTotal Commander.

Para establecer la conexión con su servidor, necesitará:

  • navegue a la pestaña NET y luego a FTP connect,
  • haga clic en el botón Nueva conexión,
  • Rellene los campos correspondientes para especificar los datos del proveedor de hosting.

El campo será:

  • Sesión: debe poner aquí el nombre de su conexión; (cualquier nombre que quieras será adecuado)
  • Hosting Name: ingrese aquí su nombre de usuario y contraseña.

Luego, presione el botón Aceptar .

Para cargar los archivos necesarios en el servidor, siga estos pasos:

  • navegue a la pestaña NET y luego a FTP connect,
  • seleccione el nombre de usuario que ha creado anteriormente (necesitará el campo Sesión)
  • presione en Conectar,
  • copie el contenido de su archivo de Novi Builder,
  • navegue hasta el directorio raíz del nombre de dominio predeterminado que utiliza,
  • pegue el contenido del archivo del constructor que ha copiado, ¡y listo!

Novi Builder y Autorización

Como sabrá por la versión 0.9.0, Novi Builder es totalmente compatible con la protección con contraseña . Por eso, para abrir la interfaz de Novi, deberá ingresar una contraseña. Por defecto, es 'Novi'. Obviamente, debe cambiarlo para que la creación de sitios web sea más segura.

Así es como llegas allí.

  1. Interruptor de configuración de seguridad.
  2. Aquí deberá ingresar la contraseña predeterminada.
  3. Utilice esta opción para habilitar o deshabilitar la autorización del usuario. Ten en cuenta que para aplicar nuevos cambios necesitarás ingresar el pase.
  4. Utilice esta opción para habilitar o deshabilitar el modo de demostración.
  5. Aquí es donde debe ingresar su nueva contraseña.

Para deshabilitar el inicio de sesión mediante pase , siga estos pasos:

  • vaya al menú principal de Novi Builder,
  • abrir configuración de seguridad,
  • introduce tu contraseña actual,
  • busque la opción Habilitar autorización de contraseña y desactívela,
  • guardar los cambios realizados.

Para cambiar la contraseña, sigue estos pasos:

  • vaya al menú principal de Novi Builder,
  • abrir configuración de seguridad,
  • vaya a la pestaña Cambiar contraseña,
  • ingresa tu pase actual,
  • ingrese su nuevo pase,
  • guardar los cambios realizados.

Para restablecer la contraseña, siga estos pasos:

  • vaya a constructor/php/sesión.php,
  • escribe en la línea: '$currentPassword = “contraseña”.'

Finalmente, cuando trabaje con Novi Builder, tenga en cuenta que :

  • no necesitará autorizar cuando el modo de demostración esté activado,
  • no necesitará aprobar la autorización cuando esté deshabilitada,
  • al crear el nuevo pase en lugar del predeterminado, reduce los riesgos de seguridad.

¿Qué complementos encontrará dentro del paquete Novi Builder?

No es necesario explicar por qué los complementos son uno de los aspectos vitales de cualquier herramienta de creación de sitios web. Seguramente, en caso de que ya tenga una plantilla de sitio web de alta calidad, puede trabajar con sus activos. Sin embargo, obtener algunos complementos esenciales con su generador de contenido también parece una gran idea. Entonces, ¿qué complementos tendrás con Novi Builder?

En promedio, el editor viene con 20 complementos. Aquí están.

#1 Complemento de imagen de fondo

Para resumir, este complemento le permite cambiar la imagen de fondo del elemento. Como todos los demás complementos de Novi, el complemento Imagen de fondo es muy fácil de usar. Puede cambiar el fondo y torcer la configuración en un tirón.

Para agregar su imagen como fondo, simplemente haga doble clic con el botón izquierdo del mouse en la imagen de destino.

Para obtener más información sobre las capacidades de su galería de medios, vaya a Galería de medios y abra la sección de características. También puede seguir este enlace para leer la documentación detallada sobre el complemento Imagen de fondo de Novi.

#2 Complemento de fondo

Este complemento de Novi le permite cambiar el color de fondo de un elemento. Esta es una herramienta importante porque los diferentes esquemas de color pueden afectar fácilmente a su sitio web.

Ten en cuenta que el color del icono depende del tono que hayas elegido previamente.

Para leer la documentación detallada sobre el complemento Novi Background, siga este enlace.

#3 Complemento de imagen

Este complemento de Novi Builder le permite reemplazar las imágenes. Para agregar su imagen, simplemente haga doble clic con el botón izquierdo del mouse en la imagen de destino.

Para obtener más información sobre las posibilidades del complemento, vaya a Media Gallery y abra la sección de características. Además, puede usar este enlace para leer la documentación detallada sobre el complemento Novi Image.

#4 Complemento de marco flotante

Este complemento le permite elegir el recurso donde se mostrará su contenido dentro de un marco.

Para leer más, abra la documentación detallada del complemento Iframe.

#5 Complemento de enlace

Como dice el nombre del activo, este elemento le permite cambiar el enlace.

Cuando trabaje con el complemento Link, tenga en cuenta que:

  • querySelector (por defecto está configurado en “a[href]”): le permite definir el elemento procesado por el complemento;
  • applyToProjectElements (habilitado de forma predeterminada): permite habilitar/deshabilitar el reemplazo de todos los enlaces en el proyecto (incluidos los ajustes preestablecidos y todas las páginas) al guardar la configuración del complemento;
  • FavoriteLinks: le permite configurar enlaces de proyectos favoritos.

Echemos un vistazo rápido al área de administración de complementos. Esto es lo que debe saber cuando trabaje con el complemento Link. Tipo de vínculo le permite seleccionar un tipo de vínculo para la inserción. Hay 3 tipos de enlaces para elegir:

  • Páginas: donde estarán disponibles todas las páginas del proyecto,
  • Favoritos: donde se mostrarán todos los enlaces indicados en la configuración del complemento,
  • Personalizado: donde puede establecer un enlace personalizado.

Además, debo agregar que, por defecto, se abrirá la pestaña Personalizar. La única excepción es el caso cuando su enlace en un elemento elegido se corresponde con una de las páginas o con un enlace favorito.

Para leer más, consulte la documentación detallada del complemento Link.

#6 Complemento de paralaje de material

Para empezar, digamos un par de palabras sobre el desplazamiento de Parallax. Aunque el efecto se creó originalmente para usarse en videojuegos, Parallax todavía está en la cima de las tendencias de diseño web. Crea una ilusión llamativa de profundidad y movimiento. Como resultado, puede guiar a los visitantes a través del contenido de su sitio web de una manera atractiva e interactiva.

Entonces, este complemento de Novi Builder funciona con el script Material Parallax. Le permite reemplazar las imágenes de origen que se utilizarán para Parallax. No habrá nada complicado. Puede hacerlo fácilmente a través de herramientas de edición visual. ¡No se requiere codificación!

Esto es lo que verá en el área Carga de imágenes:

  • Elegir archivo: presione este botón para seleccionar la imagen necesaria.
  • Cargar imagen de fondo: presione este botón para cargar la imagen que seleccionó.

#7 Complemento de etiqueta

Este complemento de Novi Builder se creó para permitirle cambiar la etiqueta del campo de formulario.

#8 Complemento de cuenta regresiva

Como sabrá, en estos días, el temporizador de cuenta regresiva se encuentra entre las tendencias de diseño web más útiles. Este elemento pequeño pero inteligente te permite exhibir muchas cosas de una manera minimalista. En realidad, por hoy, es la forma más cómoda de mostrar cualquier información importante, y he aquí por qué.

El cerebro humano es un mecanismo extraño y complicado. Reconoce elementos visuales más rápido que otros tipos de información. Es por eso que los mostradores son imprescindibles. Para decir más, nuestro cerebro recuerda la información visual durante un período de tiempo más largo. Con la ayuda de los contadores, puede presentar todos los proyectos que completó, mostrar cuántos clientes felices o ideas exitosas tiene y mucho más.

Por lo tanto, cuando se trata de temporizadores de cuenta regresiva, le permiten resaltar la información o el evento necesarios. Por ejemplo, puede usar el temporizador para mostrar cuántas horas tiene un cliente hasta el comienzo de una venta o el final de una oferta especial.

#9 Complemento de mapas de Google

Aunque en 2019, puede verlo en cualquier sitio web, el complemento de mapas sigue siendo algo bueno. Las perspectivas modernas se acostumbraron a la comodidad, por lo que esperan que proporcione mapas en línea. Además, al usar los mapas de Google para su proyecto en línea, lo hace aún más amigable para el cliente. Como resultado, las personas pueden ver dónde se encuentra su oficina y elegir el camino más corto para llegar a ella.

Novi Builder viene con el complemento de Google Maps que le permite cambiar la configuración de los mapas visualmente.

Esto es lo que puede ver dentro del panel de configuración del mapa :

  • utilice el campo Clave de API para establecer la clave de API para usar la API de JavaScript de Google Maps;
  • campo Centro del mapa para establecer las coordenadas del centro del mapa;
  • Campo de zoom para definir el nivel de zoom;
  • Opción de selección de estilo para elegir el estilo del mapa;
  • Marker Icon y Active Marker Icon seleccionan opciones para configurar el marcador para los estados predeterminado y activo.

Esto es lo que puede ver dentro del panel de configuración de pines del mapa :

  • El campo Ubicación del marcador lo ayudará a establecer la ubicación del marcador;
  • utilice el campo Descripción del marcador para especificar la descripción del marcador; se mostrará en estado activo;
  • use el botón Agregar marcador para agregar la Ubicación del marcador y el grupo Descripción del marcador para agregar el nuevo marcador.

#10 Complemento de iconos

Este complemento de Novi Builder lo ayudará a reemplazar los íconos que usa en el sitio web.

Para elegir el icono para pegar, haga doble clic en el elemento con el botón izquierdo del ratón.

# 11 Complemento de carrusel de búhos

Incluso en 2019, los carruseles siguen estando de moda. Novi Builder viene con el complemento Owl Carousel que le permite configurar carruseles sin tocar una sola línea de código.

Esto es lo que puede ver dentro del panel de configuración del carrusel:

  1. El campo Elementos visibles lo ayudará a definir la cantidad de elementos que se mostrarán. Con la función, puede hacer que la cantidad de elementos visibles cambie según el tamaño de la pantalla.
  2. El campo Sangría entre elementos lo ayudará a establecer los espacios entre los elementos del carrusel. Con la función, puede hacer que la distancia entre los elementos varíe según el tamaño de la pantalla.
  3. Enable Loop Switcher lo ayudará a habilitar o deshabilitar el bucle de carrusel. Por cierto, puedes hacerlo en modo de vista previa.
  4. Carrusel Autoplay Switcher lo ayudará a habilitar o deshabilitar la reproducción automática del carrusel. También viene con el modo de vista previa.
  5. El campo Retraso de reproducción automática del carrusel lo ayudará a establecer el retraso deslizante.

#12 Complemento de monitor de campaña

Este complemento de Novi Builder lo ayudará a configurar el formulario para que funcione con el servicio Campaign Monitor.

Esto es lo que puede ver dentro del área de configuración del formulario:

  • El campo URL de registro de Campaign Monitor define la acción del formulario;
  • El campo Nombre de entrada de Campaign Monitor define el valor del atributo de nombre del campo de entrada.

#13 Complemento de MailChimp

No hace falta decir que la suscripción al boletín sigue siendo uno de los elementos imprescindibles para cualquier proyecto en línea. ¿Por qué? Bueno, porque así es como puede aumentar rápidamente la audiencia del sitio web y mantener a las personas comprometidas sin quedarse sin presupuesto.

Entonces, este complemento de Novi Builder le permite configurar el trabajo con el servicio MailChimp.

# 14 Complemento de formulario de correo RD

Al igual que la herramienta anterior, este complemento de Novi Builder le permite trabajar con RD Mailform mediante la edición visual.

Complementos #15 RD Instagram Feed y #16 RD Twitter Feed

Estos complementos de Novi Builder se crearon para impulsar la actividad en las redes sociales. En caso de que vaya a obtener algo de tráfico social, no se pierda estos recursos. Ambos complementos son fáciles de usar y le permiten configurar fuentes de Instagram y Twitter con las herramientas de edición visual.

#17 Complemento del control deslizante de la cámara

Este es otro complemento imprescindible que le proporciona Novi Builder. El activo le permite configurar el control deslizante de la cámara sin esfuerzo.

Complemento deslizante #18 Swiper

Este complemento de Novi Builder le permite configurar Swiper Slider a su gusto.

Esto es lo que puede ver dentrodel área de carga de imágenes:

  • Elegir el botón Archivo le ayudará a seleccionar una imagen;
  • El botón Cargar imagen de fondo le permite cargar la imagen seleccionada.

Esto es lo que puede ver dentrodel área de selección de imágenes:

  • Para agregar una imagen, deberá hacer doble clic con el botón izquierdo del mouse en la imagen de destino.

Esto es lo que puede ver dentrodel área de recorte de imagen:

  • Utilice la configuración Conservar relación de aspecto original para conservar la relación de aspecto de la imagen original.

#19 Complemento de vídeo

Utilice este complemento de Novi Builder para configurar su escaparate visual.

#20 Complemento de galería de luz

Use este complemento de Novi Builder para configurar Light Gallery usando herramientas visuales.

Esto es lo que puede ver dentro del área de Configuración de la galería :

  • Gallery Slide Animation le permite ajustar la animación de la transición de los elementos de la galería;
  • El conmutador de miniaturas lo ayudará a habilitar o deshabilitar la demostración de vista previa de los elementos de la galería;
  • Loop Switcher lo ayudará a habilitar o deshabilitar el bucle de elementos de la galería;
  • El conmutador de reproducción automática lo ayudará a habilitar o deshabilitar la reproducción automática de elementos de la galería;
  • El campo Retraso de la reproducción automática de la galería le permite configurar el tiempo de retraso del elemento.

Entonces, estos fueron todos los complementos que vienen con Novi Builder. Para resumir todo, esto es lo que obtienes.

Principales Posibilidades de Trabajar con Novi Builder

Ahora ya sabe cómo funciona Novi Builder. Para resumir todo, estas son las acciones que puede realizar fácilmente cuando trabaja con el editor. Por lo tanto, podrá:

  • edite el contenido de su sitio web en modo en vivo;
  • importa diferentes temas HTML al constructor en caso de que ya hayas comprado algunos;
  • copiar, insertar, reemplazar y eliminar cualquier función, opción o componente de diseño web;
  • use varios bloques de contenido nuevos que vienen como elementos prediseñados para el tema elegido;
  • configure los elementos nombrados a su gusto personal con solo unos pocos clics;
  • administre su propia biblioteca de medios para colocar allí algunos videos e imágenes que se utilizarán en diferentes secciones de su proyecto en línea;
  • editar textos,
  • editar URL,
  • crea y edita fondos y todos los detalles, incluidos degradados, colores e imágenes;
  • trabaje con fuentes web legibles y 100 % fáciles de usar (hay una nueva colección de Google Fonts)
  • trabaja con los íconos incluidos en tu tema;
  • cargue nuevos íconos si es necesario y edítelos como desee;
  • intente trabajar con el editor de código IDE de Novi en caso de que vaya a jugar con código CSS, HTML y JS;
  • agregue un control deslizante llamativo al diseño de su sitio web,
  • usa un impresionante efecto Parallax,
  • crear formularios de contacto,
  • agregar mapas de Google,
  • construye carruseles elegantes para mejorar tu contenido visual, etc.

¡No hace falta decir que estos fueron solo por nombrar algunos! De hecho, Novi Builder viene con numerosos elementos de diseño sorprendentes para enriquecer su sitio.

Preguntas y respuestas del usuario aspirante a novi

Ahora es el momento de responder las preguntas más populares sobre cómo trabajar con Novi Builder.

¿Novi Builder es compatible con diferentes navegadores?

Sí, lo hace. Además, se prueba regularmente en los navegadores más populares: Safari y Google Chrome.

¿Podré usar Novi Builder y sus plantillas para diferentes proyectos en línea?

Para empezar, puede ejecutar una cantidad ilimitada de varios sitios web utilizando el constructor. Por lo tanto, sí, seguramente puede usar Novi Builder para diferentes sitios.

¿Alguien puede comprar Novi Builder en sitios de terceros?

Básicamente, es posible comprar Novi Builder en otros sitios. Sin embargo, tenga en cuenta que no obtendrá una membresía gratuita. No será posible incluso en caso de que haya realizado una compra en un sitio de terceros.

¿Puedo transferir mi sitio web basado en HTML a Novi Builder?

Como ya he dicho anteriormente, puede transferir su sitio existente a Novi Builder sin perder su contenido.

¿Cómo recibiré actualizaciones?

Los obtendrá automáticamente tan pronto como se publiquen las actualizaciones. Además, puede descargar las plantillas HTML más recientes en la sección 'Descargas' de su cuenta personal.

¿Podré obtener un reembolso?

Sí, trabajando con Novi Builder, puede obtener un reembolso completo. Viene para cualquiera de los planes de membresía del editor. Puede obtener un reembolso dentro de los 30 días posteriores a la compra.

¿Puedo vender plantillas hechas con Novi Builder?

¡Sí tu puedes! El constructor fue hecho para diseñadores y desarrolladores. Solo elige el plan Desarrollador. Le otorga la licencia para crear y vender las plantillas habilitadas por Novi Builder. Puede venderlos en cualquier mercado de terceros.

¿Es posible usar la plantilla de Novi Builder para mis sitios web sin cambiar el diseño?

La respuesta es sí. Puede administrar múltiples sitios web creados con temas de Novi Builder y no tiene que cambiar el diseño en caso de que no lo desee.

Pensamientos finales

Para resumir todo, diría que Novi Builder proporciona a sus usuarios las plantillas HTML más destacadas. Están prediseñados y pueden ser utilizados por personas de cualquier nivel de habilidad. Sin embargo, los temas son totalmente editables y vienen con código fuente abierto. Entonces, al suscribirse, obtiene acceso a una rica colección de diferentes plantillas de sitios web, complementos y otros elementos de contenido. No hace falta decir que vendrán algunos componentes más de la interfaz de usuario. Novi Builder recibe actualizaciones periódicas que se instalarán automáticamente. Significa que siempre tendrá algunas características de moda para elegir.

Cuando se trata de nichos comerciales como el diseño web o el desarrollo web, ¡Novi Builder es una verdadera visita obligada! Imagínese cuántos proyectos en línea puede ejecutar para sus clientes usando el editor. En definitiva, ¡no hay límites en absoluto!

Para terminar, comparemos Novi Builder con el HTML Page Builder predeterminado.

Constructor Novi Constructor de HTML
Editar texto
Texto estilizado (negrita, color, cursiva y otros)
Herramientas para diseñadores NO
Creación de varias páginas
Copia de seguridad del proyecto NO
Diseño de respuesta
Guardado automático NO
Vista previa de la página NO
Bloque de búsqueda por categorías/contenidos/nombre
Configuración de la red NO
Editar URL Complemento de usuario
Configuración del control deslizante Complemento de usuario NO
Configuración del mapa Complemento de usuario NO
Configuración del formulario de contacto Complemento de usuario NO
Configuración de Instagram/Twitter/Facebook Complemento de usuario NO
Configuración de acordeón NO
Configuración de navegación
Agregar/Eliminar elementos (widgets) NO
Add/Remove blocks (sections)

What about your choice of website builder? Don't hesitate to leave a comment below.

¿Te resultó útil este artículo

si no