Como personalizar cores, fontes e layout de uma proposta?

Question

Accepted Answer

A proposta é montada em um editor visual: você clica nos elementos e edita direto na página, como em um editor de apresentações. As três áreas do editor Painel esquerdo — o que você pode inserir, organizado em três grupos: - Texto — adicionar um título, um subtítulo ou um parágrafo - Mídia & Conteúdo — Imagem, PDF, Pacotes, Vídeo, Depoimento, FAQ, Chamada à Ação e Redes sociais - Formas & Elementos — Botão, Divisor, Espaçador, Caixa, Retângulo, Círculo, Linha e Ícone Canvas central — a proposta em si. Clique em qualquer elemento para selecioná-lo e arraste para posicionar. Painel direito — as propriedades do que está selecionado: cores, tipografia, tamanho, espaçamento, alinhamento e opções avançadas. Ali também ficam as Camadas, para escolher o que está na frente e o que está atrás. Trabalhando com seções Cada bloco da proposta é uma seção. Passando o mouse sobre ela, aparecem os controles: - Mover para cima e Mover para baixo - Duplicar seção - Excluir seção No gerenciador de seções dá para ocultar uma seção sem apagá-la — ela fica marcada como Oculta. Vendo como o cliente vai ver No topo do editor existem os botões de visualização em computador, tablet e celular, além do Preview, que abre a proposta como o cliente vai receber. 💡 Confira sempre no celular antes de enviar. A maioria dos clientes abre a proposta pelo telefone, e textos grandes demais ou imagens mal enquadradas só aparecem nessa visualização. Ajustes por aparelho O computador é a base. Troque a prévia no topo para tablet ou celular e o que você mudar ali vale só naquele aparelho: - cores (do texto, do fundo da seção, dos botões e dos cartões), fonte, tamanho da letra, espaços, alturas, alinhamento, colunas e cantos; - o que aparece ou some: o olho Ocultar de cada elemento e as opções Mostrar… dos elementos. Continua igual em todos os aparelhos: os textos escritos, as fotos, os links dos botões e os itens das listas. Acrescentar, tirar ou reordenar um item vale para todos. Enquanto a prévia estiver no tablet ou no celular, o painel da direita mostra Editando no celular (ou no tablet). Ali dá para desfazer os ajustes do celular nesta seção ou desfazer todos, voltando ao desenho do computador. 💡 O que você muda no computador continua valendo no celular, menos no que já tiver ajuste próprio do celular. Use a prévia de celular antes de publicar: a maioria dos clientes abre por ele. 💡 É o ajuste que salva título grande de capa: o corpo que fica bonito no computador costuma estourar a linha no celular. Salvando e publicando - Salvar guarda o trabalho - Publicar coloca a proposta no ar e gera o link para o cliente - Depois de publicada, o botão passa a ser Republicar, para atualizar o que o cliente vê com as mudanças que você fez ⚠️ Alterações feitas depois da publicação só chegam ao cliente quando você clica em Republicar. O bloco de Pacotes É o bloco mais importante da proposta comercial: ele traz os pacotes cadastrados em Produtos & Serviços, com valores e itens inclusos, e é onde o cliente escolhe o que quer contratar. 💡 Monte a proposta uma vez com o capricho que ela merece e depois reaproveite. O editor tem tudo o que é preciso, mas o tempo bem investido é o da primeira — as seguintes devem ser cópia com ajustes. Formas de pagamento e selos Na galeria de seções há as categorias Pagamento e Selos e garantias: formas de pagamento com ícones e bandeiras de cartão, faixa de "Aceitamos", e selos como "Entrega em 15 dias", "Pagamento seguro" e "Escolha online". Tudo é editável na aba Conteúdo: o ícone de cada item, o título, o texto, a ordem, e o tamanho, o formato e as cores dos ícones. Veja os detalhes em Tudo o que dá para fazer no editor da página do link de agendamento, que usa o mesmo editor.