Cómo usar diferentes elementos de la página web al crear sitios web

Las imágenes de la galería pueden tener paletas y colores similares y, a veces, es difícil distinguirlos en una página web. Puede agregar fácilmente el espacio entre las imágenes de la galería aumentando el espacio en el panel de propiedades. Seleccione su Galería, luego vaya al Panel de propiedades a la derecha y arrastre el control deslizante de la Propiedad Gap.

La Galería en Nicepage es un Elemento transformable, que puede convertir fácilmente en Carrusel, Control deslizante, Control deslizante con miniaturas y Control deslizante con subtítulos. Seleccione cualquier galería en un bloque y vaya al panel de propiedades. Haga clic en los iconos de propiedades de diseño para aplicar el cambio de diseño.

La opción Image Lightbox le permite ampliar una imagen de la galería para obtener una vista previa en detalle. Esta opción está disponible para el diseño de cuadrícula y está habilitada de forma predeterminada. Sin embargo, si necesita deshabilitar o volver a habilitar esta propiedad, puede seleccionar una galería en su página web y luego ir al panel de propiedades. Haga clic en el enlace Estilo de imagen, luego marque la casilla de verificación Cuadro de luz de imagen en el siguiente Panel.

Al igual que con cualquier otro Texto en su página web, puede cambiar los parámetros de fuente para los Textos de la Galería, tanto el Título como el Texto, por separado. Para eso, seleccione una Galería, luego en el Panel de propiedades a la derecha, haga clic en el Enlace de estilo de texto. En el siguiente Panel, modifique las propiedades de los Textos y vea la vista previa de sus cambios en el Editor. Tenga en cuenta que debe tener el Texto de la galería, que debe ingresar en los campos especiales.

La Galería se ve más atractiva en sus diseños web si interactúa con sus visitantes. Por lo tanto, puede agregarlo en forma de Animación al pasar el mouse para las imágenes de su galería. Seleccione su Galería, luego vaya al Panel de propiedades. Haga clic en el enlace Imagen en la sección Animación y elija el efecto Animación al pasar el mouse para las imágenes de su galería en el siguiente panel.

Puede agregar la Animación al pasar el mouse para los Textos de la galería, lo que hace que sus diseños web sean aún más interactivos y atractivos para los visitantes del sitio web. Seleccione la Galería. Si el diseño de la galería tiene textos, vaya al panel de propiedades. Agregue Textos y luego haga clic en el vínculo Capa de Texto en la sección Animación. Haga clic en uno de los ajustes preestablecidos y personalice el efecto de animación al pasar el mouse si es necesario.

Para los diseños de la galería, como el título y el control deslizante, puede agregar el encabezado y el texto que describe la imagen de la galería. Cuando sus visitantes hacen clic en el modo Lightbox de imagen, puede ver estos textos en el modo Lightbox de imagen. Para mostrar los textos de las imágenes de la galería, seleccione la galería y luego cambie su diseño para mostrar los textos. Vaya al Panel de propiedades, luego ingrese los textos en los campos especiales.

Las imágenes de la galería pueden tener el radio, lo que hace que sus galerías se vean más interesantes y diversas. Para habilitar el radio para las imágenes de la galería, seleccione la galería, luego el estilo de imagen en el panel de propiedades. Arrastre el control deslizante de radio o ingrese su valor para despertar las esquinas de las imágenes de la galería.

Puede cambiar fácilmente el número de columnas para el repetidor de cuadrícula utilizado en un bloque. Haga clic en el ícono azul Más en el lado derecho del repetidor de cuadrícula, luego seleccione el número de columnas de la lista desplegable. Puede elegir números tanto incrementales como decrecientes.

De manera similar a agregar columnas, puede aumentar y disminuir la cantidad de filas haciendo clic en el ícono azul Más en la parte inferior del repetidor de cuadrícula. Después de ver la lista desplegable, puede seleccionar la cantidad de filas requeridas. Puede elegir números tanto incrementales como decrecientes.

El Panel de propiedades le permite modificar las propiedades de los elementos. Por ejemplo, puede cambiar las columnas y las filas en un solo lugar para el repetidor de cuadrícula. Para cambiar las columnas y las filas, vaya a los paneles de propiedades y arrastre los controles deslizantes correspondientes para cambiar los valores de las propiedades.

Con la propiedad Espacio de elemento en el Panel de propiedades, puede cambiar la distancia entre los Elementos repetidores de cuadrícula. Seleccione el Repetidor de cuadrícula, vaya al Panel de propiedades, busque la propiedad Separación de elementos y arrastre su control deslizante para cambiar la distancia entre los Elementos del repetidor de cuadrícula.

Puede convertir elementos seleccionados de forma múltiple en un repetidor de cuadrícula. Acelera el desarrollo de Bloques como Características, Equipo, Testimonios, etc. Seleccione varios Elementos, luego haga clic en el ícono azul Más en el borde izquierdo. A continuación, seleccione el diseño del repetidor de cuadrícula.

Usando el Elemento Repetidor de Cuadrícula, puede aplicar diferentes colores a sus Elementos y Elementos contenidos. Para ello, vaya al Panel de propiedades y cambie Todos los elementos a Elemento en la sección "Aplicar estilo a". Luego configure los colores requeridos para su idea de diseño web

Los controles deslizantes de carrusel son muy populares en el diseño web moderno y, por lo general, los elementos de carrusel tienen el mismo diseño y conjuntos de elementos. En Nicepage, puede convertir fácilmente cualquier repetidor de cuadrícula en un carrusel haciendo clic en la opción de cambio en el panel de propiedades.

De manera similar al elemento de grupo, puede animar los elementos repetidores de cuadrícula en el desplazamiento del grupo (elemento). En eso, también puede agregar el efecto de animación Hover a los elementos, y funcionarán juntos. Vaya al Panel de propiedades, baje a la sección Animación activada, configure los efectos de animación Hover y Group Hover si es necesario.

Aplique ajustes preestablecidos de formularios, agregando bloques con los formularios más populares en un clic. Puede agregar un contacto, suscripción y otros formularios preestablecidos y personalizar bloques fácilmente después de la inserción.

Seleccione entre más de 10 tipos de campos de formulario mientras crea sus formularios, incluida la entrada, el área de texto, el botón de opción, la selección y todos los demás populares utilizados en los formularios modernos.

Puede cambiar fácilmente la posición de las entradas del formulario y otros elementos arrastrándolos y soltándolos en las posiciones predefinidas en el Creador de formularios. También puede transformar los campos del formulario horizontal y verticalmente, así como colocarlos en una fila mientras se posiciona en el Editor.

Puede agregar la casilla de verificación Aceptar términos, una casilla de verificación especial para la opción Aceptar términos en un formulario. Puede insertar esta casilla de verificación junto con la redacción, que puede modificar.

Utilice el motor de análisis de riesgo avanzado y desafíos adaptativos de Google para mantener sus sitios web alejados de actividades abusivas, lo que permite a los usuarios regulares completar sus formularios sin limitaciones.

Cree formularios de contacto con el mejor creador de sitios web gratuito. Es fácil de usar sin codificación para crear formularios para recopilar comentarios, clientes potenciales o datos para listas de correo o registros y suscripciones en su sitio web. Puede crear formularios de contacto personalizados en minutos con arrastrar y soltar, personalizarlos visualmente y obtener una vista previa al instante en todos los modos receptivos para dispositivos móviles.

Nicepage utiliza el elemento de formulario HTML estándar para recopilar los datos de los campos. El formulario siempre está vinculado a un script especial que recibe los datos de entrada y le dice al servidor qué hacer con los datos ingresados en los campos: enviar un correo electrónico, agregar los datos a la base de datos, etc. Para implementar el envío de correos electrónicos desde el servidor, Nicepage ofrece las siguientes opciones de ENVÍO: URL, Enviar correo electrónico con script PHP, Formulario de contacto 7 (WordPress), Formulario Joomla (Joomla), MailChimp y Correo electrónico, que están disponibles solo con Online Builder.

Puede cambiar fácilmente el diseño del formulario de contacto al colocar entradas y campos de formulario de vertical a horizontal y viceversa. Seleccione el Formulario de contacto, vaya al Panel de propiedades y busque la sección Diseño. Haga clic en los iconos de diseño para colocar las entradas en una fila o una debajo de otra en una página web.

Junto con los campos de arrastrar y soltar en el Generador de formularios de contacto, puede usar las flechas de la barra de herramientas contextual para mover campos. Seleccione un formulario en el editor, seleccione un campo, luego haga clic en las flechas hacia arriba o hacia abajo para mover el campo de formulario en consecuencia.

Puede cambiar fácilmente el espaciado tanto en las entradas y campos del formulario como entre campos. Seleccione un De en un Bloque web y luego vaya al Panel de propiedades. Desplácese hacia abajo para ubicar la sección de espaciado. Arrastre los controles deslizantes o use los campos de entrada en ellos para cambiar los valores de espaciado.

En la Configuración general del formulario, puede especificar el Nombre, la acción de la página Después de enviar y los mensajes. Seleccione un formulario, luego vaya al panel de propiedades a la derecha. Reloj en el enlace Configuración. Edite los mensajes de nombre, después del envío, éxito y error en el panel de configuración.

Las entradas de formulario pueden tener varios estilos, y ahora es popular tener entradas solo con el borde inferior que marca el campo de entrada. Puede estilizar la fuente, el relleno, el borde y más para el elemento de formulario de contacto agregado a una página web. Seleccione un formulario y, a continuación, en el Panel de propiedades, haga clic en el enlace Estilo de entrada. Cambie el aspecto de las Entradas de formulario para obtener una vista previa de sus cambios en el Editor.

Dado que puede habilitar que las Etiquetas se muestren junto con las Entradas de formulario, puede modificarlas fácilmente en el Panel de propiedades. Seleccione su formulario, vaya al panel de propiedades, cambie el diseño y muestre las etiquetas. Haga clic en el enlace Estilo de etiqueta para ir al Panel de estilo de etiqueta. Modificar las Etiquetas.

El Botón suele ser uno de los elementos principales en el diseño web. Por eso también es muy importante en los Formularios de Contacto de tu web. Para modificar el botón, su posición y alineación, seleccione un formulario de contacto y, a continuación, en el panel de propiedades, haga clic en el vínculo Estilo del botón. Modifique el Relleno, el borde para todos los estados de los botones, la alineación y más en el Panel de estilos de botones.

Puede usar el envío de correo electrónico para el elemento de formulario de contacto agregado en las aplicaciones de Nicepage para Windows o Mac OS. Puede obtener rápidamente un sitio web HTML que funcione o un prototipo totalmente funcional para presentar a sus visitantes o clientes potenciales utilizando esta función. Seleccione el elemento del formulario de contacto en el Editor, haga clic en el enlace Enviar y elija el correo electrónico en la lista. Ingrese el correo electrónico debajo de la lista. Esta opción funciona solo para sitios web publicados en Nicepage Hosting.

En marketing, Leads se refiere a contactos con clientes potenciales, que potencialmente conducen a sus ventas. Ahora puede recopilar datos de usuario de los formularios de contacto y revisar los clientes potenciales de su sitio para mejorar sus resultados de marketing.

Agregue fórmulas de cálculo al elemento del formulario de contacto, lo que le permite usar fórmulas para obtener costos, espacios, cuadrados, etc., y enviar cotizaciones desde las páginas del sitio web a sus clientes.

Puede hacer que los campos del formulario de contacto sean dependientes, lo que le permite ocultar o mostrar campos mientras selecciona elementos con valores en otros. Por ejemplo, puede mostrar el menú desplegable para la opción seleccionada en las radios.

Puede crear formularios de contacto de varios pasos para crear cuestionarios, formularios de pedido complicados, etc., y comunicarse con usuarios y compradores potenciales de manera más informativa, interactiva y, por lo tanto, productiva.

La creación de un formulario de contacto con el campo de calificación le permite identificar el nivel de satisfacción de sus clientes o visitantes, brindando comentarios sobre su desempeño general de marketing.

Ilustre las opciones de selección en sus formularios de contacto agregando las comprobaciones de la galería de imágenes. Puede especificar el tipo de selección eligiendo Casillas de verificación para múltiples opciones o Botones de radio para una sola.

Nicepage aplica el filtro antispam basado en IA a los envíos de formularios de contacto. Todos los datos de los formularios se utilizan en el análisis, lo que muestra una reducción de más del 75 % en el volumen de spam.

Desplaza varias imágenes con un solo clic. Agregue interacción con sus visitantes a un sitio web. Puede permitir que los clientes estudien la galería de su cartera de una manera moderna.

Use Carrusel repetido que contiene varios elementos como imágenes, íconos, textos, botones, etc., para rotar en las páginas web de su sitio. También hay carruseles para publicaciones y productos.

Es posible que su carrusel de galería requiera ajustar sus imágenes de diferentes maneras. Puede usar el ancho original de las imágenes de la galería y tener el ancho fijo. Para establecer el ancho de las imágenes del carrusel de la galería, seleccione una galería y luego vaya al panel de propiedades. Si su Galería no tiene el diseño Carrusel, cambie al Carrusel. Luego, desplácese hacia abajo en el Panel hasta la sección Ancho y cambie el Ancho de la imagen de la galería para que se ajuste perfectamente a su diseño web.

Los blogs son una parte integral de muchos sitios web modernos, y muchos usuarios usan el diseño Carrusel para publicar publicaciones de blog. Crea interacción y tiene una presentación más atractiva. Puede agregar las publicaciones en el panel de publicaciones del acceso rápido y luego agregar el elemento del carrusel de publicaciones a cualquier bloque. Puede probar el carrusel haciendo clic en las flechas y los indicadores en el editor y las vistas previas.

Los sitios web de comercio electrónico utilizan varios diseños. Puede utilizar las listas de productos para atraer la atención de los visitantes, y la interacción en forma de carrusel de productos puede ser interesante para los visitantes de su sitio web. Puede agregar el carrusel de productos desde el menú Agregar y agregar el elemento Lista de productos al elemento Carrusel en blanco.

Puede cambiar entre seis diseños para el elemento de idioma mientras crea un sitio web. Seleccione el elemento de idioma en el encabezado o pie de página y cambie el diseño de idioma en el panel de propiedades.

Para comenzar con el elemento Acordeón, puede agregar uno de los bloques de diseño de diseñador-mago. Haga clic en el ícono Agregar en Acceso rápido, luego desplácese hacia abajo hasta la sección Acordeón y preguntas frecuentes, haga clic en Acordeón y elija el diseño que desee. Es más conveniente, ya que tiene algún contenido preeditado, a diferencia del elemento de acordeón en blanco agregado de forma predeterminada.

Puede agregar y mover fácilmente las pestañas de acordeón de varias maneras. Haga clic en el signo más en la barra lateral para agregar una nueva pestaña. Puede hacer clic en la opción de mover hacia arriba y hacia abajo en el menú contextual del mouse o hacer clic en los iconos de flecha correspondientes en la barra de herramientas contextual. Además, puede presionar la combinación de teclas de acceso rápido CTRL más flecha arriba y flecha abajo.

Las pestañas de acordeón pueden contener diferentes conjuntos de elementos del sitio web. Puede agregar cualquiera de ellos a cualquier pestaña. Abre la pestaña. Haga clic en el ícono Agregar en Acceso rápido para abrir el Panel Agregar y elija cualquier elemento. Puede mover, alinear y eliminar el elemento agregado.

El acordeón es popular en los diseños web modernos. Por lo tanto, puede estilizarlo para que se ajuste a su diseño. Haga clic en el elemento Acordeón en un bloque, vaya al Panel de propiedades y haga clic en los enlaces para acceder a los paneles y ajustar las propiedades correspondientes.

Puede habilitar y elegir un ajuste preestablecido para el icono de la pestaña Acordeón. Además, puede cambiar su tamaño, de manera similar a todos los demás íconos. Seleccione el elemento Acordeón, vaya al Panel de propiedades y haga clic en el enlace Icono. En el Panel, modifica el estilo, color, tamaño, etc.

El color es uno de los factores más importantes en el diseño web. Y también es crucial para las pestañas de acordeón. Elija el elemento, vaya al Panel de propiedades y haga clic en el enlace Colores. Puede agregar el relleno, el borde y el radio a las pestañas y elementos de acordeón.

También puede comenzar fácilmente con el elemento Tabla. Y puede usar los bloques creados por el diseñador que contienen el elemento Tabla. Haga clic en el ícono Agregar en la barra de acceso rápido, baje a la sección Tabla, seleccione la Tabla y cualquier diseño de Tabla en el panel abierto.

Al igual que cualquier otro elemento que tenga columnas y filas, puede cambiar el número de columnas y filas de la tabla arrastrando los controles deslizantes correspondientes en el Panel de propiedades para el elemento de la tabla seleccionado.

Como todos los elementos compuestos en Nicepage populares en el diseño web, puede estilizar la Tabla según su diseño. Haga clic en el elemento Tabla en un Bloque. Vaya al Panel de propiedades a la derecha y haga clic en los enlaces de la sección para ir a los paneles y modificar las propiedades de la tabla correspondiente.

Puede administrar columnas y filas en el elemento de tabla seleccionado. Luego haga clic en la Tabla en su Bloque para seleccionar. Haga clic en la opción Mover en el menú contextual del mouse o en el icono de más opciones del Panel contextual para mover las columnas hacia la izquierda y hacia la derecha y las filas hacia arriba y hacia abajo.

Puede agregar y mover fácilmente las pestañas para el elemento de preguntas frecuentes como el acordeón. Haga clic en el ícono más en el panel lateral para agregar una pestaña. Haga clic en los iconos de flecha en la barra de herramientas contextual, presione la tecla de acceso rápido CTRL más flecha arriba y flecha abajo, o elija las opciones Mover hacia arriba o Mover hacia abajo en el menú contextual.

Dado que el elemento de preguntas frecuentes se basa en el texto enriquecido en sus elementos, puede editar texto como en el elemento de texto enriquecido (RTE), que permite editar los artículos de lectura larga. Modifique todos los elementos de texto y encabezado directamente, de forma similar a la edición de texto en MS Word.

Al igual que el acordeón, las preguntas frecuentes son populares en los diseños web y puede editar sus estilos para ajustarlos a sus requisitos de diseño. Haga clic en el elemento de preguntas frecuentes en su bloque. Vaya a la derecha del Panel de propiedades y luego haga clic en los enlaces para abrir los paneles correspondientes con las propiedades.

Dado que el color es crucial en el diseño web, es uno de los factores clave en el estilo de las pestañas de preguntas frecuentes. Haga clic en el elemento Preguntas frecuentes para seleccionar, luego vaya al Panel de propiedades. Abra el Panel de colores haciendo clic en el enlace. Puede cambiar el relleno, el borde y el radio de las pestañas y elementos de preguntas frecuentes.

Al igual que el acordeón, puede elegir y modificar los ajustes preestablecidos para el icono de la pestaña de preguntas frecuentes. Puede ajustar el tamaño, como para cualquier otro icono. Seleccione el elemento Preguntas frecuentes y luego vaya al Panel de propiedades. Haga clic en el icono y, en el panel de iconos, edite el estilo, el tamaño, el color, etc.