Cómo ejecutar un sitio web HTML con Novi Builder: guía detallada para no expertos

En esta ocaion compartimos el siguiente articulo gracias a varias de las mejores fuentes de ingresos online de la red, con diversos temas sobre todas las compañias para generar ingresos online como adsense, mobidea, mobusi, pop-ads, ETC.

Cuando se trata de crear sitios web en 2019, no hay necesidad de ocuparse de la codificación. Estoy seguro de que ya sabe todo sobre los productos digitales listos para usar. En estos días, puede obtener fácilmente todo lo prediseñado y preenvasado para usted. Por estas simples razones, hay muchos sitios web llamativos. La gente está buscando 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 estaré revisando uno de los 5 mejores creadores de sitios web – Novi Builder. También es el generador de arrastrar y soltar más popular para HTML.

En caso de que prefieras trabajar con HTML, definitivamente has escuchado este nombre antes, ya que Novi Builder viene con todos los modernos plantillas HTML receptivas. Entonces, ¿cuáles son las principales ventajas de trabajar con el editor? ¿Existen desventajas? Estén atentos para descubrir todas las cosas cruciales relacionadas con el generador 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 al historial de este creador 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 ser la edición de sitios web en 2016? En su mayoría era aburrido y contenía solo características imprescindibles. Sin embargo, el progreso digital nunca se detuvo, por lo que se utilizaron numerosas opciones bohemias 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 era 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 era suficiente. Por lo tanto, el equipo de Novi continuó investigando. Como hacen todas las compañías inteligentes, querían estudiar a la audiencia para descubrir las necesidades de los posibles clientes. La investigación mostró que, antes que nada, las personas buscaban consuelo.

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 construcción del sitio web,
  • y diseñe 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 verdadera maravilla. Además, no olvide que en aquel entonces, el único editor de contenido útil que proporcionaba la funcionalidad de arrastrar y soltar era Elementor. Llegó con todas las características necesarias, pero fue hecho 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.

Al público le tomó solo varios meses acostumbrarse a Novi Builder. Se hizo popular muy pronto. No hace falta decir que se hicieron muchas actualizaciones para el editor. Un año después, los creadores exhibieron 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 construcción del sitio web, sino que también trajo muchas nuevas posibilidades 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 libre de estrés. Es por eso que fue nombrado el mejor generador visual de sitios web para HTML.

Regreso al presente

Hoy, Novi Builder se llama el mejor editor de arrastrar y soltar para HTML. Para decirlo brevemente, el constructor promueve el proceso de trabajo y lo simplifica para 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.

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

¿Para qué modelos de negocio son adecuados Novi Builder?

Otra cosa que debes saber sobre Novi Builder es que es un Plataforma en línea B2B / B2C. Qué significa eso? Veamos.

  1. B2B lo que significa negocio a negocio. 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 sitio web para proporcionar diferentes servicios. Los últimos están relacionados principalmente con nichos de negocios como diseño web, desarrollo web, comercio electrónico o marketing por correo electrónico.
  2. B2C lo que significa negocio 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 compañía. Hablando de Novi Builder, B2C está conectado con los usuarios finales que ya tienen sus sitios web lanzados. Estos usuarios pueden comprar las plantillas 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 aproximadamente 1 empresa 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 te ayudará este generador 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 5 características principales para trabajar.

Gestión de páginas

Primero lo primero: Novi Builder ofrece 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 al trabajar con el Administrador de páginas. ¿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 abras 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. Solo use estas opciones para verificar su diseño y determinar 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 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 se esperaba, Novi Builder contiene muchas herramientas de desarrollador 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 manera que desee.

Entre todas las características, me gustaría destacar Gestor de ajustes preestablecidos. 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:

  • elige el elemento de contenido necesario,
  • selecciónelo en el espacio de trabajo,
  • guárdelo haciendo clic en el Guardar como preestablecido botón 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 preset en la ventana del editor de la misma forma que lo hace con otros componentes de la interfaz de usuario.


Publicación instantánea

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

Como puede ver en la captura de pantalla a continuación, hay un azul claro Publicar sitio botón en la esquina superior derecha. Al presionar el botón, publicará el sitio directamente en el servidor. Además, también verás allí Ruta de publicación y Configuración opciones.

Más características

Para terminar con este punto, quiero mostrarle algunas características más básicas que definitivamente buscará tan pronto como descargue Novi Builder.

Cambiar resolución La opción permite al propietario del sitio web cambiar el tamaño del espacio de trabajo.

Seguir adelante Configuraciones si desea obtener acceso a la configuración del sitio web o sus páginas.

Al hacer clic en el Descargar plantilla botón, 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 tu atención! ¿Te gustaría comenzar 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 de negocios.
  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 Novi, obtendrá acceso a todas las plantillas, complementos, activos y elementos de diseño web existentes. Además, obtendrá acceso automáticamente a los elementos que creará el equipo de Novi en el futuro. Sin lugar a dudas, 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.

Consulte la pantalla a continuación para saber qué opciones incluye cada paquete.

Prueba Novi

Como ya sabrás, 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 simple.

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 sobre arriba 5 opciones gratuitas de software de creación de sitios web tienes.

Interfaz Novi

Para empezar, esto es lo que ves cuando abres la interfaz Novi:

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

Estas son sus opciones cuando trabaja con páginas:

  1. Activador de administrador de página
  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. Gerente 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 trabajar cómodamente 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;
  • UPC con una 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 fácil. Sin embargo, en 2019, los usuarios en línea se acostumbraron a los largos manuales y a los infinitos requisitos. Por lo tanto, veamos cómo puede instalar Novi Builder.

Para instalar Novi Builder en un servidor local, sigue 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 comprimido. Una vez que haya terminado con esto, 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 generador. Habrá el enlace correspondiente. Solo haz clic en él.

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

  1. Antes de 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, los más populares son Total Commander 7+ y FileZilla.
  3. Luego, instale el software descargado.
  4. Ahora deberá descomprimir el archivo de Novi Builder y cargar el generador en su servidor de alojamiento. A continuación, le mostraré este paso usando Total Commander como ejemplo.
  5. Guarda los cambios.

Entonces, así es como puede cargar Novi Builder a su servidor de alojamiento con la ayuda de Comandante total.

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

  • navegue a la pestaña NET y luego conecte FTP,
  • 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: ingrese aquí su nombre de usuario y contraseña.

Luego, presione el Botón OK.

Para cargar los archivos necesarios al servidor, sigue estos pasos:

  • navegue a la pestaña NET y luego conecte FTP,
  • seleccione el nombre de usuario que creó anteriormente (necesitará el campo Sesión)
  • presione Conectar,
  • copie el contenido de su archivo de Novi Builder,
  • navegue al directorio raíz del nombre de dominio predeterminado que usa,
  • pegue el contenido del archivo del constructor que ha copiado, ¡y eso es todo!

Novi Builder y Autorización

Como puede saber de la versión 0.9.0, Novi Builder es totalmente compatible protección de contraseña. Es por eso que, 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. Use esta opción para habilitar o deshabilitar la autorización del usuario. Tenga en cuenta que para aplicar nuevos cambios deberá ingresar al pase.
  4. Use esta opción para habilitar o deshabilitar el modo de demostración.
  5. Aquí es donde debe ingresar su nueva contraseña.

A deshabilitar inicio de sesión mediante pase, sigue estos pasos:

  • ir al menú principal de Novi Builder,
  • abra la Configuración de seguridad,
  • introduce tu contraseña actual,
  • encuentre la opción Habilitar autorización de contraseña y desactívela,
  • guardar los cambios realizados

A cambiar la contraseña, sigue estos pasos:

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

A restablecer la contraseña, sigue estos pasos:

  • ve a builder / php / session.php,
  • escriba en línea: "$ currentPassword =" contraseña ".’

Finalmente, cuando trabajas con Novi Builder, Manten eso en mente:

  • 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ás 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 Plugin de imagen de fondo

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

Para agregar su imagen para un 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 multimedia, vaya a Galería multimedia y abra la sección de funciones. También puede seguir este enlace para leer el 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 diferente los esquemas de color pueden afectar fácilmente su sitio web.

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

Para leer el 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 multimedia y abra la sección de características. Además, puede usar este enlace para leer el 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 el 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 manera predeterminada): permite habilitar / deshabilitar el reemplazo de todos los enlaces en el proyecto (incluidos los preajustes 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 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, 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, revise el documentación detallada para el complemento de enlace.

# 6 Material Parallax Plugin

Para empezar, digamos un par de palabras sobre el desplazamiento de Parallax. Aunque el efecto fue creado originalmente para ser utilizado 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 hermosa e interactiva.

Por lo tanto, 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 de 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 Plugin de etiquetas

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

Complemento de cuenta regresiva # 8

Como ya 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 manera minimalista. En realidad, por hoy, es la forma más cómoda de mostrar cualquier información importante, y esta es la razón.

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 los contadores, puede presentar todos los proyectos que completó, mostrar cuántos clientes satisfechos 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 Google Map

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.

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

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

  • use el campo Clave API para establecer la clave API para usar la API 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 opciones para establecer el marcador para los estados predeterminados y activos.

Esto es lo que puedes 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;
  • use el campo Descripción del marcador para especificar la descripción del marcador; se mostrará en el 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.

Complemento de iconos # 10

Este complemento de Novi Builder lo ayudará a reemplazar los iconos 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 Owl Carousel Plugin

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 lo ayudará a definir la cantidad de elementos que se mostrarán. Con la función, puede hacer que cambie el número de elementos visibles 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 le ayudará a habilitar o deshabilitar el bucle de carrusel. Por cierto, puedes hacerlo en modo de vista previa.
  4. Carousel Autoplay Switcher lo ayudará a habilitar o deshabilitar la reproducción automática de carrusel. También viene con modo de vista previa.
  5. El campo Retardo de reproducción automática de 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 del Monitor de campaña define el valor del atributo de nombre del campo de entrada.

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

Por lo tanto, 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.

# 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 feeds de Instagram y Twitter con las herramientas de edición visual.

# 17 Plugin Slider de cámara

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

# 18 Swiper Slider Plugin

Este complemento de Novi Builder le permite configurar el control deslizante Swiper a su gusto.

Esto es lo que puedes ver adentro Área de carga de imagen:

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

Esto es lo que puedes ver adentro Área de selección de imagen:

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

Esto es lo que puedes ver adentro Área de recorte de imagen:

  • Utilice la configuración Mantener relación de aspecto original para preservar la relación de aspecto de la imagen original.

# 19 Complemento de video

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

# 20 Light Gallery Plugin

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

Esto es lo que puedes ver dentro del área de Configuraciones de la galería:

  • La animación de diapositivas de galería le permite ajustar la animación de la transición de elementos de la galería;
  • El selector 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 Retardo de 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 sabes cómo funciona Novi Builder. Para resumir todo, estas son las acciones que puede realizar fácilmente al trabajar con el editor. Entonces, podrás:

  • edite el contenido de su sitio web en modo en vivo;
  • importe diferentes temas HTML al generador en caso de que ya haya comprado algunos;
  • copiar, insertar, reemplazar y eliminar cualquier característica, opción o componente de diseño web;
  • use varios bloques de contenido nuevo 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 algunos videos e imágenes que se utilizarán en diferentes secciones de su proyecto en línea;
  • editar textos,
  • editar URL,
  • crear y editar fondos y todos los detalles, incluidos degradados, colores e imágenes;
  • funciona con fuentes web legibles y 100% amigables para los ojos (hay una nueva colección de fuentes de Google)
  • trabaje con los íconos incluidos en su tema;
  • cargue nuevos iconos si es necesario y edítelos de la manera que desee;
  • intente trabajar con el editor de código Novi IDE en caso de que juegue con código CSS, HTML y JS;
  • agregue un control deslizante llamativo al diseño de su sitio web,
  • usa el impresionante efecto Parallax,
  • crear formularios de contacto,
  • agregar Google Maps,
  • construya carruseles elegantes para mejorar su 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 sobre el posible usuario nuevo

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

¿Novi Builder admite 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 si realizó 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 recibirá 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. Simplemente elija el plan de desarrollador. Le da la licencia para crear y vender las plantillas habilitadas por Novi Builder. Puede venderlos en cualquier mercado de terceros.

¿Es posible usar 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 las plantillas HTML más destacadas y 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 tomar la suscripción, obtienes acceso a una rica colección de diferentes plantillas de sitios web, complementos y otros elementos de contenido. No hace falta decir que hay más componentes de 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 de negocios como diseño web o desarrollo web, ¡Novi Builder es una verdadera visita obligada! Solo imagine cuántos proyectos en línea puede ejecutar para sus clientes utilizando el editor. En general, ¡no hay límites en absoluto!

Para terminar con comparemos Novi Builder to the default HTML Page Builder.

Novi Builder HTML Builder
Edit Text
Stylized text (bold, color, italics, and others)
Tools for designers NO
Multiple pages creation
Project backup NO
Responsive Design
Autosave NO
Page Preview NO
Search block by categories/contents/name
Grid setup NO
Edit URLs User Plugin
Slider setup User Plugin NO
Map setup User Plugin NO
Contact Form setup User Plugin NO
Instagram/Twitter/Facebook setup User Plugin NO
Accordion setup NO
Navigation Setup
Add/Remove elements (widgets) NO
Add/Remove blocks (sections)

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

!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version=’2.0′;n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,’script’,’https://connect.facebook.net/en_US/fbevents.js’);
fbq(‘init’, ‘1233020020073056’);
fbq(‘track’, ‘PageView’);

A continuacion las fuentes:

WEEBLY.COM

ONLINE INCOME TEACHER

COLORLIB.COM

SITE INCOME BLOGGING

ARTICULO ORIGINAL VARIAS FUENTES

Etiquetado , , , , , , , , , , ,

Deja un comentario