Saltar al contenido principal

Diseño del portal

El diseño se configura por cuenta en Organización → Cuentas → (tu cuenta) → Branding y aplica a todos sus sitios. Al final de la pestaña está la vista previa en vivo, que se actualiza mientras cambias los ajustes.

Textos del portal y vista previa en vivo en la pestaña Branding

Sube el logo con Seleccionar archivo o elígelo de la biblioteca con Seleccionar desde Media. En Textos del portal → Tamaño del logo eliges pequeño (60 px), mediano (90 px) o grande (130 px).

consejo

Usa un PNG o WebP con fondo transparente y recortado al borde. El portal se abre con WiFi lento, así que mantenlo liviano.

Fondo​

OpciónQué configuras
Color sólidoUn color.
GradienteColor inicial, color final y dirección (diagonal, vertical, horizontal o 135°).
ImagenURL de la imagen (o elígela de la biblioteca) y un overlay oscuro de 0 a 1 para que el texto se lea sobre la foto.

Colores​

CampoDónde se usa
Color primarioBotones, enlaces y detalles principales.
Color secundarioGradientes de botones y la segunda línea superior del card.
Color de textoTextos del card.
Fondo del cardEl recuadro donde va el formulario.

Tipografía​

  • Fuente: Montserrat (por defecto), Poppins, Inter, Roboto, Nunito, Lato, Raleway u Open Sans.
  • Peso del título: Regular, Semibold, Bold o Extrabold.

Card y botones​

El card es el recuadro central del portal.

AjusteOpciones
Estilo del cardSólido, Cristal (fondo translúcido) u Outline (solo borde).
Radio del cardSin redondeo, suave (8 px), redondeado (16 px) o muy redondeado (24 px).
Título de bienvenidaEn MAYÚSCULAS o tal como lo escribes.
Líneas superiores del cardDos líneas (primario y secundario), una línea (primario) o ninguna.
Estilo del botónSólido, Gradiente u Outline.
Radio del botónCuadrado (4 px), suave (8 px), redondeado (16 px) o Pill.

Imagen del card​

Una foto dentro del card, por ejemplo de tu local.

AjusteOpciones
Cómo se usaSin imagen, franja arriba del card o fondo del card (con velo).
Alto de la franja100, 140 o 200 px.
Velo sobre la imagenOscuro (texto claro) o claro (texto oscuro), con intensidad de 0 a 0,9.
consejo

Mejor WebP o JPG de unos 800 px de ancho y menos de 150 KB.

Textos del portal​

  • Texto de bienvenida: el título del card, por ejemplo "¡Bienvenido al WiFi!". Cada sitio puede tener el suyo.
  • Texto del footer: una línea al pie, por ejemplo "WiFi gratuito para todos".

Los demás textos (términos, aviso de correo inválido) están en Sesión, textos y términos.

Subdominio​

En Cuentas → General → Dominio puedes darle a la cuenta un subdominio propio, por ejemplo mi-negocio.bitwifiapp.com. Si lo cambias, actualiza la URL del portal en tus equipos y en la walled garden.