Editor Wix: adicionar e personalizar caixas no site mobile
4 min de leitura
As caixas ajudam a enquadrar, organizar e estruturar o conteúdo do seu site mobile. Refine as caixas que vêm da sua versão para desktop e personalize as que você adicionar usando o editor mobile.
Quando você adiciona caixas no editor mobile, você pode personalizar totalmente suas bordas, sombras, cores e espaçamento. Ao editar caixas que vieram do seu site para desktop, você só pode editar suas animações ou ocultá-las.
Saiba mais sobre como personalizar caixas:
Não tem certeza se é um elemento do mobile ou desktop?![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/11/18/45ba6e90-4e48-426b-bf6b-980af55d9661/06854013-3d65-477b-9fb3-2b469920b259.png)
Elementos apenas para mobile exibem um ícone de Mobile
quando você clica neles.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/7648ead5-a940-4b7a-a2b2-eb7f8edc6f2b/d34b0146-2e71-47f0-989d-04baf5327e76.png)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/11/18/45ba6e90-4e48-426b-bf6b-980af55d9661/06854013-3d65-477b-9fb3-2b469920b259.png)
Caixas vindas da sua versão para desktop
Adicionar caixas à versão desktop do seu site as adiciona automaticamente ao seu site mobile. Você pode adicionar uma animação ou ocultar a caixa.
Nota:
Interações ao passar o mouse não estão disponíveis no mobile.
Para personalizar caixas que vieram do desktop:
- Clique na caixa no seu editor mobile.
- Escolha como personalizar sua caixa:
- Adicione uma animação:
- Clique no ícone Animação
.
- Selecione a animação que deseja aplicar à sua caixa.
- (Opcional) Clique em Personalizar para ajustar ainda mais as configurações da sua animação.
- Clique no ícone Animação
- Oculte a caixa:
- Clique no ícone Ocultar elemento
para ocultar a caixa do seu site mobile.
- Clique no ícone Ocultar elemento
- Adicione uma animação:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/11/18/c9661c2d-73d9-4c1e-9201-c7e9ca77d5c3/4d8901f1-0711-4e26-b5cc-40c9807ac2d7.png)
Dica:
Para mostrar um elemento, clique no ícone Oculto no mobile
à esquerda do Editor Mobile. Em seguida, clique em Mostrar ao lado do elemento relevante para exibi-lo no seu site mobile.
![undefined](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2021/11/17/3c107828-59e4-4dd2-a87d-c3136ac1c83c/19f35549-8fe5-4f2d-b5ed-45a15be82bf9.png)
Caixas adicionadas a partir do editor mobile
Adicione uma caixa contêiner diretamente ao seu site mobile. Escolha entre uma variedade de designs predefinidos para sua caixa e personalize suas cores, bordas, cantos, sombras e espaçamento.
Para adicionar e personalizar caixas apenas para dispositivos móveis:
- Clique no ícone Adicionar ao mobile
à esquerda.
- Clique em Caixa.
- Clique na caixa que deseja adicionar ao seu site.
- Clique no ícone Design
.
- Clique em Personalizar design e edite sua caixa.
Confira como
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/11/18/ce8d1f25-a903-4803-8e8d-e45fff533c02/db14d28d-4e4e-4745-afe4-28e33589e466.png)
Esse artigo foi útil?
|