Cómo agregar elementos de página usando InstantSite

Tenga en cuenta: Esta guía es para InstantSite heredado comprado antes del 18 de agosto de 2020. Si tiene nuestro nuevo InstantSite, consulte las guías específicas para nuestro nuevo creador aquí.

Un elemento es un componente individual de una página web; esto podría ser una imagen, un formulario o un cuadro de texto, por ejemplo. Esta guía está diseñada para mostrar a los clientes de LCN InstantSite para qué se usa cada tipo de elemento y cómo agregar elementos a una página.

Si está buscando más información sobre un elemento específico, puede elegir de la lista a continuación:

• Texto
• Imagen
• Galería
• Formulario
• Botón
• Mapa
• Vídeo incrustado
• Icono
• Separador

Empecemos...

Texto

Un texto El elemento crea un cuadro de texto en el que puede agregar oraciones y párrafos en cualquier lugar de una página. Puedes cambiar el estilo del texto siguiendo nuestra guía Cómo aplicar estilos a elementos individuales en InstantSite.

1. 1. Inicie sesión en el editor de InstantSite.
   2. En el panel de la izquierda, haga clic en Más .
   3. Haga clic en Texto del menú desplegable.
   4. El cuadro de texto se colocará en la fila y la columna actualmente seleccionadas. Si no se selecciona ninguna fila o columna, el cuadro de texto se agregará al final de la página.

Tenga en cuenta :Para obtener más información sobre cómo funcionan las filas y columnas en InstantSite, visite nuestra guía Comprensión de filas y columnas en InstantSite.

1. 1. Para editar el texto en su texto elemento, simplemente haga doble clic en el cuadro de texto. Esto abrirá el editor de texto y le permitirá cambiar el texto, el tamaño de fuente, el formato y mucho más.

Tenga en cuenta :Para obtener más información sobre cómo funciona el editor de texto y la personalización que ofrece, visite nuestra guía Cómo usar el editor de texto en InstantSite.

1. Una vez que haya realizado sus ediciones de texto, haga clic en Guardar en el editor de texto o haga clic fuera del campo de texto y los cambios se guardarán automáticamente.

Imagen

La imagen elemento se utiliza para agregar imágenes. Puede elegir de nuestra biblioteca de imágenes gratuitas o cargar las suyas propias. Puedes cambiar el estilo de la imagen siguiendo nuestra guía Cómo aplicar estilos a elementos individuales en InstantSite.

1. 1. Inicie sesión en el editor de InstantSite.
   2. En el panel de la izquierda, haga clic en Más .
   3. Haga clic en Imagen del menú desplegable.
   4. Elija una imagen de Mis imágenes , imágenes de plantilla o Imágenes gratuitas de InstantSite . Si no puede encontrar una imagen que le guste, simplemente cargue la suya haciendo clic en Subir imagen y elegir una imagen de su computadora.
   5. Una vez que haya seleccionado su imagen, haga clic en Agregar a la página .
   6. La imagen se colocará en la fila y columna actualmente seleccionada. Si no se selecciona ninguna fila o columna, la imagen se agregará al final de la página.

Tenga en cuenta :Para obtener más información sobre cómo funcionan las filas y columnas en InstantSite, visite nuestra guía Comprensión de filas y columnas en InstantSite.

1. Puede cambiar el tamaño de la imagen simplemente haciendo clic y arrastrando el borde verde alrededor de la imagen sección.

Galería

A veces, una imagen simplemente no es suficiente. La galería elemento se utiliza para agregar una galería de imágenes a su sitio web. Puede agregar una cuadrícula de imágenes o un carrusel de imágenes en movimiento. Puedes cambiar el estilo de la galería siguiendo nuestra guía Cómo aplicar estilos a elementos individuales en InstantSite.

1. 1. Inicie sesión en el editor de InstantSite.
   2. En el panel de la izquierda, haga clic en Más .
   3. Haga clic en galería del menú desplegable.
   4. La galería se colocará en la fila y columna actualmente seleccionadas. Si no se selecciona ninguna fila o columna, la galería se agregará al final de la página.

Tenga en cuenta :Para obtener más información sobre cómo funcionan las filas y columnas en InstantSite, visite nuestra guía Comprensión de filas y columnas en InstantSite.

1. Haga clic en Agregar imagen desde dentro de la galería elemento.
2. Elija varias imágenes de Mis imágenes , imágenes de plantilla o Imágenes gratuitas de InstantSite . Si no puede encontrar ninguna imagen que le guste, simplemente cargue la suya haciendo clic en Subir imagen. y elegir varias imágenes de su computadora.
3. Una vez que haya seleccionado todas las imágenes que desea en la galería, haga clic en Confirmar .
4. Puede cambiar el tamaño de la galería simplemente haciendo clic y arrastrando el borde verde alrededor de la galería elemento.

Formulario

El formulario El elemento se puede usar para agregar un formulario de contacto a cualquier página de su InstantSite. Puede usar este elemento para crear un formulario de contacto de correo electrónico o para recopilar direcciones de correo electrónico de sus clientes. Puedes cambiar el estilo del formulario siguiendo nuestra guía Cómo aplicar estilos a elementos individuales en InstantSite.

1. 1. Inicie sesión en el editor de InstantSite.
   2. En el panel de la izquierda, haga clic en Más .
   3. Haga clic en Formulario del menú desplegable.
   4. El formulario se colocará en la fila y columna actualmente seleccionadas. Si no se selecciona ninguna fila o columna, el formulario se agregará al final de la página.

Tenga en cuenta :Para obtener más información sobre cómo funcionan las filas y columnas en InstantSite, visite nuestra guía Comprensión de filas y columnas en InstantSite.

1. El nombre de cada campo se puede cambiar haciendo doble clic en el texto.
2. Para agregar más campos, haga clic en el engranaje en la parte superior derecha del elemento del formulario y haga clic en Agregar nuevo campo . Seleccione una Entrada campo o un área de texto .
   • Campos de entrada se usan para campos simples como Nombre, Correo electrónico o Número de teléfono donde la respuesta probablemente sea breve y tenga el mismo formato.
   • Áreas de texto se utilizan para oraciones y párrafos más largos. Por lo general, esto se usaría para que su cliente describa un problema o explique por qué se comunica con usted.
3. El botón utilizado para enviar su formulario se puede cambiar haciendo clic en el engranaje en la parte superior derecha del elemento de formulario e ingresando texto nuevo en el Texto del botón campo. Por ejemplo Enviar .
4. Por último, deberá cambiar la dirección a la que se envía el formulario de contacto cuando se envía. Esto se puede cambiar haciendo clic en el engranaje en la parte superior del formulario e ingresando su dirección de correo electrónico en el Correo electrónico a campo.

Botón

El botón El elemento se utiliza para agregar botones en los que se puede hacer clic a su InstantSite. A menudo se utilizan para llamadas a la acción, son una excelente manera de decirles a sus clientes qué acción deben realizar en una página. Puedes cambiar el estilo del botón siguiendo nuestra guía Cómo aplicar estilos a elementos individuales en InstantSite.

1. 1. Inicie sesión en el editor de InstantSite.
   2. En el panel de la izquierda, haga clic en Más .
   3. Haga clic en el botón del menú desplegable.
   4. El botón se colocará en la fila y columna actualmente seleccionada. Si no se selecciona ninguna fila o columna, el botón se agregará al final de la página.

Tenga en cuenta :Para obtener más información sobre cómo funcionan las filas y columnas en InstantSite, visite nuestra guía Comprensión de filas y columnas en InstantSite.

1. Puede cambiar el tamaño de su botón simplemente haciendo clic y arrastrando el borde verde alrededor del botón elemento.
2. Puede cambiar el texto del botón haciendo clic en el engranaje en la parte superior del botón elemento y cambiar el texto en el texto campo.

Mapa

El mapa El elemento se usa para agregar un mapa a su InstantSite. Usado a menudo para páginas de contacto/acerca de nosotros, el mapa element es una manera fácil de mostrar a sus clientes dónde se encuentra su negocio. Puedes cambiar el estilo del mapa siguiendo nuestra guía Cómo aplicar estilos a elementos individuales en InstantSite.

1. 1. Inicie sesión en el editor de InstantSite.
   2. En el panel de la izquierda, haga clic en Más .
   3. Haga clic en Mapa del menú desplegable.
   4. El mapa se colocará en la fila y la columna actualmente seleccionadas. Si no se selecciona ninguna fila o columna, el mapa se agregará al final de la página.

Tenga en cuenta :Para obtener más información sobre cómo funcionan las filas y columnas en InstantSite, visite nuestra guía Comprensión de filas y columnas en InstantSite.

1. Para cambiar la ubicación en el mapa, haga clic en el engranaje en la parte superior del mapa e ingrese su código postal en Ubicaciones campo. Haga clic en Buscar junto al campo y el mapa se ajustará automáticamente a su ubicación.
2. También puede ingresar texto adicional para que aparezca sobre el icono de su ubicación ingresando una descripción en las Descripciones emergentes. campo debajo del cog en la parte superior derecha del Mapa elemento.

Video incrustado

El vídeo incrustado El elemento le permite agregar videos alojados en otras plataformas, como YouTube, a su InstantSite. Puedes cambiar el estilo del video incrustado siguiendo nuestra guía Cómo aplicar estilos a elementos individuales en InstantSite.

1. 1. Inicie sesión en el editor de InstantSite.
   2. En el panel de la izquierda, haga clic en Más .
   3. Haga clic en Vídeo incrustado del menú desplegable.
   4. En el Código de inserción campo, ingrese la URL de inserción provista por la plataforma que aloja el video. Por ejemplo:

<iframe width="560" height="315" src="https://www.youtube.com/embed/-3Rx4qONJhQ?ecver=1" frameborder="0" allowfullscreen></iframe>

1. 1. De la relación de aspecto desplegable, seleccione 16:9 o 4:3 .

Tenga en cuenta :La relación de aspecto 16:9 es lo que tradicionalmente se conoce como pantalla ancha, mientras que 4:3 sería lo que habría usado tu viejo televisor de los años 90.

1. Haga clic en Confirmar para agregar su video incrustado.
2. El video incrustado se colocará en la fila y columna actualmente seleccionadas. Si no se selecciona ninguna fila o columna, el video incrustado se agregará al final de la página.

Tenga en cuenta :Para obtener más información sobre cómo funcionan las filas y columnas en InstantSite, visite nuestra guía Comprensión de filas y columnas en InstantSite.

Icono

El icono elemento es una excelente manera de agregar imágenes llamativas a su sitio web. A menudo se utilizan junto al número de teléfono y las direcciones de correo electrónico, lo que permite a los visitantes escanear su página web y encontrar fácilmente lo que buscan. Puede cambiar el estilo del elemento del icono siguiendo nuestra guía Cómo aplicar estilos a elementos individuales en InstantSite.

1. 1. Inicie sesión en el editor de InstantSite.
   2. En el panel de la izquierda, haga clic en Más .
   3. Haga clic en Icono del menú desplegable.
   4. Busque el icono que desea agregar de la lista provista y haga clic en Confirmar .
   5. El icono se colocará en la fila y columna actualmente seleccionada. Si no se selecciona ninguna fila o columna, el ícono se agregará al final de la página.

Tenga en cuenta :Para obtener más información sobre cómo funcionan las filas y columnas en InstantSite, visite nuestra guía Comprensión de filas y columnas en InstantSite.

Separador

El separador El elemento se usa para separar las secciones en su InstantSite. Proporcionan una línea sólida a lo largo de la página. Puedes cambiar el estilo del separador siguiendo nuestra guía Cómo aplicar estilos a elementos individuales en InstantSite.

1. Inicie sesión en el editor de InstantSite.
2. En el panel de la izquierda, haga clic en Más .
3. Haga clic en Separador del menú desplegable.
4. El separador se colocará en la fila y columna actualmente seleccionada. Si no se selecciona ninguna fila o columna, el separador se agregará al final de la página.

Tenga en cuenta :Para obtener más información sobre cómo funcionan las filas y columnas en InstantSite, visite nuestra guía Comprensión de filas y columnas en InstantSite.

¡Eso es todo! Ahora sabe cómo funcionan todos los elementos InstantSite y cómo agregarlos.