Editor Wix: adicionar e personalizar elementos apenas para mobile
6 min de leitura
Neste artigo
- Adicionar elementos apenas para mobile
- Criar elementos apenas para mobile
- Ajustar o layout de um elemento apenas para mobile
- Duplicar elementos apenas para mobile
Usando o Editor mobile, você pode adicionar elementos exclusivos ao seu site mobile. Adicione texto, imagens, botões, inserções e outros elementos que são completamente otimizados para telas pequenas.
Como elementos apenas para dispositivos móveis não aparecem no seu site para desktop, você pode personalizá-los como quiser, ajustar o layout e duplicá-los para facilitar a edição. Isso permite que você substitua elementos do desktop que não são adequados para dispositivos móveis ou crie um visual completamente diferente apenas para dispositivos móveis.
Como faço para acessar o Editor mobile?
Adicionar elementos apenas para mobile
Adicione elementos apenas para mobile para adaptar seu site completamente para visitantes em dispositivos móveis. Adicione elementos como texto, imagens, botões e mais no painel Adicionar ao mobile no Editor mobile.
![O painel de adição no Editor mobile. O ícone Adicionar foi destacado e o cursor está passando sobre](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/23/e899c68c-83f2-447a-9b0a-98de6ab3415c/9e834697-7b65-4b58-955c-b30d57dadd86.png)
Clique em uma opção abaixo para saber mais sobre os tipos de elementos disponíveis:
Texto
Imagem
Botões
Decorativo
Caixa
Social
Incorporar código
Não tem certeza se é um elemento para mobile ou desktop?
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)
Criar elementos apenas para mobile
Você pode personalizar seus elementos usando opções de design como cor de preenchimento, borda e sombra. Ao fazer o design dos seus elementos, você pode tornar seu site mobile único e criar algo divertido e informativo para seus visitantes.
Para criar seu elemento:
- Clique no elemento apenas para mobile.
- Clique no ícone Design .
- Use as opções de personalização disponíveis para criar seu elemento.
Observação:
As opções de design disponíveis dependem do tipo de elemento.
![O painel de design do vetor no Editor mobile.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/fe27b1c3-554f-4f2d-8bd2-472503404a1d/f6a324d3-26ac-4920-8bf2-581520794ca2.png)
Ajustar o layout de um elemento apenas para mobile
Altere o layout dos elementos para alinhar seu site mobile. Ajustar os elementos pode manter seu site organizado e fornecer uma experiência agradável para seus visitantes.
Para alterar o layout do elemento:
- Clique no elemento apenas para mobile.
- Clique no ícone Layout .
- Use as opções de personalização disponíveis para ajustar o layout.
Observação:
As opções de layout disponíveis dependem do tipo de elemento.
![O painel de layout de uma barra de redes sociais no Editor mobile.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/7a4e84dc-4a5b-4681-be9c-a33cd554dcfc/96b263fb-c338-40fe-a741-adea714fafa4.png)
Quer mover uma faixa?
Você pode clicar e arrastar faixas/colunas no Editor mobile para movê-las e seus elementos.
Duplicar elementos apenas para mobile
Você pode copiar e colar elementos no seu site mobile para adicionar de forma rápida e fácil quantos quiser.
Para duplicar um elemento apenas para mobile:
- Clique com o botão direito do mouse no elemento.
- Clique em Copiar.
- Clique com o botão direito do mouse na página/faixa.
- Clique em Colar.
Observações:
- Apenas elementos suportados no mobile podem ser copiados do Editor do desktop e colados no Editor mobile.
- Elementos apenas para mobile não podem ser colados no Editor do desktop.
![GIF mostrando um elemento sendo copiado e colado no Editor mobile.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/db0b05e7-91cf-45cd-b203-012ff81e57de/d0540c4e-9d72-4a1d-b4c6-2c8e0374e22e.gif)