Cómo ejecutar un sitio web HTML con Novi HTML Website Builder

Cuando se trata de la creación de sitios web en 2019, no hay necesidad de lidiar con la codificación. Estoy seguro de que ya lo sabe todo sobre los diferentes productos digitales listos para usar. En estos días, puede obtener fácilmente todo lo que esté prediseñado y empaquetado para usted. Por estas simples razones, existen muchos sitios web atractivos. La gente busca nuevas formas de destacar entre la multitud. Es por eso que la cantidad de nuevos temas de sitios web receptivos, complementos, activos y tendencias de diseño web aumentan 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 modernas plantillas HTML receptivas. Entonces, ¿cuáles son las principales ventajas de trabajar con el editor y existen algunas desventajas? Esté atento 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 abreviar la historia, el equipo de Novi diseñó el editor con 3 características principales en mente:

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

¿Recuerda 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 elegantes elementos de diseño web. 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 tanto, el equipo de Novi siguió investigando. Como hacen todas las empresas inteligentes, querían estudiar a la audiencia para averiguar las necesidades de los clientes potenciales. La investigación mostró que, antes que nada, la gente buscaba comodidad.

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

• cree 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 creación del sitio web,
• y diseñar el sitio web con diferentes componentes de interfaz de usuario atractivos.

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 función de arrastrar y soltar era Elementor. Viene con todas las características 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 para trabajar cuando no eres un experto en tecnología.

Después de una investigación larga y detallada, también se mejoró la tecnología de arrastrar y soltar que utilizó 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.

La audiencia tardó solo varios meses en acostumbrarse a Novi Builder. Pronto se hizo popular. No hace falta decir que se realizaron muchas actualizaciones para el editor. Un año después, los creadores mostraron 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 podían, sino de la manera que querían. 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.

Regreso al presente

Hoy en día, Novi Builder se considera 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í es como puede evitar cometer errores comunes al crear sus diseños.

¿Le 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 debe saber sobre Novi Builder es que es una plataforma en línea B2B / B2C . ¿Qué significa? Vamos a ver.

1. B2B, que significa de 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 negocios. Cuando se trata de Novi Builder, B2B está conectado con usuarios que utilizan sus propias plantillas de sitios web para proporcionar diferentes servicios. Los últimos están relacionados en su mayoría con nichos de negocio como el diseño web, el desarrollo web, el eCommerce o el email marketing.
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 con 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 darle estilo 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 negocios cuando B2C es aproximadamente 1 negocio solamente. 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 le 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 al usuario final. A continuación, puede ver las 5 características principales con las que trabajar.

Gestión de páginas

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

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

Para decir más, ¡puede hacer todo esto con un solo clic! Por cierto, hay algunas acciones adicionales que puede realizar cuando trabaja con Page Manager. ¿Cómo se llega a ellos? 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 hablamos 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 como:

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

Modo de diseño

En tercer lugar, tienes el modo de 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 de desarrollo en su paquete. Con él, podrá obtener una nueva experiencia de creación de sitios web cuando trabaje con HTML, CSS y el editor JS. Obviamente, puede editar el código fuente de la forma que desee.

Entre todas las funciones, me gustaría destacar Preset Manager. Esta cosa genial te ayudará a avanzar en el proceso de edición. Para abreviar la historia, el administrador le permite crear nuevos ajustes preestablecidos a mano y guardarlos en la biblioteca. Todo es tan simple como el abecedario. 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ón Guardar como predeterminado ubicado 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 misma manera 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ón Publicar sitio de color azul claro en la esquina superior derecha. Al presionar el botón, publicará el sitio directamente en el servidor. Además, también verá las opciones de Ruta de publicación y Configuració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ón Cambiar resolución permite al propietario del sitio web cambiar el tamaño del espacio de trabajo.

Presione Configuración si 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! ¿Le gustaría empezar a trabajar con Novi Builder? El caso es que, para comenzar a usar el editor, deberá comprar una Membresía de 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 y preempaquetadas profesionalmente para diferentes nichos comerciales.
3. En tercer lugar, también obtendrá algunos complementos imprescindibles. Por ejemplo, existen herramientas como complementos de redes sociales, complementos 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 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 inicial 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.

Consulte la pantalla a continuación 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 un gran problema, ¿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 cuando lo 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.

Utilice este enlace para leer acerca de las 5 mejores opciones de software de creación de sitios web gratuitos 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 al trabajar con páginas:

1. Activador 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 preajustes
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 sentirse cómodo trabajando con Novi Builder:

• Navegador : Chrome 50+ o Safari 10+;
• 4 GB de RAM o más;
• pantalla con min. resolución de 1024 x 768;
• CPU con frecuencia 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 los infinitos 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 con el Novi Builder comprimido. Una vez que haya terminado, coloque el contenido 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 haz 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 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 de Total Commander .

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

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

El campo será:

• Sesión: debe poner aquí el nombre de su conexión; (cualquier nombre que desee será adecuado)
• Nombre de alojamiento: escriba aquí su nombre de usuario y contraseña.

Luego, presione el botón OK .

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

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

Novi Builder y autorización

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

Así es como se llega.

1. Interruptor de ajustes de seguridad.
2. Aquí deberá ingresar la contraseña predeterminada.
3. Utilice esta opción para habilitar o deshabilitar la autorización del usuario. Tenga en cuenta que para aplicar nuevos cambios deberá 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 contraseña , 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 deshabilítela,
• guardar los cambios realizados.

Para cambiar la contraseña , siga estos pasos:

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

Para restablecer la contraseña , siga estos pasos:

• vaya a builder / php / session.php,
• escriba en 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á pasar 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 creador de contenido también parece una gran idea. Entonces, ¿qué complementos tendrá con Novi Builder?

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

# 1 complemento de imagen de fondo

Para abreviar la historia, este complemento le permite cambiar la imagen de fondo del elemento. Como todos los demás complementos de Novi, el complemento de imagen de fondo es muy fácil de usar. Puede cambiar el fondo y modificar 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 funciones. También puede seguir este enlace para leer la documentación detallada sobre el complemento Novi Background Image.

# 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.

Tenga en cuenta que el color del icono depende del tono que eligió anteriormente.

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 Galería de medios y abra la sección de funciones. Además, puede utilizar este enlace para leer la documentación detallada sobre el complemento Novi Image.

# 4 complemento de iframe

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 (de forma predeterminada se establece 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 los enlaces de proyectos favoritos.

Echemos un vistazo rápido al área de administración de complementos. Esto es lo que debe saber al trabajar con el complemento Link. Tipo de enlace le permite seleccionar un tipo de enlace 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, de forma predeterminada, se abrirá la pestaña Personalizado. 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 Material Parallax

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 de profundidad y movimiento que llama la atención. 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:

• Elija 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 del 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 le permite exhibir muchas cosas de una manera minimalista. De hecho, por hoy, es la forma más cómoda de mostrar cualquier información importante, y este es el motivo.

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 contadores 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 contadores, puede presentar todos los proyectos que completó, mostrar cuántos clientes felices o ideas exitosas tiene y mucho más.

Entonces, 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 una buena opción. Los prospectos modernos se acostumbraron a la comodidad, por lo que esperan que les proporcione mapas en línea. Además, al usar 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 hacia 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 :

• use el campo Clave API para configurar la clave 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;
• El icono de marcador y el icono de marcador activo seleccionan las opciones para establecer el marcador para los estados predeterminado y activo.

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

• El campo Ubicación del marcador le ayudará a establecer la ubicación del marcador;
• utilice el campo Descripción de 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 mouse.

# 11 Complemento de carrusel de búhos

Incluso en 2019, los carruseles todavía están 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 le ayudará a definir la cantidad de elementos que se mostrarán. Con la función, puede hacer que el número de elementos visibles cambie según el tamaño de la pantalla.
2. El campo Sangría entre elementos le 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 te ayudará a habilitar o deshabilitar el carrusel. Por cierto, puedes hacerlo en modo de vista previa.
4. Carousel Autoplay Switcher te ayudará a habilitar o deshabilitar la reproducción automática del carrusel. También viene con modo de vista previa.
5. El campo Retraso de reproducción automática del carrusel le ayudará a establecer el retraso de deslizamiento.

# 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 de formulario:

• El campo URL de registro de Campaign Monitor define la acción del formulario;
• El campo Nombre de entrada del monitor de campaña 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 ampliar rápidamente la audiencia del sitio web y mantener a la gente comprometida sin quedarse sin presupuesto.

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

# 14 Complemento de formulario de correo de RD

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

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

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

# 17 Complemento de control deslizante de la cámara

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

# 18 Complemento Swiper Slider

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

Esto es lo que puede ver dentro del á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 dentro del á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 dentro del área Recorte de imagen :

• Utilice el ajuste Mantener relación de aspecto original para conservar la relación de aspecto de la imagen original.

# 19 Complemento de video

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

# 20 Complemento Light Gallery

Utilice este complemento de Novi Builder para configurar Light Gallery utilizando herramientas visuales.

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

• La animación de diapositivas de la galería 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;
• El conmutador de bucle lo ayudará a habilitar o deshabilitar el bucle de los elementos de la galería;
• El selector de reproducción automática lo ayudará a habilitar o deshabilitar la reproducción automática de los elementos de la galería;
• El campo Retraso de reproducción automática de la galería te permite configurar el tiempo de retraso del artículo.

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 sabes cómo funciona Novi Builder. Para resumir todo, estas son las acciones que puede realizar fácilmente cuando trabaja con el editor. Entonces, podrás:

• edite el contenido de su sitio web en un modo en vivo;
• importar diferentes temas HTML en el constructor en caso de que ya haya comprado algunos;
• copiar, insertar, reemplazar y eliminar cualquier característica, opción o componente de diseño web;
• utilizar 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 poner allí algunos videos e imágenes que se utilizarán en diferentes secciones de su proyecto en línea;
• editar textos,
• editar URL,
• cree y edite fondos y todos los detalles, incluidos degradados, colores e imágenes;
• trabajar con fuentes web legibles y 100% amigables con la vista (hay una nueva colección de fuentes de Google)
• trabajar con los iconos incluidos en su tema;
• cargue nuevos iconos 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,
• use el impresionante efecto Parallax,
• crear formularios de contacto,
• agregar Google Maps,
• 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 aspirante a usuario de 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í, al trabajar 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 creadas con Novi Builder?

¡Sí tu puedes! El constructor fue creado para diseñadores y desarrolladores. Simplemente elija el plan de desarrollador. Te da la licencia para crear y vender las plantillas habilitadas por Novi Builder. Puede venderlos en cualquier mercado de terceros.

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

La respuesta es sí. Puede administrar varios 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 el as y las plantillas HTML con todas las funciones. Están prediseñados y pueden ser utilizados por personas de cualquier nivel. Sin embargo, los temas son completamente editables y vienen con código fuente abierto. Por lo tanto, 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 más componentes de la interfaz de usuario. Novi Builder recibe actualizaciones periódicas que se instalarán automáticamente. Significa que siempre tendrá algunas características modernas para elegir.

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

Para terminar, comparemos Novi Builder con el Generador de páginas HTML predeterminado.

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