Personalizar

1 min de leitura

Além de definir os textos do seu chat e/ou captura é possível também personalizar a aparência. Para acessar essas configurações, acesse dentro do seu painel admin do VTEX Assisted Sales (SuiteShare) o campo Configurações > minha conta.

${"base64":" ","img":{"width":668,"height":794,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":83712,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/personalizar-suiteshare_1.png"}}$

Clique em “Aparência”.

${"base64":" ","img":{"width":1440,"height":716,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":77263,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/personalizar-suiteshare_2.png"}}$

Nesta tela é possível editar o logo, cor e fundo.

${"base64":" ","img":{"width":1440,"height":1003,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":317237,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/personalizar-suiteshare_3.png"}}$

Recomendamos que o logo seja enviado em PNG e em tamanhos quadrados, como por exemplo 1:1.

Defina a cor que será o seu chat, você pode enviar diretamente o código das cores e assim manter a sua identidade visual.

Escolha a cor do texto.

${"base64":" ","img":{"width":394,"height":266,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":29448,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/personalizar-suiteshare_4.png"}}$

Selecione o tema desejado.

${"base64":" ","img":{"width":680,"height":442,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":69026,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/personalizar-suiteshare_5.png"}}$

Pronto!

Essas alterações estarão disponivéis nos formulários de captura.

${"base64":" ","img":{"width":736,"height":1028,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":182147,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/personalizar-suiteshare_6.png"}}$

E no seletivo.

${"base64":" ","img":{"width":736,"height":1074,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":258948,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/personalizar-suiteshare_7.png"}}$

Não esqueça de clicar em "Salvar".

Atenção! Para configurar os textos você deve acessar o formulário de captura ou seletivo.