Adicione produtos a uma Página de Armazenamento para criar uma loja do Squarespace Commerce.
Existem quatro tipos de produtos diferentes no Squarespace:
É possível vender produtos de serviço e produtos físicos como compras únicas ou como assinaturas.
Este guia se aplica à versão 7.0 e à versão 7.1.
Observação: os produtos devem estar em conformidade com a Seção 10.2 dos nossos Termos de Serviço. Se você aceitar pagamentos via Stripe ou PayPal, os produtos devem obedecer às diretrizes de uso aceitável do PayPal e não devem estar presentes na lista de negócios proibidos do Stripe.
O Commerce é um recurso Premium, disponível nos planos Business e Commerce.
Assista a este vídeo
Nota: este vídeo mostra como adicionar produtos à sua loja na versão 7.0. Para obter detalhes sobre a versão 7.1, siga as etapas escritas neste guia.
Como o Squarespace organiza os produtos
Os produtos nas lojas Squarespace são organizados em duas partes: Páginas de Armazenamento e páginas de detalhes do produto.
Páginas de Armazenamento
As páginas de armazenamento são coleções de produtos pelas quais o usuário pode navegar. Elas apresentam detalhes importantes sobre os produtos — geralmente nome, preço e disponibilidade. Quando o usuário clica em um produto específico, a página de detalhes é aberta com mais informações.
Você pode ter várias Páginas de Armazenamento em seu site. Todas as lojas têm Páginas de Armazenamento.
Dica: a Visualização rápida do produto exibe detalhes adicionais sem sair da Página de Armazenamento.
Páginas de detalhes de produtos
Cada produto em uma Página de Armazenamento tem sua própria página de detalhes, que inclui imagens adicionais, menus suspensos variantes e um botão para comprar o item. As páginas de detalhes do produto são subpáginas de uma Página de Armazenamento.
Passo 1 - Adicionar uma Página da Loja
A forma como você adiciona uma Página de Armazenamento depende da versão do Squarespace em que seu site está.
- No Menu Inicial, clique em Páginas.
- Clique no ícone + e selecione Página no menu da página.
- Clique em Loja.
- Selecione um layout de loja.
Se você já tiver uma Página de Loja, verá uma página solicitando que você confirme se deseja adicionar uma nova Página da Loja ou uma nova categoria de produto. É possível adicionar várias Páginas da Loja na versão 7.1, mas recomendamos adicionar todos os seus produtos a uma única Página da Loja. Em seguida, adicione categorias de produtos para organizar automaticamente os produtos em páginas filtradas, que são exibidas em uma navegação na Página da Loja. Para saber mais sobre categorias de produtos, acesse Como organizar Produtos.
Para adicionar mais conteúdo à Página da Loja, acesse Seções da página.
- No Menu Inicial, clique em Páginas.
- Clique no ícone + e depois selecione Armazenar no menu da página.
- Adicione um título à página e pressione Enter.
Para ajustar as configurações da página, você também pode clicar no 
que aparece quando você passa o mouse sobre o título da página.
2o passo - Adicionar um produto
Após criar pelo menos uma Página de Armazenamento, você pode começar a adicionar produtos.
Cada Página de Armazenamento pode ter até 10.000 produtos. Para adicionar um produto no computador na versão 7.1:
- No Menu Inicial, clique em Páginas.
- Clique em uma Página de Armazenamento e depois no ícone +. Você também pode clicar no ícone + no painel Inventário e escolher a Página de Armazenamento.
- Selecione um tipo de produto. Após criar o produto, não é mais possível editá-lo.
Para adicionar um produto pelo computador (versão 7.0):
- No Menu Inicial, clique em Páginas.
- Clique em uma Página de Armazenamento e depois no ícone +. Você também pode clicar no ícone + no painel Inventário e escolher a Página de Armazenamento.
- Selecione um tipo de produto. Após criar o produto, não é mais possível editá-lo.
Cada Página de Armazenamento pode ter até 200 produtos.
Dica: para expandir ou recolher o painel, clique na linha vertical na metade da página.
Para adicionar produtos no app Commerce:
- Na aba Inventário, toque em Adicionar.
- Toque na Página da Loja onde o produto será exibido.
- Selecione o tipo de produto. Após criar o produto, não é mais possível editá-lo.
Você pode adicionar produtos físicos e de serviço no app Commerce. No app iOS Commerce, você também pode adicionar vales-presente. Para adicionar outros tipos de produto, faça login em seu site em um computador.
Observação: se você vir a mensagem "Sem produtos na guia Inventário, talvez seja necessário adicionar uma Página de Loja ou produtos ao seu site. Para saber mais, visite o app Squarespace Commerce.
Tipos de produtos
Escolha entre esses tipos de produto ao adicionar um novo produto. Você só pode adicionar produtos físicos e de serviços pela versão móvel.
| Físico | Mercadoria, vestuário e qualquer outro bem físico que você envia ou entrega ao cliente. Pode ser uma compra avulsa ou uma assinatura. As lojas que vendem produtos físicos precisam oferecer pelo menos uma opção de envio. |
| Digital | E-books, arquivos de áudio e outros downloads digitais vendidos. Quando compra um produto digital, o cliente recebe um link de download que fica ativo por 24 horas depois do primeiro clique. |
| Serviço | Aulas, consultas, eventos ou qualquer outro serviço oferecido. Ao contrário do produto físico, o produto de serviço não é enviado ao cliente e, portanto, não requer transporte nem endereço de entrega na finalização de compra. Pode ser uma compra avulsa ou uma assinatura. |
| Vale-presente | Os vales-presente são códigos digitais exclusivos que podem ser usados como pagamento na sua loja on-line. |
Assinaturas
Em alguns casos, você pode transformar um produto físico ou de serviço em assinatura para cobrar dos clientes de forma recorrente. Só é possível criar produtos de assinatura no computador. Saiba mais em Produtos por assinatura.
Step 3 - Adicione os detalhes do produto
Adicione os detalhes do produto aos campos no editor do produto.
Observação: atualizamos recentemente o editor de produtos, de modo que as etapas deste guia podem não corresponder ao que você vê em seu site. Você pode alternar para o novo editor de produtos a qualquer momento ou seguir as etapas em Usando o editor de produtos clássico se não estiver pronto para alternar.
Nome, descrição e imagem
Use os campos Adicionar nome de produto, Adicionar descrição e Adicionar imagenspara adicionar informações sobre o seu produto.
Quando há várias imagens, elas aparecem como miniaturas na exibição do item de produto. Também é possível adicionar imagens de variantes após adicionar opções de produto. Para saber mais sobre onde as imagens do produto são exibidas, acesse Imagens do produto.
Para adicionar texto alternativo, passe o cursor do mouse sobre uma imagem, clique no ícone ... e depois em Editar metadados.
Imagem em Miniatura
Após carregar imagens do produto, clique em Imagem em miniatura para adicionar uma imagem em miniatura. As miniaturas representam o produto na maioria das áreas do seu site, por isso, recomendamos usar a imagem que você deseja que os clientes vejam primeiro.
Produtos digitais
Clique em Carregar arquivo para adicionar um arquivo a produtos digitais. O arquivo é enviado aos clientes quando eles compram o produto. Para saber mais sobre os requisitos para arquivos digitais, acesse Produtos digitais.
Preços e inventário
Defina o preço do produto no campo Preço. Se o produto estiver à venda, ative a opção ao lado de Em promoção e defina o preço de venda.
Defina o nível de estoque do produto no campo Quantidade . Esse número é ajustado automaticamente após pedidos e devoluções. Se o produto tiver estoque ilimitado, ative a opção ao lado de Quantidade ilimitada.
Para definir um código SKU personalizado, clique no número do SKU atribuído automaticamente para editá-lo.
Variações
Diferentes versões do mesmo produto podem ser vendidas com preços, imagens e níveis exclusivos de estoque (por exemplo, uma camisa que vem em várias cores ou tamanhos). Em Variações, clique em Adicionar para adicionar diferentes opções e variantes do produto. Para obter etapas detalhadas, acesse Adicionar variantes de produtos.
Impostos
Você pode definir taxas de imposto específicas do produto em sua loja. Para fazer isso, você configurará taxas de imposto automáticas e adicionará uma categoria de imposto a cada produto. Se você ainda não configurou taxas de imposto, clique em Adicionar extensão para se inscrever no TaxJar e conecte nossa extensão TaxJar. Fazer isso permite que você configure taxas de impostos automáticas nos EUA. Depois de conectado, no campo Categoria de Imposto, procure e selecione uma categoria de imposto que corresponda ao tipo de produto.
Para saber mais sobre o imposto sobre vendas específico do produto, acesse Configurar taxas automáticas de impostos no Squarespace Commerce.
Tags e categorias
Tags e categorias ajudam os compradores a encontrar o que estão procurando. Adicione tags e categorias na seção Organização.
Quando você adiciona categorias aos produtos, elas criam uma navegação automática nas Páginas de Armazenamento. O estilo dessa navegação varia. Saiba mais sobre tags e categorias em Organização de produtos.
Para destacar produtos específicos no Bloco de Sumário, alterne a opção ao lado de Produto em destaque. Isso é útil se você quiser exibir vários produtos de diferentes coleções em um local.
Nome, descrição e imagem
Use os campos Nome do produto ouNome e Descrição para adicionar informações para seu produto.
Toque no campo Carregar imagem no topo da tela para adicionar imagens da biblioteca de fotos do seu celular. Quando há várias imagens, elas aparecem como miniaturas na exibição do item de produto.
Preços e variantes
Toque nos campos para definir essas opções sobre o produto. Toque em Adicionar variantes para adicionar várias variantes de um produto. Saiba mais em Adição de variantes básicas do produto.
Tags e categorias
O app Android Squarespace não oferece suporte para visualização ou edição de categorias.
Toque em Organização para adicionar tags e categorias ao produto. Quando você adiciona categorias aos produtos, elas criam uma navegação automática nas Páginas de Armazenamento. O estilo dessa navegação varia. Saiba mais em Organização de produtos.
Step 4 - Salve
Ao terminar, salve o produto.
Passe o cursor do mouse sobre Concluído e clique em Salvar e Publicar para publicar o produto na sua Página de Armazenamento. Isso define o produto como disponível para compra.
Agende um produto
Em vez de publicar um produto imediatamente, você pode agendar para que ele apareça no site em um momento específico no futuro. É uma ótima opção para quem lança periodicamente uma nova linha de produtos e deseja divulgar uma nova coleção de uma só vez.
Para agendar um produto:
- Passe o cursor do mouse sobre Concluído e clique em Agendar.
- Defina a data e a hora em que o produto ficará visível.
- Clique em Aplicar.
Se você já publicou o produto:
- Abra o produto.
- Clique em Editar produto.
- Role até Organização e clique no menu suspenso Visibilidade.
- Clique em Agendado.
Os produtos agendados têm o status Agendado nos painéis Produto e Inventário. Na data agendada do produto, o status será alterado para Visível.
A data e a hora agendadas usam o fuso horário das Configurações de idioma e região e não o horário local do visitante. Para que os produtos sejam publicados quando você deseja, veja se as Configurações de idioma e região estão corretas.
Toque em Salvar e em Publicar para publicar o produto na Página de Armazenamento. Isso deixa o produto disponível para compra. Para salvar o progresso sem publicar o produto, toque em Salvar como oculto.
Para agendar o produto para uma publicação futura:
- Toque em Statuse em Agendado.
- Escolha a data e o horário em que o produto será publicado.
- Toque em Voltar e depois em Salvar.
Por padrão, o novo produto fica oculto como rascunho. Para salvar seu progresso sem publicar o produto, toque em ✓.
Para publicá-lo:
- Toque em Statuse escolha Visível.
- Toque em Status para retornar ao editor do produto.
- Toque em ✓. Isso define o produto como disponível para compra.
Para agendar o produto para uma publicação futura:
- Toque em Statuse escolha Agendado.
- Escolha a data e o horário em que o produto será publicado.
- Toque em Voltar e, em seguida, toque em ✓.
SEO e URL
Personalize o URL do produto e adicione um título de SEO e uma descrição de SEO para ajudar os mecanismos de busca a conectar clientes com seu produto.
Clique em SEO e URL para visualizar a forma como seu produto aparece nos resultados da pesquisa. Clique em Editar para personalizar o título e a descrição do URL e SEO. Clique em Aplicar.
Dica: você pode otimizar o SEO para seus produtos conectando a extensão Smart SEO. Embora trabalhemos com serviços de terceiros para garantir que as Extensões do Squarespace funcionem corretamente, as extensões estão fora do nosso escopo de suporte. Podemos ajudar a conectar ou desconectar suas extensões. Para todas as outras perguntas, entre em contato diretamente com o provedor de extensões.
Compartilhamento social
Quando você compartilha um link para o produto nas mídias sociais, a imagem em miniatura do produto será exibida por padrão. Para compartilhar uma imagem diferente nas redes sociais, clique em Compartilhamento em redes sociais e depois em Adicionar imagem para carregar uma imagem. Clique em Aplicar.
Mais opções
Além do básico, o site inclui outras opções para você personalizar produtos.
Inscrição
Para tornar o produto uma assinatura, que é renovada regularmente em um intervalo escolhido, clique em Assinatura. Defina a frequência de renovação e clique em Salvar. Para saber mais, visite Produtos por assinatura.
Formulários personalizados
Clique em Formulários personalizados e crie um formulário de produto personalizado para que os clientes possam preencher antes de adicionar o produto ao carrinho. Para obter ajuda , acesse Criar um formulário de produto personalizado.
Envio avançado
Adicione o peso e as dimensões do produto para usar o Valor do frete calculado pela transportadora, que é uma opção de envio avançada que determina o custo de envio com base no tamanho do produto. Clique em Envio avançado, defina as dimensões e clique em Aplicar.
Produtos relacionados
Habilite produtos relacionados para exibir produtos semelhantes com base na categoria na página Detalhes do produto. Clique em Produtos relacionados e selecione a categoria no menu suspenso.
Botão personalizado
Por padrão, os produtos exibem um botão Adicionar ao carrinho. Clique no botão Personalizar para editar o texto.
Contas sociais
Você pode vincular uma conta de redes sociais ao site para publicar o conteúdo da sua loja nas mídias sociais. Clique em Contas de redes sociais para acessar o painel Contas vinculadas. Veja mais em Vincular uma conta de mídias sociais.
Informações adicionais
Clique na guia Outras informações para adicionar detalhes aos blocos da página do produto. Saiba mais em Adição de outras informações ao produto.
Etiquetas de disponibilidade limitada
Informe os clientes quando seus produtos estiverem com estoque baixo. Para isso, ative as etiquetas de disponibilidade limitada. Quando um produto estiver abaixo do limite do estoque, você pode mostrar uma etiqueta ao lado desse produto na Página de Armazenamento, nos Blocos de Produto, nos Blocos de Sumário e na página de detalhes do produto.
A opção de comprar vários produtos de serviço
Por padrão, os clientes só podem comprar um produto de serviço por vez. Se você vender ingressos para aulas ou workshops, marque Permitir que os clientes comprem vários produtos de serviço nas configurações de finalização de compra para que os clientes possam comprar vários produtos de serviço de uma só vez.
Duplicar o produto
É possível duplicar um produto físico ou serviço para agilizar a criação e a personalização de produtos similares. Role para baixo no editor de produtos e clique em Duplicar. Para saber mais, acesse Duplicar produtos.
Excluir o produto
Para excluir permanentemente o produto, role para baixo no editor do produto e clique em Excluir.
Estilizar a Página da Loja
É possível personalizar o layout e o design da Página de Produtos com as opções de estilo do site.
- Se você tiver várias Páginas de Armazenamento, as alterações de estilo se aplicam a todas elas para criar uma aparência consistente.
- O site pode ter outros recursos, como imagens de banner ou cabeçalhos de página, que influenciam no visual da Página de Armazenamento.
Consulte Estilizar Páginas de Armazenamento para obter mais ajuda.
Carrinho de compras
O ícone do carrinho de compras mostra o número de itens e o conteúdo do carrinho de compras e leva o cliente até a página de finalização da compra.
O modo como o ícone do carrinho de compras aparece depende da versão do Squarespace.
O ícone do carrinho de compras é exibido por padrão, mesmo quando o comprador não tem itens no carrinho. Edite o cabeçalho do site para desativá-lo ou para alterar o design. Para saber mais, visite o ícone do carrinho de compras.
Quando o cliente coloca um produto no carrinho, o botão do carrinho de compras aparece. Em alguns templates, como os da família Brine, o botão do carrinho de compras aparece mesmo com o carrinho vazio.
Se o botão do carrinho de compras não aparecer no site, veja se a compra expressa está desativada e se o carrinho não está oculto.
Em alguns templates, é possível estilizar o carrinho.
Limites
Cada produto pode ter até:
- 250 imagens
- 100 variantes
- 100 SKUs
Limites de caracteres:
- Categoria - 25 caracteres
- Nome do produto - 200 caracteres
- SKU - 20 caracteres
- Tag - 80 caracteres
Limites do tamanho do arquivo:
- As imagens do produto devem ter menos de 5 MB.
- Os arquivos digitais do produto devem ter no máximo 300 MB.