Widgets para Cloudbeds Websites

Los widgets son los componentes básicos de su sitio. Personalice los widgets para ajustar la apariencia y el diseño de su sitio web.

Ya sea que esté buscando capturar clientes potenciales, guiar a los visitantes de una página a otra, mostrar imágenes o poner un mensaje importante en un párrafo, los widgets son la opción perfecta. Este artículo explica todo lo que necesita saber sobre los widgets para Cloudbeds Websites.

Cómo añadir widgets

Desde el panel de widgets
  1. En el panel izquierdo, haga clic en Widgets para abrir el panel de widgets. Busque widgets navegando por la lista o utilizando la barra de búsqueda de widgets. 
  2. Haga clic y arrastre el widget a la ubicación que desee en el sitio web. Podrá ver un indicador de ubicación azul. El widget aparecerá en la ubicación que muestra el indicador de ubicación azul.

Al arrastrar y soltar un widget en su sitio web, observe el texto en el indicador de ubicación azul:

  • Insert here: el widget se agregará a una fila o columna existente.
  • Insert in new row: se agregará una nueva fila y el widget se colocará dentro de ella.
  • Insert in new column: se agregará una nueva columna y el widget se colocará dentro de ella.
Desde el menú contextual
  1. Haga clic derecho en cualquier widget y seleccione Add widget below en el menú para agregar widgets inmediatamente debajo del widget actual. Si hace clic derecho en una columna, haga clic en + Add y seleccione Add widget.
  2. Seleccione uno de los cuatro widgets más populares o haga clic en More widgets para abrir el menú completo. Después de agregar el widget, puedes editarlo como de costumbre. 

Para ordenar los widgets uno al lado del otro, arrastre un widget a su sitio, agregue una columna a la fila donde se colocó ese widget y luego arrastre otro widget a esa columna. O bien, arrastre el widget de dos columnas a su sitio y luego arrastre y suelte los widgets en cada columna.

Cómo editar widgets

Cómo editar o eliminar widgets
  1. Para editar un widget, coloque el cursor sobre el widget y haga clic derecho en él para ver el menú contextual. Cada widget tiene diferentes opciones.
  2. Para eliminar un widget de todos los dispositivos, haga clic derecho en el widget y haga clic en Delete.
Opciones para editar widgets
  • Edit Design: puede cambiar el estilo del widget, incluido el color, el texto, las imágenes y el espacio en blanco que rodea el widget. Haga clic en un widget y haga clic en la pestaña Design.
  • Entrance Animation: le permite personalizar cómo aparece el elemento en la pantalla. Por ejemplo, puede aparecer de forma gradual, rebotar o hacer zoom. Haga clic con el botón derecho en el widget, haga clic en Entrance Animation y seleccione una animación.
  • Select Container: selecciona la columna o fila que contiene este widget, lo que le permite encontrarlo y editarlo fácilmente. Haga clic derecho en el widget, haga clic en Select Container  y seleccione una columna o fila.
  • Copy and Paste: copiar un widget lo guarda para que pueda pegarlo más adelante en otra ubicación. La opción de pegar solo aparece si tiene un widget que ha sido copiado. Haga clic derecho en el widget y haga clic en Copy o en Paste.
  • Hide on Device: utilice la función ocultar en el dispositivo para cambiar su contenido según el dispositivo que utilice su visitante para acceder a su sitio web.
  • Por ejemplo: su sitio contiene un widget que permite hacer clic para llamar por teléfono y está disponible para usuarios de dispositivos móviles. Por otro lado, tiene un formulario de contacto para usuarios de computadoras de escritorio. Los widgets ocultos por la función Hide on device no se eliminan; Puede ver todos los elementos ocultos en una página al hacer clic en Unhide Elements en la parte inferior del panel izquierdo. Haga clic derecho en el widget, haga clic en Hide on device y seleccione un dispositivo correspondiente.
  • Set as Anchor: estos enlaces le permiten enviar visitantes a una sección específica de la página, lo que les facilita ir de un lugar a otro en una página más extensa o a una sección específica a la que desea hacer referencia. Haga clic derecho en el widget y haga clic en Set as Anchor.
  • Alignment: establece si el widget está alineado a la izquierda, a la derecha o al centro de su espacio. Para establecer la alineación, haga clic derecho en el widget y haga clic en Align Left, Align Center o Align.

Algunos widgets se comportan de manera muy diferente en distintas vistas. Verifique la forma en que se muestra su widget en cada vista después de agregarlo para asegurarse de que se muestre correctamente.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 1

Comentarios

0 comentarios

Inicie sesión para dejar un comentario.