Wix Blocks: configurar barras de ação
4 min de leitura
O Wix Blocks está aberto a todos os usuários do Wix Studio. Para ter acesso ao Wix Blocks, junte-se ao Wix Studio.
A aba de configuração no Blocks permite que você determine a forma como seu widget e seus elementos aparecem e se comportam no editor quando eles são instalados em um site.
Sobre barras de ação
Quando o criador do site instala seu widget em um site e abre o editor, o widget e seus elementos têm barras de ação flutuantes, assim como qualquer outro elemento do site Wix. Por exemplo, essa é a barra de ação do botão do widget, que permite ao criador do site executar várias ações no botão:
![Barra de ações do botão](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6b5c7381-912e-4754-99e2-d23157db088c/2022/06/09/45198d44-4dea-4982-b938-1455af3b9119/a57e6d79-599d-4cef-bbb0-58684a31209b.png)
O Blocks permite que você modifique essas barras de ação. Você pode adicionar, remover ou reordenar botões. Você pode determinar qual painel é aberto quando um botão é clicado e muito mais. As opções de modificação variam, dependendo se você seleciona um widget, ou um de seus elementos, e qual elemento você seleciona.
Ao modificar as barras de ação, você pode dar aos criadores de sites mais opções para personalizar seu aplicativo quando eles o importam para o site. Você também pode decidir que deseja limitar o que as pessoas podem alterar no seu widget.
Diretrizes de UX
Leia nossas diretrizes de UX para barras de ação claras e eficazes
Modificar barras de ação
Para modificar as barras de ação:
- Clique na aba Configuração para entrar no modo de configuração.
- Selecione o elemento correto no seu widget ou selecione o widget inteiro no painel Widgets.
Agora você pode modificar a barra de ação de duas maneiras:
- Em Editar barra de ação:
![Edição da barra de ação do widget](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6b5c7381-912e-4754-99e2-d23157db088c/2022/06/19/e3859b34-c6e9-44fd-8e6b-46972d5073e2/490b8070-b9c5-4a7f-895b-293cc931785b.png)
- Ou na seção Barra de ação no painel Inspetor à direita (se você não conseguir ver o painel, clique no ícone Inspetor
para expandi-lo).
![Modificar a barra de ação no Inspetor](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6b5c7381-912e-4754-99e2-d23157db088c/2022/06/02/fd63b906-45cb-4345-ab57-4262013b13b9/c785f150-0d7b-44c6-8247-51aa65758e3c.png)
Remover e adicionar botões de ação
- Passe o mouse sobre os botões da barra de ação para ver quais deles podem ser removidos e clique em Remover para remover esse botão.
![Botão remover da barra de ação](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6b5c7381-912e-4754-99e2-d23157db088c/2022/06/02/098555df-3dc4-4d55-8e08-c8d2bb1343ce/b0fbdfae-3390-4329-9f26-cf0608720032.png)
- Adicione os botões removidos escolhendo + Adicionar no painel Editar barra de ação ou Adicionar botão de ação na seção Barra de ação no painel Inspetor à direita (se não conseguir ver o painel, clique no ícone Inspetor
para expandi-lo).
Alterar as configurações do botão de ação
- Passe o mouse sobre os botões da barra de ação para ver quais deles têm configurações que podem ser alteradas.
- Clique no botão Configurações do botão de ação.
![Configurações do botão de ação](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6b5c7381-912e-4754-99e2-d23157db088c/2022/06/02/d912043c-d0b3-4ff9-9f96-776fcd78f3f7/da563aa0-6887-4dcf-911c-0ef2933a4483.png)
- Selecione o painel ou página do painel de controle que você deseja abrir para as configurações do botão de ação. Você também pode criar um novo painel personalizado e, em seguida, atribua-o ao botão de ação. Clicar em Criar painel personalizado leva você para a aba Painéis.
![Configurações do botão de ação](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/378fd532-728d-473b-8f03-30140bda59af/2023/11/02/3347368a-a71f-4aea-b761-d7e404fbb8c9/92c6feb2-3e05-4f53-b2f2-f399e513fd5a.png)
Observações
- Quando você adiciona um botão de ação, você precisa certificar-se de atribui-lo a um painel ou uma página do painel de controle. Caso contrário, você verá um aviso no Inspetor
.
- As alterações feitas quando você está na aba Configuração afetam todas as predefinições de design.
- Certifique-se de ler nossas diretrizes de UX para botões de ação claros e eficazes
Esse artigo foi útil?
|