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.

  • QR Estático

  • QR Dinámico

• 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".