Personalizar

VTEX Assisted Sales (SuiteShare)

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":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAECAIAAADETxJQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAL0lEQVR4nGPYum3j8dPHT589wXD3zp3/YMBw5PChTRvXnz59miEqMoKTndnczBQAMiYX4bZ+NfUAAAAASUVORK5CYII=","img":{"src":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/personalizar-suiteshare_1.png","width":668,"height":794,"type":"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%20Commerce/VTEX%20Assisted%20Sales%20(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%20Commerce/VTEX%20Assisted%20Sales%20(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%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/personalizar-suiteshare_4.png"}}$

Selecione o tema desejado.

${"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAIAAAA7ljmRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAMklEQVR4nAEnANj/AJ+fm7KyrbW2sMLCvQDR0Mvl5N/m5+Hy8uwADAwKICAfHBwbJCQh3poUFjTVIRYAAAAASUVORK5CYII=","img":{"src":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/personalizar-suiteshare_5.png","width":680,"height":442,"type":"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%20Commerce/VTEX%20Assisted%20Sales%20(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%20Commerce/VTEX%20Assisted%20Sales%20(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.