Editar e publicar uma página em Aparência

Neste artigo vamos te mostrar como alterar a Home ou uma página personalizada da sua loja baseada em blocos e como fazer as mudanças chegarem aos seus visitantes.

ANTES DE COMEÇAR​

• Sua loja deve ter a loja baseada em blocos ativada.
• Seu usuário deve ter permissão para gerenciar o conteúdo da loja.

💡 Tudo o que você faz no editor é salvo em um rascunho. Seus visitantes continuam vendo a versão publicada até você publicar. Na primeira vez que você publicar a Home, a loja passa a ser exibida com blocos.

COMO O EDITOR ESTÁ ORGANIZADO​

Acesse Painel de Controle > Configurações > Interface > Aparência. Cada página tem duas abas: Blocos e Configurações da página. Neste artigo usamos Blocos.

A lista de blocos sempre tem a mesma ordem, de cima para baixo:

1. Barra de navegação (marcada como fixa).

2. Seus blocos de conteúdo: linhas de Estante de produtos e HTML incorporado.

3. O botão Adicionar bloco.

4. Rodapé (marcado como fixo).

A barra de navegação sempre vem primeiro e o rodapé sempre vem por último. Eles não podem ser movidos, duplicados nem removidos.

• Na Home não podem ser ocultados. Eles só têm o botão Editar.
• Em uma página personalizada têm um ícone de olho para ocultá-los ou exibi-los somente naquela página.
• O conteúdo deles é compartilhado: se você editá-lo a partir de uma página personalizada, estará editando o da Home, então ele chega aos seus visitantes quando você publicar a Home.

Para configurar o conteúdo deles, veja Configurar a barra de navegação e o rodapé.

ABRIR UMA PÁGINA​

1. Acesse Painel de Controle > Configurações > Interface > Aparência. A Home é aberta.

2. Clique no título da página, na parte superior (o seletor de página).

3. Escolha a página. A lista tem dois grupos: Páginas da loja (Home e Página de produto) e Páginas personalizadas.

4. Se você não vê sua página personalizada, clique em Ver todas as páginas. O seletor mostra apenas as 5 páginas personalizadas mais recentes.

Abaixo do título você verá a URL da página, um botão para copiá-la e um botão para abri-la em uma nova aba.

💡 A Página de produto aparece no seletor, mas tem seu próprio editor. Veja Adicionar um pop-up e um aviso na página de produto. Para criar uma página nova, veja Criar páginas personalizadas e configurar o SEO.

ADICIONAR UM BLOCO​

Você pode adicionar dois tipos de bloco: Estante de produtos e HTML incorporado.

1. Clique em Adicionar bloco, no final da lista. Para inserir um bloco em uma posição específica, passe o cursor entre dois blocos e clique no + que aparece.

2. Escolha uma opção:

• Estante de produtos: mostra publicações selecionadas com filtros.
• HTML incorporado: mostra o HTML, os estilos e os scripts que você colar.

3. Preencha o editor que se abre. Em uma estante, clique em Adicionar bloco no rodapé do editor para criá-la.

4. Clique em Voltar para retornar à lista.

⚠️ Uma estante nova precisa de pelo menos um filtro completo. Se você abrir o editor da estante e sair sem clicar em Adicionar bloco, nada é adicionado.

Para ver os campos de cada bloco, veja Adicionar estantes e HTML incorporado.

EDITAR UM BLOCO​

1. Encontre a linha do bloco. Uma estante mostra seu título e sua origem. Um HTML incorporado mostra a quantidade de caracteres.

2. Clique em Editar.

3. Altere os campos. O editor salva no rascunho automaticamente, não há botão de salvar.

4. Clique em Voltar.

REORDENAR BLOCOS​

1. Segure o ícone de arrastar (Reordenar bloco) da linha de uma estante ou de um HTML incorporado.

2. Solte-o na nova posição, entre a barra de navegação e o rodapé.

A nova ordem é salva no próximo salvamento automático.

OCULTAR OU EXIBIR UM BLOCO​

1. Clique no ícone de olho (Alternar visibilidade) da linha.

2. Confira a linha: um bloco oculto aparece esmaecido e seu texto secundário começa com "Oculto".

Um bloco oculto continua no rascunho e mantém suas configurações, mas não chega aos seus visitantes quando você publica. Clique no olho novamente para exibi-lo.

DUPLICAR UM BLOCO​

1. Abra o menu ... (Mais ações do bloco) da linha.

2. Clique em Duplicar bloco.

A cópia aparece logo depois do original e mantém sua visibilidade. Em uma estante, o título da cópia termina com "(cópia)".

REMOVER UM BLOCO​

1. Abra o menu ... da linha.

2. Clique em Remover bloco.

3. Na janela Remover este bloco?, clique em Remover bloco.

O bloco sai do rascunho e a alteração é salva imediatamente. Para recuperá-lo antes de publicar, use Reverter para a versão publicada.

⚠️ Reverter descarta todas as alterações não publicadas da página, não apenas o bloco removido. Em uma página que nunca foi publicada não existe o botão de reverter, então você não conseguirá recuperar o bloco dessa forma: adicione-o novamente.

VISUALIZAR UMA ALTERAÇÃO​

Você tem três formas de conferir o resultado antes de publicar.

O painel de pré-visualização ao vivo fica oculto em janelas estreitas. Aumente a janela ou use Ver rascunho.

Todas as pré-visualizações mostram a página como a vê um visitante que não iniciou sessão. Por isso, as estantes que dependem do cliente logado (por exemplo Meu conteúdo) não aparecem.

A aba de Ver rascunho mostra um aviso indicando que você está vendo um rascunho. Seus visitantes nunca veem esse aviso nem o rascunho.

PUBLICAR UMA PÁGINA​

1. Confira o selo e o estado de salvamento na parte superior (veja as tabelas abaixo). Espere aparecer "Salvo" antes de publicar.

2. Clique em Publicar, na barra inferior.

3. Leia a janela de confirmação. Na Home ela pergunta "Publicar as alterações?" e em uma página personalizada "Publicar esta página?".

4. Clique em Publicar.

O editor confirma com a mensagem "Alterações publicadas". O selo desaparece e aparece um link Ver minha loja (ou Ver página em uma página personalizada).

⚠️ A primeira publicação da Home coloca a loja no ar. A partir desse momento, seus visitantes veem a loja baseada em blocos no lugar da anterior. Revise antes a Home com Ver rascunho.

O QUE É PUBLICADO E O QUE NÃO É​

Nem todas as configurações seguem o ciclo de rascunho e publicação.

REVERTER PARA A VERSÃO PUBLICADA​

Use isto para descartar o rascunho e voltar ao que seus visitantes veem.

1. Clique em Reverter para a versão publicada, na barra inferior. Em janelas estreitas aparece apenas um ícone de desfazer.

2. Leia a janela Reverter para a versão publicada?. Ela avisa que as alterações não publicadas serão perdidas e que a ação não pode ser desfeita.

3. Clique em Reverter para a versão publicada.

O botão só aparece quando a página tem uma versão publicada e o rascunho é diferente dela.

SELOS E ESTADOS​

SELOS DE PUBLICAÇÃO​

ESTADOS DE SALVAMENTO AUTOMÁTICO​

O editor salva 2 segundos depois da sua última alteração. Também salva antes de você abrir outro editor ou sair da página.

AVISO "RASCUNHO DESATUALIZADO"​

Um aviso âmbar com o título Rascunho desatualizado aparece quando outra pessoa, ou outra aba sua, atualizou o mesmo rascunho. Enquanto ele aparece, o botão Publicar fica desabilitado.

1. Clique em Recarregar rascunho.

2. Revise a versão mais recente.

3. Repita sua alteração se ela não estiver lá e depois publique.

💡 Para evitar conflitos, faça com que apenas uma pessoa edite uma página por vez.

EXCLUSÃO DE CONTEÚDO ADULTO​

Na aba Blocos da Home há um interruptor Exclusão de conteúdo adulto, que oculta das estantes o conteúdo com público "Somente adultos". Ele não aparece nas páginas personalizadas.

• É uma configuração de toda a loja, não da página Home.
• É salva imediatamente e não faz parte do rascunho. Você não precisa publicar para aplicá-la.

PROBLEMAS FREQUENTES​

O botão Publicar está desabilitado. O aviso Rascunho desatualizado está aparecendo. Clique em Recarregar rascunho e depois publique.

Ao publicar aparece "Não há nada para publicar". O rascunho é idêntico à versão publicada. Verifique se você está editando a página certa. Lembre-se de que o SEO e o interruptor de conteúdo adulto são aplicados sozinhos e não contam como alterações do rascunho.

A pré-visualização ao vivo não mostra minha alteração. Ela recarrega após cada salvamento automático. Espere aparecer "Salvo" e confira novamente. Se o painel não aparece, a janela está muito estreita: use Ver rascunho.

Uma estante mostra "Nenhuma publicação para os visitantes". A estante não tem produtos para o visitante da pré-visualização e não será exibida na loja enquanto continuar vazia. Revise seus filtros. Uma estante Meu conteúdo fica vazia para visitantes sem sessão por design.

Minha alteração está salva, mas os visitantes não a veem. Verifique estes pontos em ordem:

1. O selo diz Alterações não publicadas ou Rascunho: publique a página.

2. A alteração é do tema: publique-a a partir do editor de tema.

3. A alteração é de um pop-up: ele é publicado separadamente e a Home deve ter sido publicada uma vez antes.

4. A página é personalizada e a loja ainda não está no ar: as páginas personalizadas só aparecem depois que a Home é publicada pela primeira vez.

5. A alteração é da barra de navegação ou do rodapé feita a partir de uma página personalizada: ela pertence à Home, então publique a Home.

Posso ocultar a barra de navegação na Home? Não. A barra de navegação e o rodapé estão sempre visíveis na Home.

Esperamos que este tutorial tenha sido simples para você. Se tiver dúvidas, escreva para [email protected].