header-logo
Primeiros passosConfira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.
Crie o seu siteAprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.
Conta e faturamentoRevise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.
Use os apps mobile do WixUse o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.
Conecte um domínioEntenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.
Gerencie o seu negócioEncontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.
Promova o seu siteConfira como promover seu site nos motores de busca, enviar campanhas de email e veicular anúncios pagos.
Wix Studio, Parceiros e empresasTire o máximo proveito da sua conta do Wix Studio, Parceiro Wix ou Wix Empresarial, para que você possa expandir seus negócios.
AjudaObtenha informações sobre como resolver os problemas técnicos e de desempenho do seu site. Além disso, acompanhe os próximos recursos em nosso roadmap de produtos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

Wix Bookings: personalizar o widget Membros da equipe

Neste artigo
  • Alterar o background do widget Membros da equipe
  • Personalizar o design do widget Membros da equipe
  • Personalizar fontes e cores do texto
  • Personalizar as imagens dos membros da equipe no widget Membros da equipe
Após adicionar um widget Membros da equipe para mostrar a sua equipe, personalize o widget para que ele combine com sua marca. Você pode personalizar o design ao alterar o background da lista, suas fontes, cores e muito mais.
Dica:
O widget Membros da equipe tem elementos repetidos que são editados uma vez, mas as alterações afetam todos os elementos semelhantes. Por exemplo, se você alterar a cor do nome do membro da equipe, os nomes de todos os membros da equipe serão exibidos com a mesma cor.

Alterar o background do widget Membros da equipe

Você pode alterar o background do widget, assim como o background atrás dos cartões que mostram os membros da sua equipe. Você pode escolher uma cor de background ou uma imagem de background para os dois elementos.

Para alterar o background do widget Membros da sua equipe:

  1. Vá para o seu editor.
  2. Vá para a página onde você tem o widget.
  3. Clique no widget Membros da equipe.
  4. Clique no ícone Background
  5. Escolha uma cor ou uma imagem para o background do widget Membros da equipe. 
Uma captura de tela mostrando como alterar o background do widget dos membros da equipe

Para alterar o background de cada membro da equipe:

  1. Vá para o seu editor.
  2. Vá para a página onde você tem o widget.
  3. Clique no widget Membros da equipe.
  4. Clique em qualquer contêiner que mostre um membro da equipe.
  5. Clique em Alterar background.
  6. Escolha uma cor ou uma imagem para o background atrás de cada membro da equipe.
Uma captura de tela mostrando como alterar o background de um widget de um membro da equipe.

Personalizar o design do widget Membros da equipe

Você pode personalizar o design do widget Membros da equipe para que ele combine com o estilo do seu site. Você pode adicionar uma borda, arredondar os cantos e incluir uma sombra para destacar o widget.

Para personalizar o design do widget Membros da sua equipe:

  1. Vá para o seu editor.
  2. Vá para a página onde você tem o widget.
  3. Clique no widget Membros da equipe. 
  4. Clique no ícone Design
  5. Escolha o que você deseja personalizar:
    • Borda: use os sliders para ajustar a opacidade e a cor ou a largura da borda.
    • Cantos: defina o raio para os cantos do widget para que eles sejam arredondados.
    • Sombra: ative a alavanca Aplicar sombra e adicione uma sombra ao widget.
Uma captura de tela mostrando como editar os cantos do widget Membros da equipe.

Personalizar fontes e cores do texto

Você pode alterar fontes e personalizar o design de qualquer texto que aparece no widget Membros da equipe. Certifique-se de que a fonte e a cor do texto são claras e fáceis de ler sobre o background escolhido.

Para personalizar o texto:

  1. Vá para o seu editor.
  2. Vá para a página onde você tem o widget.
  3. Clique no widget Membros da equipe. 
  4. Dependendo do texto que você deseja personalizar, siga as etapas:
    • Personalize o texto do botão:
      1. Clique no botão no widget dos membros da equipe, por exemplo: "Agendar agora".
      2. Clique no ícone Design
      3. Escolha uma das seguintes ações:
        • Escolha um design existente.
        • Clique em Personalizar design e personalize o texto usando as opções disponíveis. 
    • Personalize outro texto:
      1. Clique no texto que você deseja editar.
      2. Clique em Design do texto.
      3. Personalize o texto usando as opções de formatação disponíveis.  
Uma captura de tela mostrando como editar o layout do texto no widget Membros da equipe

Personalizar as imagens dos membros da equipe no widget Membros da equipe

Personalize as imagens da equipe para que combinem como o estilo do seu site. Você pode escolher entre diferentes molduras temáticas ou personalizar totalmente o design da moldura, incluindo a adição de uma borda ou sombra.

Para personalizar as imagens da equipe:

  1. Vá para o seu editor.
  2. Vá para a página onde você tem o widget.
  3. Clique no widget Membros da equipe. 
  4. Clique em qualquer imagem de um membro da equipe.
  5. Clique no ícone Design .
  6. Escolha o que você quer fazer:
    • Selecione uma das sugestões de imagens.
    • Clique em Personalizar design para alterar ainda mais:
      • Moldura da imagem: selecione uma moldura diferente para as imagens dos membros da equipe.
      • Borda: use os sliders para ajustar a opacidade e a cor ou a largura da borda.
      • Sombra: ative a alavanca Ativar sombra para adicionar uma sombra às imagens do cartão da equipe.
Uma captura de tela mostrando como personalizar a moldura da imagem de um membro da equipe.