#🔖 Smart Labels

Accede a esta función desde el icono

Smart Labels te permite poner etiquetas al instante sobre cualquier texto de una web. Así puedes convertir monedas o unidades y personalizar el contenido para entenderlo mejor. 🙂

#🚀 Por qué te va a gustar Smart Labels

• 🎯 Sustituye casi cualquier cosa: cambia patrones de texto por etiquetas personalizadas.
• 💱 Convierte monedas: usa tipos de cambio en tiempo real.
• 📏 Convierte unidades: longitud, peso, volumen y mucho más.
• 🎨 Dale tu propio estilo: elige entre más de 30 estilos de etiqueta.
• 🌐 Inteligencia por dominio: la configuración se guarda sola y vuelve a aplicarse en cualquier página de esa misma web en el futuro.

Pruébalo un rato y verás lo práctico que resulta. 🙌

#🛠️ Cómo usarlo

#🖼️ Captura de ejemplo

• Aquí tienes una captura con distintos Smart Labels que puedes usar, por ejemplo, al comprar.
• No te asustes por la cantidad de opciones. Puedes añadir una etiqueta o cientos. 👉

#✏️ Añadir una etiqueta

1. Elige el tipo de etiqueta:
   • Text: coincidencia simple de palabra o frase.
   • Regex: coincidencia avanzada mediante patrones.
   • Custom Unit: crea tu propia conversión.
   • Currency: detecta y convierte automáticamente cualquier moneda, como USD, EUR o JPY.
   • Units: detecta y convierte unidades, como longitud, peso o volumen.
2. Rellena todos los campos:
   • Before Pattern:
     • Para Text o Regex, escribe el patrón que quieres detectar.
     • En tipos de unidad se rellena automáticamente, aunque puedes ajustarlo.
   • After:
     • Para Text o Regex, escribe la palabra o frase de reemplazo.
     • Para Currency o Units, elige el objetivo, por ejemplo USD → EUR.
   • Conversion Rate:
     • Solo aparece para tipos de unidad. Se rellena automáticamente y también se puede editar.
3. Pulsa "+": el botón de añadir solo se activa cuando todos los campos son válidos. Guárdalo y verás el efecto al momento.

• Los campos tienen autocompletado. Solo tienes que escribir para buscar la opción.
• En pantallas pequeñas, desplázate hacia la derecha para ver toda la fila.
• Pulsa la x para vaciar un campo.
• Si quieres hacer cálculos 😉: 1 After-unit = rate * Type-unit

#📝 Editar una etiqueta

Mira el efecto en tiempo real.

Pulsa cualquier campo para modificar una configuración ya guardada.

El cambio se refleja enseguida. En campos de texto, toca los espacios vacíos de la tabla de configuración para ver el resultado.

#🗑️ Eliminar una etiqueta

Usa el icono de papelera para borrar etiquetas.

#🕵️ Ocultar una etiqueta

También puedes ocultar la etiqueta para ver el contenido original:

• Pantalla táctil: toca la etiqueta para ocultarla durante 3 segundos.
• Ratón: pasa el cursor por encima para esconder la etiqueta y mostrar el texto que tapa.

#🎨 Estilos de visualización

Los estilos de visualización tienen dos dimensiones: posición y color. Puedes etiquetar cosas distintas con estilos distintos.

#Posición

Elige dónde quieres colocar la etiqueta respecto al texto original:

• On-Top: posición predeterminada; aparece encima del texto original.
• Beside: aparece al lado del texto original.
• Below: aparece debajo del texto original.
• In-Place: inserta texto azul justo después del texto original.

Mira la captura de ejemplo para ver cómo queda cada estilo.

#Color

Elige el estilo de color de tu etiqueta:

• Blue 💙
• Green 💚
• Yellow 💛
• Red ❤️
• Gradient 🌈
• BlackOnWhite 🖤
• WhiteOnBlack 🤍
• WhiteOnBlue 🌀
• Purple 💜
• Pink 💖
• Orange 🍊
• Brown 🟤

#🤓 Ejemplos

Smart Labels sirve para muchas situaciones creativas: cuando lees artículos, compras, investigas o ves videos.

• Viajes y compras internacionales: convierte precios automáticamente a tu moneda preferida.
• Lectura: destaca términos importantes con estilos distintos.
• Investigación: sustituye jerga técnica por palabras más fáciles de entender.

#✍️ Reemplazo de texto

• Type: Text
• Before: HuBrowser (nombre del canal de YouTube)
• After: Nice! (tu anotación personal)
• Style: Gradient

#💰 Conversión de moneda

• Type: EUR
• Before: se rellena automáticamente
• After: USD
• Rate: se rellena automáticamente con el tipo de cambio más reciente.
• Result: por ejemplo, €93.50 → $99.99

#📏 Conversión de unidades

• Type: Length/inches
• Before: (relleno automático)
• After: Length/cm
• Rate: (relleno automático)

#🛠️ Solución de problemas

Si no funciona como esperas, prueba esto:

1. Revisa el campo "Before": ¿el patrón coincide realmente con el texto que quieres modificar?
2. Prueba otros estilos: según la web, algunos estilos se ven mejor que otros.
3. Recarga la página: vuelve a cargar la web para aplicar los cambios.