O Texto arco-íris é um tipo de camada de texto autónomo (não um efeito de cor aplicado sobre uma camada de texto existente) que atribui uma cor diferente a cada carácter, alternando por um conjunto personalizado de amostras.

Para o adicionar, clique na ferramenta Texto na barra lateral esquerda e escolha Texto arco-íris na lista (juntamente com Texto curvo, Texto deformado, Texto com forma, Texto em espiral, Palavras cruzadas e Sopa de letras).

Lista de tipos de texto com o Texto arco-íris destacado na parte inferior

Uma nova camada de Texto arco-íris começa com o conteúdo predefinido "Your text" alternando por 4 cores, um painel Conteúdo (Conteúdo, Prefixo, Sufixo) e uma secção Personalização com três caixas de seleção: Personalizar texto, Personalizar tipo de letra, Personalizar paleta.

Camada predefinida na tela, painéis Conteúdo e Personalização

Personalizar texto: permitir que os clientes escrevam o seu próprio texto

Personalizar texto é o interruptor principal: sem ele, o texto fica fixo com o que escreveu em Conteúdo e o cliente não o pode alterar. Ao marcá-lo, a camada passa a ser um verdadeiro campo de introdução na loja online e são apresentadas todas as opções.

  • Etiqueta: o nome do campo apresentado ao cliente (por predefinição, o texto atual da camada)
  • Texto de ajuda: instruções opcionais apresentadas por baixo do campo
Personalizar texto marcado, com os campos Etiqueta e Texto de ajuda
  • Marcador de posição: texto de exemplo a cinzento apresentado antes de o cliente escrever algo
  • Comprimento máximo: limita o número de caracteres que o cliente pode introduzir
  • Obrigatório: obriga o cliente a preencher este campo antes de encomendar
  • Mover com a caixa delimitadora: mantém a moldura da caixa fixa e permite que o texto se mova e seja redimensionado dentro dela (clique duas vezes para editar o texto)
Campos Marcador de posição, Comprimento máximo, Obrigatório e Mover com a caixa delimitadora
  • Parágrafo: transforma o campo numa área de texto de várias linhas, para textos mais longos
  • Numérico: restringe a introdução a números
  • Remover espaços em branco: elimina os espaços iniciais e finais do que o cliente escreve
  • Apresentar amostras por carácter / Apresentar amostras de esquema consoante o comprimento do texto: controlam a forma como os seletores de amostras de cor/esquema reagem ao comprimento do texto introduzido
  • Transformação do texto: força o texto do cliente para Normal, Maiúsculas ou Minúsculas
  • Expressão regular personalizada: valida o texto introduzido com um padrão personalizado (por exemplo, ^[a-zA-Z0-9]+$)
Campos de Parágrafo a Expressão regular personalizada

Tipo de letra, tamanho e espaçamento

Clique no ícone Tipo de letra na barra de ferramentas da tela para abrir o seletor de tipos de letra (tipos de letra personalizados carregados ou a biblioteca de tipos de letra gratuitos) e escolha um tipo de letra.

Painel Selecionar tipo de letra com a lista de tipos de letra personalizados
Tela com "RAINBOW TEXT" no tipo de letra Anton, ainda a alternar pelas 4 cores predefinidas
  • Tamanho de letra: o botão numérico junto a Tipo de letra
  • Espaçamento entre caracteres: abre uma janela com um controlo de deslize/valor que define o espaço entre as letras
Janela Espaçamento entre caracteres definida para 30
  • Altura da linha: o ícone de chaveta abre um controlo de deslize para o espaçamento entre linhas (relevante quando as Várias linhas automáticas dividem o texto em mais do que uma linha)
Janela Altura da linha
  • Alinhamento do texto: controla o alinhamento horizontal (esquerda/centro/direita) e vertical (topo/meio/base) do texto dentro da respetiva caixa delimitadora
Janela Alinhamento do texto com as linhas Horizontal e Vertical
  • Várias linhas automáticas: ativa ou desativa a quebra automática do texto dentro da caixa
  • Maiúsculas: força o texto apresentado a maiúsculas, independentemente do que foi escrito

Sombra

Clique no ícone de sombra (círculo) para adicionar uma sombra projetada: Cor da sombra, Desfocagem e uma área de Deslocamento arrastável (com Repor posição).

Painel Sombra com uma cor roxa e Desfocagem definida para 8

Paleta: o próprio efeito arco-íris

Clique no ícone Paleta para abrir as definições de alternância de cores:

  • Cada amostra mostra a sua cor hexadecimal; clique nela para alterar a cor ou clique no ícone do lixo para a remover
  • As cores dos caracteres alternam pelas amostras por ordem e os espaços são ignorados, pelo que um texto com várias palavras mantém o ritmo entre palavras
  • Adicionar cor: adiciona outra amostra ao ciclo, até um total de 12
Painel Paleta com as 4 amostras predefinidas
Painel Paleta depois de clicar em Adicionar cor, agora com 5 amostras

Traço

Clique no ícone Traço ("−") para criar um contorno em volta de cada carácter: Espessura do traço e Cor do traço.

Painel Traço, com a espessura definida para 4 e a tela a mostrar um contorno preto em cada letra colorida

Máximo de caracteres

O ícone ∞ define um limite rígido para o número de caracteres que a camada pode conter (por predefinição, Ilimitado), independentemente do campo Comprimento máximo em Personalizar texto.

Janela Máximo de caracteres

Transformação

O painel Transformação padrão (Largura, Altura, X, Y, Inclinação, inverter, Opacidade, Rotação e ícones de alinhamento na tela) é partilhado por todos os tipos de camada e não é específico do Texto arco-íris.

Painel Transformação

Personalizar tipo de letra

Em vez de ficar limitado ao único tipo de letra que escolheu no painel Tipo de letra da barra de ferramentas da tela, Personalizar tipo de letra dá ao cliente um seletor de tipos de letra na loja online.

Marque a caixa de seleção para o ativar:

Painel Personalização com a caixa de seleção Personalizar tipo de letra destacada

Isto abre a biblioteca de recursos Tipos de letra da conta, o mesmo seletor utilizado em todos os outros locais do Customix onde se escolhem tipos de letra: uma lista pesquisável de Pastas (conjuntos de tipos de letra selecionados) e de Ficheiros individuais, ordenável por data de carregamento, com o seu próprio botão Adicionar para carregar um novo tipo de letra no momento. Selecione a(s) pasta(s) que pretende disponibilizar:

Caixa de diálogo Tipos de letra com a pasta Custom font selecionada e destacada

Clique em Concluído e o painel Personalização preenche o resto:

  • Etiqueta: o nome do campo apresentado ao cliente (por predefinição, o nome da pasta)
  • Obrigatório: obriga o cliente a escolher um tipo de letra antes de encomendar
  • Valores: uma miniatura de pré-visualização ("Aa") de cada tipo de letra da(s) pasta(s) selecionada(s), uma etiqueta Pasta: [nome] que indica qual a pasta que alimenta esta lista, uma ligação Tipo de apresentação e um botão Adicionar valor para incluir mais pastas
Painel Personalizar tipo de letra revelado: Etiqueta, Obrigatório, Valores com pré-visualizações de tipos de letra e a etiqueta da pasta selecionada

Personalizar paleta

Personalizar paleta funciona da mesma forma, mas para o ciclo de cores dos caracteres em vez do tipo de letra: em vez de apresentar sempre as amostras que definiu no painel Paleta acima, o cliente escolhe a paleta a aplicar ao seu próprio texto.

Marque a caixa de seleção para o ativar:

Painel Personalização com a caixa de seleção Personalizar paleta destacada

Isto revela:

  • Etiqueta: o nome do campo apresentado ao cliente (por predefinição, o texto atual da camada)
  • Obrigatório: obriga o cliente a escolher uma paleta antes de encomendar
  • Paletas: uma lista de predefinições de ciclos de cores com nome (cada uma com uma pré-visualização em barra de cores, um lápis Editar e Mais ações), um atalho Remover valor predefinido / Editar para a primeira entrada e um botão Adicionar paleta que abre uma caixa de diálogo Criar paleta (nome da paleta, amostras, até 12 cores) para poder adicionar tantas predefinições quantas os clientes devam poder escolher
  • Estilo de apresentação: a forma como o seletor de paletas é apresentado na loja online: Barra de cores, Imagem em miniatura, Botão em linha ou Menu pendente
Painel Personalizar paleta revelado: Etiqueta, Obrigatório, duas entradas de Paletas, Adicionar paleta e opções de Estilo de apresentação

Atualizado em: 23/09/2026