Adicione produtos a uma página de produtos para criar uma loja no 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.
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.
Assistir a um vídeo
Como o Squarespace organiza os produtos
Os produtos são organizados em duas partes nas lojas do Squarespace: Páginas de Produtos e páginas de detalhes do produto.
Páginas de produtos
As páginas de produtos são coleções de produtos pelas quais o usuário pode navegar. Elas apresentam detalhes importantes sobre os produtos, geralmente o nome, o preço e a disponibilidade. Quando o usuário clica em um produto específico, a página de detalhes é aberta com mais informações.
Um site pode ter várias páginas de produtos. Todas as lojas têm páginas de produtos, com designs e ajustes de estilo diferentes de acordo com o template.
Dica: alguns templates incluem uma visualização rápida do produto para exibir mais detalhes sobre um produto sem sair da página de produtos.
Páginas de detalhes de produtos
Em uma página de produtos, cada produto tem a própria página de detalhes, com imagens adicionais, menus suspensos com variantes e um botão para comprar o item. As páginas de detalhes de produtos são subpáginas das páginas de produtos.
Step 1 - Adicione uma Página de Produtos (somente computador)
A maneira de adicionar Páginas de Produtos depende da versão do Squarespace usada pelo site.
- No Menu Inicial, clique em Páginas.
- Clique no ícone + e selecione Produtos no menu da página.
- Adicione um título à página e pressione Enter.
- In the Home Menu click Pages.
- Clique no ícone + e selecione Página no menu da página.
- Clique em Loja.
- Selecione um layout de loja.
Para adicionar mais conteúdo à Página da Loja, acesse Seções da página.
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
Depois de criar pelo menos uma Página de Produtos, você já pode adicionar produtos. Cada Página de Produtos pode ter até 200 produtos.
Para adicionar um produto no computador:
- No Menu Inicial, clique em Páginas.
- Clique na Página de Produtos e depois clique no ícone +. Você também pode clicar no ícone + no painel Inventário e escolher a Página do produto.
- Selecione um tipo de produto. Após criar o produto, não é mais possível editá-lo.
Dica: para expandir ou recolher o painel, clique na linha vertical na metade da página.
Para adicionar produtos no aplicativo Commerce para iOS:
- Na aba Inventário, toque em Adicionar.
- Toque na Página Produtos onde o produto ficará exposto. Se você ainda não tiver uma Página de Produtos, adicione uma pelo computador.
- 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ços no aplicativo Commerce. Para adicionar outros tipos de produto, faça login no site pelo computador.
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 única 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. Diferente do produto físico, o produto de serviço não é enviado ao cliente, portanto, não requer transporte nem endereço de entrega na finalização de compra. Pode ser uma compra única 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 de assinatura.
Step 3 - Adicione os detalhes do produto
Adicione os detalhes do produto aos campos no editor do produto.
Nome, descrição e imagem
Use os campos Nome, Imagem e Descrição para adicionar informações ao produto.
Para adicionar imagens do produto, clique na seta Carregar imagens no campo de imagem ou arraste e solte imagens de uma pasta do seu computador.
Quando há várias imagens, elas aparecem como miniaturas na exibição do item de produto. Você também pode adicionar imagens das variantes pela aba Preços e variantes. Saiba mais em Imagens de produtos. Passe o cursor sobre uma imagem e clique em para adicionar o texto alternativo.
Preços e variantes
Selecione Preços e variantes para definir os atributos do produto. Nos produtos físicos e nos serviços, é possível definir diversas variantes. Saiba mais em Adição de variantes do produto.
Você pode definir estas opções:
| Imagem | Você pode adicionar uma imagem diferente para cada variante, que aparecerá quando o cliente selecionar a variante na página de detalhes do produto. Saiba mais em Imagens de produtos. |
| SKU | É o identificador de inventário do produto. O Squarespace cria o SKU automaticamente, mas você pode alterá-lo de acordo com o formato do seu inventário. |
| Preços | Defina o preço que os clientes pagarão pelo produto por meio de um campo extra para preços de venda. |
| Estoque | Permite definir o número de unidades disponíveis, com a opção de definir um valor de estoque ilimitado. |
| Peso | Set a weight value for each item (ensure your site's measurement settings are correct). Not needed for service products. |
| Medidas | Defina as dimensões de cada item (em polegadas). Se você usa o frete calculado pela transportadora, as dimensões afetam os preços de envio (não é necessário para produtos de serviço). |
Tags and categories
Na aba Item, clique em Tags ou Categorias para organizar produtos.
Quando você adiciona categorias aos produtos, elas criam uma navegação automática nas páginas de produtos. O estilo dessa navegação varia conforme o template. Para saber mais, acesse Como organizar produtos.
Produtos digitais
No caso dos produtos digitais, use a aba Preços e upload para definir o preço e fazer upload do arquivo. Saiba mais sobre os requisitos para arquivos digitais em Produtos digitais.
Nome, descrição e imagem
Use os campos Nome e Descrição do produtopara adicionar informações ao 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.
Observação: os serviços não têm peso nem medidas físicas, por isso não precisam dos campos Peso e Medidas.
| Price | Defina o preço que os clientes pagarão pelo produto por meio de um campo extra para preços de venda. |
| Em Oferta | Ative a opção Promoção e defina o preço de venda. |
| Monitore o estoque | Ligue o botão Monitorar estoque e digite o número de unidades disponíveis. Desligue a opção para deixar o estoque com um valor ilimitado. |
| SKU | É o identificador de inventário do produto. O Squarespace cria o SKU automaticamente, mas você pode alterá-lo de acordo com o formato do seu inventário. |
| Detalhes avançados de envio | Digite o peso e as dimensões do produto. Se você usa o frete calculado pela transportadora, isso afeta os preços de envio. |
Toque em Adicionar variantes para adicionar várias variantes de um produto. Saiba mais em Adição de variantes de um produto.
Tags and categories
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 produtos. O estilo dessa navegação varia conforme o template. Saiba mais em Organização de produtos.
Step 4 - Save
Ao terminar, salve o produto.
Clique no botão Salvar e Publicar para publicar o produto na página de produtos. Dessa forma, o produto fica 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 lançar uma nova coleção de uma só vez.
Para agendar um produto:
- No editor de produto, clique em Oculto.
- Selecione Agendado.
- Clique na data ao lado de Ficará visível.
- Na janela do calendário, selecione a data e a hora em que o produto ficará visível. Também é possível usar o controle deslizante para deixar o produto visível em um número especificado de dias a partir de agora.
- Clique em Save (Salvar).
Se você já publicou o produto, clique em Visível e selecione Agendado para ocultá-lo até a data agendada. Veja mais ajuda em Edição de produtos.
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 se baseiam no fuso horário definido nas Configurações de idioma e região e não no horário local do visitante. Para garantir que os produtos sejam publicados quando você gostaria, 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 Produtos. 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 Visibilidade do produto e depois em Agendado.
- Escolha a data e o horário em que o produto será publicado.
- Toque em Voltar e depois em Salvar.
Para publicar um produto oculto, toque em Visibilidade do produtoe depois em Visível.
Outras opções (somente computador)
Além do básico, seu site inclui outras opções para você personalizar seus produtos.
Adicionar mais informações
Clique na aba Informações Adicionais para adicionar mais detalhes aos blocos de uso da página de produtos. Para saber mais, acesse Adicionar outras informações aos produtos.
Criar um formulário personalizado para o produto
É possível criar formulários personalizados para os clientes preencherem antes de colocar um produto no carrinho. Se precisar de ajuda com isso, acesse Criar um formulário personalizado para o produto.
Adicione miniaturas e imagem de variantes
Como padrão, a miniatura é a primeira imagem do produto que você adiciona. Clique na aba Opções para alterar a miniatura. Ela representa o produto nos Blocos de Produto e Blocos de Sumário ou quando você compartilha o produto nas redes sociais. Você também pode adicionar uma imagem específica da variante.
Definir a URL do produto
A URL do produto leva diretamente a ele. Se você não especificar uma URL personalizada, a URL do produto será igual ao nome dele. A URL do produto deve ter entre 3 e 200 caracteres.
Criar um botão personalizado
Por padrão, os produtos exibem o botão Adicionar ao carrinho. Para alterar esse texto, clique na aba Opções, marque a opção Adicionar um Texto de Botão Personalizado e insira o novo texto.
Se você marcar a opção Adicionar um Texto de Botão Personalizado e não inserir outro texto, será exibido um botão em branco.
Definir um produto em destaque
Produto em Destaque é um filtro usado pelo Bloco de Sumário para destacar produtos específicos. Ele é útil quando você quer exibir vários produtos de coleções diferentes no mesmo lugar. Para ativá-lo, abra a aba Opções e marque Produto em Destaque. Para ver instruções detalhadas, acesse Usar Blocos de Sumário.
Optimize for search engines
Adicione um título e uma descrição de SEO para que as máquinas de busca conectem os clientes ao seu produto. Clique na aba SEO e digite um texto relevante nas caixas Título de SEO e Descrição de SEO. Uma prévia mostrará como os detalhes do produto aparecerão nos resultados da busca.
Compartilhar em redes sociais
Coloque seus produtos nas redes sociais para aumentar a divulgação. Clique na aba Redes sociais e carregue uma Imagem alternativa de compartilhamento social para aparecer quando você compartilhar o produto. Clique na aba Compartilhar para configurar as opções de compartilhamento em redes sociais. Com a ativação desse compartilhamento, o produto é compartilhado automaticamente nas redes sociais selecionadas ao ser publicado.
Dica: adicione um botão Compartilhar para permitir que os clientes compartilhem os produtos em redes sociais e outros sites.
Duplicar o produto
É possível duplicar um produto físico ou serviço para agilizar a criação de produtos similares. Para criar uma cópia, clique em Duplicar na parte inferior da janela Editar Produto. Para saber mais, acesse Duplicar produtos.
Ative as 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 Produtos, nos Blocos de Produto, nos Blocos de Sumário e na página de detalhes do produto.
Ativar a opção de comprar vários produtos de serviço
Como padrão, o cliente só pode adquirir um produto de serviço de cada vez. Ao vender ingressos para aulas ou workshops, ative a opção Mostrar quantidade de produto do serviço nas configurações do seu inventário para que o cliente possa adquirir vários produtos de serviço de uma só vez.
Edite o estilo da Página de Produtos (somente computador)
É possível personalizar o layout e o design da Página de Produtos com as opções de estilos do site.
- Se houver várias Páginas de Produtos, as alterações no estilo serão feitas em todas para deixar o visual uniforme.
- O template pode ter outros recursos, como imagens de banner ou cabeçalhos de página, que influenciam no visual da página de produtos.
Se precisar de mais ajuda, consulte Tipos de Páginas de Produtos.
Carrinho de compras
O botão do carrinho de compras mostra o número de itens no carrinho do cliente, permite a visualização do carrinho e leva para a página de finalização da compra.
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.