Personalizar QR en Página en blanco
Personalizar diseño de un QR
En una Página en blanco, el componente de "QR" es totalmente personalizable en estilos y colores.
Para personalizar un Código QR haz clic en Editar desde tu componente o desde la sidebar.
Configuración de tamaño
Utiliza la propiedad "Ancho" para definir, en pixeles, el ancho del área del QR.
Utiliza la propiedad "Alto" para definir, en pixeles, el alto del área del QR.
Utiliza la propiedad "Top" para definir el número de píxeles que hay entre el borde superior de la sección, y el borde superior del área del QR.
Utiliza la propiedad "Left" para definir el número de píxeles que hay entre el borde izquierdo de la sección, y el borde izquierdo del área del QR.
En “zIndex”, escribe un número del 1 al 10 para determinar en qué “capa” de la página va a estar tu QR.
En "Seleccione su tipo de QR", despliega la lista y selecciona uno de los dos tipos de QR.
En "Título" coloca el texto que el usuario final va a visualizar sobre el QR.
En "Url del Qr" coloca el link que se va a usar para generar el QR. En caso de que hayas elegido QR Dinámico, coloca la variable que se usará para generar el QR.
En "Color del QR", selecciona un color, o ingresa un código hexadecimal de color para tu el código QR.
Activa la función "Permitir guardar QR" si quieres que el usuario final descargue el QR.
Activa la función "Mostrar logotipo en QR" si quieres agregar un logo a tu QR.
Si activas esta función, deberás subir tu logo desde tu equipo.
Activa la función "Permitir mandar por correo" si quieres que este QR sea enviado por correo.
Si activas esta función, deberás seleccionar los correos a donde se va a enviar.
Haz clic en "Guardar" para guardar los cambios y ejecuta una vista previa para comprobar que tu QR se genera correctamente.
Hover
En "Hover" selecciona el color que va a tomar el botón, cuando el usuario final ponga su cursor sobre el botón. Puedes seleccionarlo, o ingresarlo con el código hexadecimal.
Tipografía
Utiliza las opciones de texto para personalizar el texto del botón:
Negritas
Cursiva
Alineación
Color
Fuente
Tamaño
Borde
Puedes agregar bordes a los botones, sólo tienes que activar la función "Tiene borde".
En “Color del borde” selecciona un color para tu borde
En “Ancho” determina el grosor de tu borde
En “Tipo” selecciona el estilo de tu
Solid: Para un borde continuo.
Dashed: Para un borde rayado.
Dotted: Para un borde punteado.
En "Redondez" puedes suavizar las puntas de tu botón.
También puedes usar uno de los tres estilos predefinidos de redondez para tu botón, sólo selecciónalo en la propiedad "Roundness".