Support Centre

Adicione um código QR personalizado ao seu design acessível

Renée Meloche
Renée Meloche
  • Atualizado

Gere e edite a cor de um código QR interativo que os visualizadores podem digitalizar para acessar um link personalizado. Os usuários podem   escanear o QR com seu dispositivo inteligente  e serão redirecionados para o URL que você adicionou. 

Selecione  Código QR   na barra lateral esquerda para expandir a ferramenta QR. 

Digite o   URL do endereço da web   no  campo de texto  URL   digitando ou colando-o. A   visualização   mostrará a forma do código QR de acordo com o endereço da web. 

Quando estiver pronto, clique em   Gerar código QR   para criar o código QR em sua tela de design. 

Em um modelo de apresentação no Editor atualizado, o usuário clica em 'Código QR' na parte inferior da barra lateral esquerda.  A barra lateral esquerda é aberta em um painel sobreposto à tela de design, e o usuário digita uma URL no campo de texto e clica no botão 'Gerar código QR' abaixo.  Um código QR aparece na tela e o usuário o redimensiona e o reposiciona na tela.

Personalize a cor do código QR

Redimensione   ou   reposicione  o código QR na tela da maneira que desejar. 

Selecione   o código QR na tela.  Clique nos ladrilhos coloridos  na barra de ferramentas superior e use a  ferramenta Cor  para personalizar sua aparência. Escolha entre as cores do Projeto ou Kit de marca ou personalize com o seletor de cores.

Uma tela com fundo verde-azulado aparece no Editor atualizado, com um gráfico de pizza parcialmente visível no centro da tela e um código QR preto e branco no canto superior direito.  Um usuário clica no código QR na tela para selecioná-lo.  Quando a imagem do código QR é selecionada, ela aparece com uma caixa delimitadora azul clara.  As ferramentas aparecem na barra de ferramentas superior, incluindo dois blocos coloridos, um ícone de link e um botão Alt Text.  O usuário clica no primeiro ladrilho colorido na barra de ferramentas superior.  O widget Ferramenta de cores é aberto;  no widget há cabeçalhos diferentes com blocos de amostra de cores abaixo deles, incluindo cores do projeto e cores do kit de marca.  Sob um divisor, há uma seção com uma janela de seleção de cores, controles deslizantes para matiz e valores de preto/branco e campos de texto para código HEX e opacidade.  O usuário clica em um bloco de cores sob o título Cores do projeto,  e a parte do código QR que aparecia em branco agora aparece na mesma cor verde-azulada do fundo da tela.  O usuário então clica no controle deslizante de matiz e usa o seletor de cores para alterar a cor para um verde-amarelo claro.  O usuário fecha o widget Ferramenta de cores, clica no segundo bloco de cores na barra de ferramentas superior e altera a parte do código QR para azul-esverdeado claro usando uma das amostras de cor do projeto.

Editar link do código QR

Selecione o código QR  na tela e   clique na ferramenta URL  na barra de ferramentas superior. 

Um modal (caixa) irá aparecer, na parte superior da tela, com o endereço do link que você adicionou ao QR code; digite no campo de texto modal para alterá-lo.

Clique em "  OK  " para salvar suas alterações e fechar o modal.

Uma tela com fundo verde-azulado aparece no Editor atualizado, com um gráfico de pizza parcialmente visível no centro da tela e um código QR no canto superior direito.  Um usuário clica no código QR na tela para selecioná-lo.  Quando a imagem do código QR é selecionada, ela aparece com uma caixa delimitadora azul clara.  As ferramentas aparecem na barra de ferramentas superior, incluindo dois blocos coloridos, um ícone de link e um botão Alt Text.  O usuário clica na URL (o ícone do link) na barra de ferramentas superior e um modal pop-up aparece sobre a tela na parte superior da tela, com o título 'URL'.  No campo de texto do modal, aparece o endereço 'piecharts.com'.  O usuário clica no campo de texto e altera a URL para 'barcharts.com' e, em seguida, clica em OK no modal para fechá-lo.  Quando o usuário clicar em OK,  o modal fecha e o arranjo do código QR muda para refletir a mudança de URL;  o usuário clica novamente na URL na barra de ferramentas superior e, quando o modal aparece, a URL no campo de texto é 'barcharts.com'.

A forma do código QR na tela de design mudará para caber no URL atualizado. 

Adicionar texto alternativo

Descreva os códigos QR que aparecem em sua tela de design para  usuários com deficiência visual ou leitores com outras necessidades de acessibilidade  .

Selecione o código QR  . Clique em "  Alt Text  " na barra de ferramentas superior; adicione seu texto descritivo. Uma descrição simples para que o usuário saiba que a imagem é um QR e para qual site ela está vinculada é perfeita. Aqui está um exemplo: 

"Um código QR com link para o site venngage.com."

Esse artigo foi útil?

Usuários que acharam isso útil: 0 de 2

Tem mais dúvidas? Envie uma solicitação