Editor Wix: adicionar e personalizar elementos apenas para mobile
6 min de leitura
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?
Saiba mais sobre:
Adicionar elementos apenas para mobile
Adicione elementos apenas para mobile para personalizar seu site completamente para visitantes que acessam em dispositivos móveis. Adicione elementos como texto, imagens, botões e mais diretamente do painel Adicionar no Editor mobile.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/05/24/26f36370-9455-4dd0-96df-76909afbc78d/27af2707-9820-4882-926a-2620a40b61bf.png)
Clique em uma opção abaixo para saber mais sobre os tipos de elementos disponíveis:
Texto
Imagens
Botões
Elementos decorativos
Caixas
Botões
Incorporar código
Não tem certeza se é um elemento para mobile ou desktop?![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/06/01/2c2acf51-4543-4d4e-8ec3-9cd48d6636c3/480e4585-c0a3-4ab9-b344-c344c7dc3e9b.png)
Elementos apenas para mobile exibem um ícone 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/06/01/2c2acf51-4543-4d4e-8ec3-9cd48d6636c3/480e4585-c0a3-4ab9-b344-c344c7dc3e9b.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.
Nota:
As opções de design disponíveis dependem do tipo de elemento.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/06/01/f3372b04-4ac9-4d13-9b22-f17d06ebda87/65acf92d-8b92-452b-820c-985467861984.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.
Nota:
As opções de layout disponíveis dependem do tipo de elemento.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/06/01/eac6bcb0-c025-4ad5-809d-6c9c7ee3e818/40671aed-285f-49c2-aa77-510ccf0baf86.png)
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.
Notas:
- 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.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/06/01/18b46e69-39c5-4f13-ba21-083a4309b674/6fdaa6e2-5307-4649-b530-25ea5ea44016.gif)
Esse artigo foi útil?
|