Wix Bookings: personalizar o widget Membros da equipe
4 min de leitura
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.
Neste artigo, saiba mais sobre:
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
Você pode alterar o background do widget Membros da equipe, 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 seu widget da equipe:
- Clique uma vez para selecionar o Widget Membros da Equipe.
- Clique no ícone Background
.
- Escolha uma cor ou uma imagem para o background do widget Membros da equipe.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2022/08/17/a932d52f-ea59-4678-8e1c-ddb43447f444/aa9c9c24-5e0f-44d9-9a2e-f25b4e7645e1.png)
Para alterar o background de cada membro da equipe:
- Clique no widget Membros da equipe no seu Editor.
- Clique em qualquer um dos contêineres que mostram um membro da equipe.
- Clique em Alterar background.
- Escolha uma cor ou uma imagem para o background atrás de cada membro da equipe.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2022/08/17/7656835e-cdd5-46c6-b3d2-969375dea024/577c2616-7f99-4a75-b2b1-561663ef2e05.png)
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 equipe:
- Clique no widget Membros da equipe no seu Editor.
- Clique no ícone Design
.
- 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 dos cantos do widget da equipe para torná-los arredondados.
- Sombra: ative a alavanca Aplicar sombra e adicione uma sombra ao seu widget Membros da equipe.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2022/08/17/e0cc98d7-522f-4930-85e8-48ffe99aa861/696dcef9-b3d2-477b-aba4-85fbfe208e93.png)
Personalizar fontes e cores do texto
Você pode alterar fontes e personalizar o design de qualquer texto que aparecer no widget 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:
- Clique no widget Membros da equipe no seu Editor.
- Dependendo do texto que você deseja personalizar, siga as etapas:
- Personalize o texto do botão:
- Clique no ícone Design
.
- Escolha uma das seguintes ações:
- Escolha um design existente.
- Clique em Personalizar design e personalize o texto usando as opções disponíveis.
- Clique no ícone Design
- Personalize outro texto:
- Clique em Design do texto.
- Personalize o texto usando as opções de formatação disponíveis.
- Personalize o texto do botão:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2022/08/17/85f0fff7-70fe-4e61-9f91-4bf002b35ced/4fbb4bbc-2a82-4d89-b30a-2c32b3707ed7.png)
Personalizar imagens da equipe no widget
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:
- Clique em qualquer imagem de um membro da equipe.
- Clique no ícone Design
.
- Escolha o que você deseja 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.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2022/08/17/cc652b89-a04c-4f9e-89cc-4042aaa27ea8/b4113bf4-a33d-491c-bfb3-ef47c5643599.png)
Esse artigo foi útil?
|