Widgets de forma

El widget de forma es una herramienta de diseño que se puede utilizar para destacar mensajes importantes. Cree botones y banners, convoque a premios y destaque precios de venta. Puede agregar una imagen, introducir color de fondo y texto, controlar el tamaño y agregar sombras. El widget tiene la completa flexibilidad para colocarse en cualquier ubicación.

Para agregar el widget:

  1. En el panel izquierdo, haga clic en Widgets.
  2. Haga clic y arrastre el widget Forma a su sitio.

Para obtener más información sobre cómo agregar widgets a su sitio, consulte Agregar widgets.

Editor de contenido

Para acceder al editor de contenido:

  1. Haga clic con el botón derecho en el widget y haga clic en Editar contenido.
  2. Seleccione una forma.
  3. Para agregar un enlace a la forma, haga clic en Agregar enlace.
  4. Escriba un título y una descripción para la forma. Para ocultar el título y la descripción, haga clic en el icono de ojo ().
  5. Escriba el texto alternativo y una Información sobre herramientas para la forma.

Editor de diseño

Para acceder al editor de diseño:

  1. Haga clic con el botón derecho en el widget y haga clic en Editar diseño.
  2. Haga clic en Diseño para seleccionar un diseño diferente para la forma.
  3. Para colocar el widget en la parte superior de una imagen o superponerlo a esta o a otro widget, haga clic en la pestaña Espaciado y configure los márgenes para que sean un número negativo (por ejemplo, -50 px).
  4. Para que el icono sea un widget flotante, habilite el botón Flotante y seleccione una posición para el widget. Para mostrar el botón flotante solo en la página actual, habilite el botón Solo mostrar en esta página.

Asegúrese de que las configuraciones de diseño que defina sean correctas para el dispositivo. Como de costumbre, las configuraciones tales como espaciado (de todo el widget y de los elementos individuales), ancho, entre otras, se definen por dispositivo. Para obtener más información, consulte Editar por dispositivo.

Para obtener información sobre las opciones de diseño que no son específicas de este widget (por ejemplo, diseño, estilo o espaciado), consulte Diseño de widgets.

Ejemplos

Crear una forma en el encabezado.

Para crear una forma en el encabezado:

  1. Cree una fila con dos columnas.
  2. Escoja una forma amorfa y agréguela a la columna del lado derecho.
  3. Haga que la forma sea tan grande como la columna.
  4. En el Editor de diseño, seleccione la disposición con la imagen de fondo y reemplace la imagen por la que desee.

Usar una forma como un botón

Para usar una forma como un botón agregando un enlace y efecto de superposición:

  1. Seleccione la forma de círculo y agregue un título y una descripción.
  2. Seleccione los colores para la forma y los textos.
  3. Para colocar la forma en la esquina de una imagen, use un margen negativo en la lado izquierdo de la forma (espaciado > margen > margen izquierdo y superior en - 50 píxeles).

Destacar un plan o servicio específicos

Para utilizar formas para destacar un plan o servicio específico:

  1. Elija la forma de bandera y agregue un título o una descripción breve.
  2. Desactive Conservar proporción y así podrá ajustar solo el ancho.
  3. Seleccione los colores para la forma y los textos.
  4. Para colocar la forma de modo que esta se superponga a la parte superior de la columna, use un margen superior negativo (espaciado > margen > margen superior en - 30 píxeles).

Crear un botón de desplazamiento

Para utilizar una forma para crear un botón de desplazamiento:

  1. Escoja la forma de diamante y agregue un título.
  2. Desactive Conservar proporción y así podrá ajustar solo el ancho.
  3. Seleccione los colores para la forma y los textos.
  4. Para colocar la forma en la parte superior de la imagen, use un margen superior negativo (espaciado > margen > margen superior en - 50 píxeles).