Personalizar la barra de búsqueda de tu sitio
6 min
En este artículo
- Personalizar los ajustes de la barra de búsqueda
- Cambiar el estilo de la barra de búsqueda
- Personalizar el diseño de la barra de búsqueda
La app Wix Búsqueda en el sitio permite a los visitantes buscar cualquier cosa en tu sitio. Esta app viene con una barra de búsqueda totalmente personalizable, lo que te permite ajustar su apariencia y funcionalidad a tus necesidades.
Importante:
El Editor de Wix Studio presenta una nueva experiencia de búsqueda que aún no está disponible en el Editor de Wix. Si creaste tu sitio con una plantilla en el Editor de Wix Studio, deberás eliminar el antiguo elemento Búsqueda en el sitio y luego agregar a tu sitio la app Wix Búsqueda en el sitio para habilitar la nueva experiencia de búsqueda.
Consejo:
También puedes personalizar la página de los resultados de la búsqueda donde se muestran los resultados.
Personalizar los ajustes de la barra de búsqueda
Personaliza la barra de búsqueda editando el texto del marcador de posición (el texto inicial que se muestra antes de que los visitantes comiencen a escribir) y ajusta la capacidad de respuesta de la barra para controlar si los resultados aparecen a medida que el visitante va escribiendo o solo después de que termina de escribir.
Para personalizar los ajustes de la barra de búsqueda:
Editor de Wix
Editor de Wix Studio
- Haz clic en la barra de búsqueda en el editor.
- Haz clic en Ajustes.
- Personaliza los ajustes de la barra de búsqueda:
- Sugerencias de resultados y elementos populares:
- Habilita/deshabilita la palanca Mostrar sugerencias de resultados cuando los visitantes comiencen a escribir para mostrar u ocultar sugerencias mientras realizan búsquedas.
- Habilita/deshabilita la palanca Mostrar los elementos populares antes de que los visitantes comiencen a escribir para mostrar u ocultar los elementos populares en la barra de búsqueda.
- Icono y texto:
- Activa/desactiva la palanca Mostrar icono de búsqueda para mostrar u ocultar el icono de búsqueda en la barra de búsqueda.
- Activa/desactiva la palanca Mostrar texto del marcador de posición para mostrar u ocultar texto en la barra de búsqueda.
- Si está habilitada: ingresa el texto en el campo proporcionado, por ejemplo "Buscar".
- Botón Borrar:
- Icono: se agrega un icono X a la barra de búsqueda.
- Texto: se agrega un botón a la barra de búsqueda con el texto que proporciones.
- Sugerencias de resultados y elementos populares:
Cambiar el estilo de la barra de búsqueda
Ajusta la alineación, los márgenes y la estructura general de la barra de búsqueda para integrarla mejor en el diseño del sitio.
Para cambiar el estilo de la barra de búsqueda:
Editor de Wix
Editor de Wix Studio
- Haz clic en la barra de búsqueda en el editor.
- Haz clic en el icono Estilo
.
- Elige una opción de estilo (con o sin botón).
- Personaliza la alineación, el espaciado y el relleno de los iconos y el texto.
Nota:
Las opciones de estilo disponibles (alineación, espaciado y relleno) varían según el estilo que hayas elegido en el paso 3.
Personalizar el diseño de la barra de búsqueda
Puedes personalizar el diseño de la barra de búsqueda para cada uno de los siguientes estados:
- Normal: cuando la barra no está en uso.
- Efecto cursor: cuando los visitantes pasan el cursor por encima de la barra.
- Foco: cuando los visitantes han hecho clic en la barra.
Para personalizar el diseño de la barra de búsqueda:
Editor de Wix
Editor de Wix Studio
- Haz clic en la barra de búsqueda en el editor.
- Haz clic en el icono Diseño
.
- Selecciona un diseño preestablecido.
- Haz clic en Personalizar diseño para diseñar más detalladamente.
- Haz clic en una pestaña para elegir el estado que deseas personalizar: Normal, Efecto cursor o Foco.
- Personaliza los colores, los bordes, las esquinas, las sombras y el texto para cada uno de los estados disponibles.
Cambiar la posición de la barra de búsqueda:
Para cambiar la posición de la barra de búsqueda, haz clic en ella y arrástrala al encabezado o al pie de página de tu sitio.