Alterar o texto e as cores do botão

O texto e a aparência do botão de cotação ficam na aba Button & widget, em seções diferentes. Esta página cobre os dois.

Alterar o texto

1. Abra as configurações do botão

   No app, acesse Quote settings e clique em Customize. Depois, abra a aba Button & widget.

2. Edite Button text

   Button text é o primeiro campo da seção Quote Button Settings. O padrão é Add to Quote, e o texto de ajuda diz: “This text appears on product pages and collection pages. Recommended default: Request a Quote.”

   

3. Salve e recarregue a loja virtual

   Salve as alterações e recarregue uma página de produto para ver o novo texto.

   

   O texto de Button text, em uma página de produto ativa.

Nota

O texto importa mais do que parece. “Request a Quote” soa como um compromisso; algo mais leve, como “Check price”, costuma gerar mais cliques em produtos de alto valor. Seja breve: o mesmo texto precisa caber em um card de produto na grade de uma coleção.

Alterar a aparência

Role a mesma aba até Style.

Configuração	O que altera
Button type	Filled, Outline ou Text link. Filled chama mais atenção; Text link é o mais discreto.
Size	Medium, Large ou Full width. Full width costuma ficar melhor logo abaixo de um botão de compra.
Text color	A cor do texto do botão.
Background color	A cor de preenchimento do botão.
Font size	O tamanho do texto, em px.

Cuidado

Confira o resultado no celular e também no desktop. O painel Preview tem um alternador de desktop e dispositivo móvel: um tamanho de fonte que parece adequado em uma tela larga costuma ser grande demais em um card de produto no celular.

Combinar com o seu tema

Uma combinação comum é Outline com a cor de destaque do seu tema como Text color: o botão de cotação continua claramente secundário em relação ao botão Add to Cart preenchido, mas ainda pertence ao mesmo design.

Se o botão de cotação fica ao lado dos botões de compra, iguale o Size ao deles para que a linha não fique irregular.

Outros idiomas

Button text define o texto do seu idioma padrão. Para traduzi-lo junto com todo o resto que clientes veem, use Translations AI em Advanced settings: “Translate everything your customers see — quote form, storefront text and both quote emails.”

Veja Traduzir o texto da loja virtual.

Próximos passos

• Definir o comportamento após o clique: o que acontece quando clientes clicam
• Botão de cotação nas páginas de produto: onde o botão fica
• Combinar com o estilo do seu tema: estilize o formulário de cotação para combinar