Onde um banner aparece

O painel Placement é o terceiro ícone na lateral do construtor. Ele responde a quatro perguntas: em que parte da página, em quais páginas, em quais dispositivos e quando.

Primeiro a posição, depois quem vê e quando.

Posição

Posição	O que faz
Top of the page	Fica acima de tudo e empurra a página para baixo
Bottom of the page	Fixada no pé da tela
Custom	Vai para onde você colar o shortcode

Topo e pé não exigem nada de você: o app insere a barra sozinho.

Stay on screen

Desativado, a barra rola junto com o resto da página. Ativado, ela acompanha a pessoa enquanto ela rola a página.

Cuidado

Alguns temas definem uma regra overflow na página que impede que qualquer coisa fique fixa. Se Stay on screen estiver ativado e a barra ainda sair da tela ao rolar, geralmente é por isso: fale com quem desenvolve o seu tema ou deixe a configuração desativada.

Custom e o shortcode

Escolha Custom e o painel mostra um snippet para copiar:

<div class="samita-banner" data-id="9"></div>

Cole-o no seu tema onde a barra deve aparecer. O app o preenche. Topo e pé não exigem nada colado.

Nota

Stay on screen faz muito pouco com uma posição personalizada. Uma barra colada no meio de uma página só pode ficar fixa dentro da seção em que foi colada e, quando a pessoa rola além dessa seção, a barra vai embora com ela.

Condições

As condições decidem quais páginas e quais pessoas recebem o banner.

No topo, All conditions ou Any condition: define se todas as regras precisam ser verdadeiras ou apenas uma delas.

Abaixo fica a lista de regras. Clique em uma para abri-la; clique em Add condition para adicionar outra.

Nenhuma regra significa que a barra aparece em todo lugar.

As regras que você pode adicionar

Regra	Corresponde a
All pages	Todas as páginas da loja
Page	Um tipo de página (início, produto, coleção, carrinho, busca, blog, artigo) ou URLs específicas
Select products	Páginas de produto dos produtos que você escolher
Product tag	Páginas de produto cujo produto tem uma tag
Collections	Páginas de produto dos produtos nas coleções que você escolher
Customer	Se a pessoa está conectada
Customer tag	Uma tag na pessoa cliente conectada
Language	O idioma em que a pessoa está lendo a loja
Country	O país da pessoa

Ao abrir uma regra, aparece um Comparison: is equal to, is not equal to e, para regras de texto, starts with, ends with, contains, does not contain.

Cuidado

Select products, Product tag e Collections só podem ser avaliadas em uma página de produto. Combinar uma delas com Page is Index page em All conditions gera uma regra que nunca pode ser verdadeira, porque nenhuma página é as duas coisas.

Como remover uma regra

Abra-a e clique em Remove condition no final.

Dispositivos

Both screens, Desktop only ou Mobile only, para o banner inteiro.

Para remover um elemento no celular em vez da barra toda, ou para dar ao celular tamanhos e cores próprios para ele, use o Device settings desse elemento. Consulte Um elemento, duas telas.

Agendamento

Liga e desliga a barra sozinho, para você não precisar lembrar de voltar e defini-la como Draft.

Antes do início ou depois do fim, a barra simplesmente não está lá.

1. Ative Schedule

   O campo Starts aparece.

2. Defina quando começa

   Escolha uma data e uma hora. Antes desse momento, o banner não é exibido, mesmo que esteja Active.

3. Defina um fim, se houver

   Ative Set an end date e um campo Ends aparece.

   Deixe desativado e o banner funciona até você desativá-lo.

O fim precisa ser posterior ao início; o app avisa se não for.

Próximas etapas

• Conteúdo e elementos da barra
• Gerencie banners
• Condições de exibição