---
title: Estilização da pesquisa
slug: estilizacao-da-pesquisa
docTags: 
createdAt: 2023-08-01T16:28:09.329Z
---

💻 A estilização da pesquisa é importante para deixá-la com o perfil que você deseja e no estilo da sua empresa. Para entender como funciona esse processo, siga as instruções abaixo:

##  Instruções:

1. Acesse a página de sua pesquisa e vá até o item “Estilização”;

![](https://api.archbee.com/api/optimize/yPkDVLnUbwTU94e4KhebV/0lxLsftbLfanDYgQ2f5op_image-20230727-165059.png)

2\. Em “URL da Logo” você pode adicionar uma URL que direcione até uma logo personalizada para sua pesquisa, caso não seja incluída nenhuma URL, a logo que aparecerá na pesquisa será a mesma da instância do cliente;

![](https://api.archbee.com/api/optimize/yPkDVLnUbwTU94e4KhebV/3vrB0HW5vzEzvj-V-ZVW9_image-20230727-170124.png)

3\. Cor de fundo: permite definir a cor do fundo do seu formulário;

![](https://api.archbee.com/api/optimize/yPkDVLnUbwTU94e4KhebV/NSAQlZrJKqBs3rRlibiHJ_image-20230728-233112.png)

4\. Botão Voltar - Cor 1: define a cor primária (Localizada na parte superior) do botão "Anterior/Voltar",

::Image[]{src="https://api.archbee.com/api/optimize/yPkDVLnUbwTU94e4KhebV/XEH-S5JU7RxmzqZSfXz7m_image.png" size="50" width="247" height="65" position="center" showCaption="false"}

4.1- Botão Voltar - Cor 2: define a cor secundária (Localizada na parte inferior) do botão "Anterior/Voltar";

::Image[
]{src="https://api.archbee.com/api/optimize/yPkDVLnUbwTU94e4KhebV/RrcDtdZrF89EKYQY24wus_image.png" size="50" width="248" height="68" position="center" showCaption="false"}

5\. Botão Próximo - Cor 1: define a cor primária (Localizada na parte superior) do botão "Próximo/Finalizar";

::Image[
]{src="https://api.archbee.com/api/optimize/yPkDVLnUbwTU94e4KhebV/7cxXKxADSCGKfjimIqt3k_image.png" size="50" width="257" height="77" position="center" showCaption="false"}

5.1- Botão Próximo - Cor 2: define a cor secundária (Localizada na parte inferior) do botão "Próximo/Finalizar";

::Image[]{src="https://api.archbee.com/api/optimize/yPkDVLnUbwTU94e4KhebV/UmailBYewGB8okTs4dKIs_image.png" size="50" width="257" height="77" position="center" showCaption="false"}

6\. Hover do Botão: define a cor da seleção dos botões da pesquisa;

::Image[]{src="https://api.archbee.com/api/optimize/yPkDVLnUbwTU94e4KhebV/bFTBWXkHvmsKEMWcMD6j3_whatsapp-image-2023-08-01-at-133332.jpeg" size="50" width="240" height="66" position="center" showCaption="false"}

7\. Fundo do Survey: permite definir a cor do fundo de sua pesquisa;

![](https://api.archbee.com/api/optimize/yPkDVLnUbwTU94e4KhebV/fjr9N77cXzbmMVqljS39x_image-20230728-233057.png)

8\. Cor do Texto do Survey: define a cor dos textos de sua pesquisa;

![](https://api.archbee.com/api/optimize/yPkDVLnUbwTU94e4KhebV/z8AlKBIyiZRvopWguUt1K_image-20230728-232751.png)

9\. Cor do Subtexto do Survey: permite definir a cor dos subtextos (descrição da pergunta) da pesquisa;

![](https://api.archbee.com/api/optimize/yPkDVLnUbwTU94e4KhebV/oveNvFQ8hwK3L2CqnlwZ8_image-20230728-232851.png)

10\. Cor de Fundo das Opções: define a cor de fundo das opções da pergunta;

![](https://api.archbee.com/api/optimize/yPkDVLnUbwTU94e4KhebV/HLP72Wgtz77PkAuC_u0TC_image-20230728-233141.png)