Crie e organize seus produtos nas páginas da loja para vender bens e serviços on-line.
Adicione produtos a uma Página da loja 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 avulsas 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 Específicos do Produto. 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
Dica: matricule-se no webinar "Começando com o Squarespace Commerce", no qual ensinaremos o básico para você montar uma loja on-line. Você aprenderá a adicionar uma página da loja, a criar produtos e a vincular um processador de pagamentos.
Como o Squarespace organiza os produtos
Os produtos nas lojas Squarespace são organizados em duas partes: Páginas da loja e páginas de detalhes do produto.
Páginas da loja
A página da loja consiste em coleções de produtos à disposição do usuário. Essas coleções incluem detalhes importantes sobre os produtos — geralmente nome, preço e disponibilidade. Quando o usuário clica em um produto específico, é aberta uma página de detalhes. Saiba mais sobre o ajuste do estilo da página de loja em Ajuste do estilo da página de loja.
Você pode ter várias Páginas da loja em seu site. Todas as lojas têm Páginas da loja.
Dica: a Visualização rápida do produto exibe detalhes adicionais sem sair da Página da loja.
Páginas de detalhes do produto
Cada produto em uma página de loja tem sua própria página de detalhes, que inclui mais imagens, menus suspensos de variantes e um botão para comprar o item. As páginas de detalhes do produto são subpáginas de uma página da loja. Para saber mais sobre as páginas de detalhes do produto, acesse Ajustar o estilo da página da loja.
Passo 1 - Adicionar uma Página da Loja
A forma como você adiciona uma Página da loja depende da versão do Squarespace em que seu site está.
- Abra o painel "Páginas".
- Clique no ícone + e depois selecione Loja no menu da página.
- Selecione um layout de loja.
Se você já tiver uma página da loja, você será levado a uma página e, lá, optar por 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 aparecem em uma navegação na página da loja. Saiba mais sobre categorias de produtos em Organização de produtos.
Para adicionar mais conteúdo à Página da Loja, acesse Seções da página.
- Abra o painel "Páginas".
- Clique no ícone + e selecione Loja ou Produtos no menu da página.
- Adicione um título à página e pressione Enter.
Para personalizar as configurações da página, você também pode clicar no que aparece ao passar o cursor sobre o título da página.
Dica: para sua loja ser exclusiva e vender produtos apenas para membros do site, adicione Áreas de Membros ao site e transfira a página da sua loja para o conteúdo fechado.
2o passo - Adicionar um produto
Após criar pelo menos uma Página da loja, você pode começar a adicionar produtos.
Cada Página da loja pode ter até 10.000 produtos. Para adicionar um produto no computador na versão 7.1:
- Abra o painel "Páginas".
- Clique em uma Página da loja e depois no ícone +. Você também pode clicar no ícone + no painel Inventário e escolher a Página da loja.
- 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):
- Abra o painel "Páginas".
- Clique em uma Página da loja e depois no ícone +. Você também pode clicar no ícone + no painel Inventário e escolher a Página da loja.
- Selecione um tipo de produto. Após criar o produto, não é mais possível editá-lo.
Cada Página da loja pode ter até 200 produtos.
Dica: para expandir ou recolher o painel, clique na linha vertical na metade da página.
Para adicionar um produto:
- Toque em Commerce e depois em + no canto superior direito.
- Toque em Adicionar novo produto.
- Toque na página da loja onde você gostaria de adicionar o produto.
- Toque no tipo de produto a ser adicionado Físico ou Serviço. No app para iOS, você também pode adicionar um vale-presente.
Dica: você também pode usar o atalho da aba Início para pular diretamente para a escolha de uma página de loja. Na aba Início, toque em + e, em seguida, toque em Adicionar um novo produto.
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 quaisquer outros bens físicos. Pode ser uma compra avulsa ou uma assinatura. Se você vende produtos físicos, é preciso adicionar pelo menos uma opção de envio ou retirada no local à sua loja. |
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.
Outras opções de produtos
Além dos tipos de produto acima, você também pode selecionar Sessões, Assinatura e Vídeo por Demanda. Essas opções não aparecem na página da loja nem nos blocos de produto. Você pode fazer o seguinte ao selecionar uma dessas opções:
- Sessões - crie uma página se agendamentos para que os clientes marquem um horário com você.
- Assinatura - crie uma área de membros para oferecer conteúdo exclusivo aos clientes que se cadastrarem.
- Vídeo por demanda - crie uma página de vídeos e uma área de membros para cobrar pelos vídeos. Essa opção está disponível apenas na versão 7.1.
Step 3 - Adicione os detalhes do produto
Adicione detalhes do produto aos campos no editor de produtos. Ao criar seu primeiro produto, você pode ser solicitado a adicionar o nome, a imagem, o preço e a quantidade do produto antes de adicionar outros detalhes.
O compositor de produtos está organizado nas seguintes seções:
Clique em um link para saber mais sobre cada campo de detalhes do produto.
Detalhes
Adicione esses detalhes na seção Detalhes.
Campo | Detalhes |
Nome do produto | Adicione o nome do produto. |
Descrição do produto | Adicione a descrição do produto. Ao colar um texto, veja se ele é um texto simples. |
Informações adicionais | Adicione mais detalhes à página do produto usando blocos. Para saber mais, acesse Adicionar outras informações aos produtos. |
Imagens
Adicione esses detalhes na seção Imagens.
Campo | Descrição |
Adicionar imagens | Faça upload de imagens para o produto ou reutilize imagens que já adicionou em outras partes do seu site. Várias imagens são exibidas como miniaturas na visualização do item do produto. Também é possível adicionar imagens variantes depois de adicionar opções de produto. Para saber mais, acesse Imagens do produto. |
Texto alternativo | Para adicionar o texto alternativo, passe o cursor sobre uma imagem, clique no ícone ... e depois clique em Editar metadados. |
Apague imagens | Para apagar uma imagem, clique no ícone ... e, em seguida, clique em Apagar. |
Imagem em destaque | Para adicionar uma imagem em destaque, carregue uma imagem e clique em Imagem em destaque. As imagens em destaque representam o produto na maioria das áreas do seu site, por isso, é recomendável usar a imagem que você deseja que os clientes encontrem primeiro. |
Inventário
Adicione esses detalhes na seção Inventário.
Campo | Descrição |
Carregar arquivo | Se o produto for um produto digital, clique em Carregar arquivo para adicionar um arquivo. Esse arquivo é enviado aos clientes quando eles compram o produto. Para saber mais sobre os requisitos para arquivos digitais, acesse Produtos digitais. |
Preço | Defina o preço do produto. |
Em Oferta | Para definir um produto como “em promoção”, ative o botão ao lado de Em promoção. |
Preço de venda | Se o produto estiver em promoção, defina o preço de venda. |
Quantidade ilimitada | Como padrão, os novos produtos têm quantidade ilimitada. Para fixar o nível do estoque, desative a opção Quantidade ilimitada. |
Quantidade | Informe o nível do estoque do produto. Esse número muda automaticamente após um pedido ou devolução. |
SKU | Para definir um código SKU personalizado, clique no número do SKU atribuído automaticamente para editá-lo. |
Variantes |
Você pode vender versões diferentes do mesmo produto com preços, imagens e níveis de estoque exclusivos. Por exemplo, uma camisa que vem em várias cores ou tamanhos. Clique em Adicionar para adicionar opções e variantes de produtos diferentes. Para obter etapas detalhadas, acesse Adicionar variantes do produto. |
Processamento
Campo | Descrição |
Perfis | Atribua um perfil de processamento ao produto. Isso limita as opções de envio que aparecem quando o cliente finaliza a compra do produto. Selecione o perfil "Padrão" para conferir todas as opções de envio na finalização da compra. Saiba mais em Configuração das taxas de envio. |
Envio avançado |
Adicione o peso e as dimensões do produto para usar estas opções de envio:
Clique em Envio avançado, informe as dimensões e clique em Aplicar. |
Organização
Adicione esses detalhes na seção Organização.
Campo | Descrição |
Categorias | As categorias criam uma navegação na página da sua loja, o que ajuda os compradores a encontrar o tipo de produto que estão procurando. As categorias também podem ser usadas como filtros em vários blocos organizacionais. Para adicionar categorias, clique em Adicionar. Para saber mais, acesse Organizar produtos. |
Tags | As tags podem ser usadas como filtros em vários blocos organizacionais. Para adicionar uma tag, clique em Adicionar. Para saber mais, acesse Organizar produtos. |
Vincular extensão de impostos |
Para definir alíquotas de impostos específicos do produto em sua loja, configure alíquotas automáticas e adicione uma categoria de imposto a cada produto. Se você ainda não fixou as alíquotas, clique em Adicionar extensão para se cadastrar no TaxJar e vincular nossa extensão TaxJar. Com ela, você fixa alíquotas automáticas nos EUA. Para obter etapas detalhadas, acesse Configurar alíquotas automáticas no Squarespace Commerce. |
Categoria fiscal |
Depois de conectar o TaxJar, pesquise e selecione a categoria de imposto que corresponde ao tipo de produto. |
Visibilidade
Adicione esses detalhes na seção Visibilidade.
Campo | Descrição |
Visibilidade | Clique no menu suspenso de visibilidade para definir a visibilidade do produto como Pública, Oculta ou Agendada. |
Produto em destaque | Para destacar o produto no bloco de sumário, ative a opção Produto em destaque. Ela é útil para mostrar vários produtos de diferentes coleções no mesmo lugar. |
Produtos relacionados | Na página de detalhes do produto, ative produtos relacionados para mostrar produtos parecidos com base na categoria. Clique em Produtos relacionados e selecione a categoria no menu suspenso. |
Avaliações de produtos | Para solicitar avaliações de produtos para sua loja, clique em Avaliações de produtos e depois em Sair para acessar o painel de avaliações de produtos. Para obter etapas detalhadas, acesse Revisões de produtos. |
Marketing
Adicione esses detalhes na seção Marketing.
Campo | Descrição |
SEO e URL |
Clique em SEO e URL para visualizar a forma como seu produto aparece nos resultados da pesquisa. Clique em Editar para personalizar o URL e o título e a descrição do SEO. Em seguida, clique em Aplicar. O título e a descrição da sua SEO para que os buscadores levem os clientes até o seu produto. |
Compartilhamento social | Quando você cria um link para o produto nas mídias sociais, aparece a imagem em destaque do produto como padrão. Para divulgar uma imagem diferente nas redes sociais, clique em Compartilhamento em redes sociais e depois em Adicionar imagem para carregar uma imagem. Clique em Aplicar. |
Dica: para otimizar a SEO dos seus produtos, vincule a extensão Smart SEO. Embora trabalhemos com serviços externos para garantir que as Squarespace Extensions funcionem, as extensões estão fora do escopo do nosso suporte. Podemos ajudar a vincular ou desvincular extensões. Para todas as outras questões, fale diretamente com o provedor da extensão.
Finalização de compra
Adicione esses detalhes na seção Finalização de compra.
Campo | Descrição |
Botão personalizado |
Clique no botão Personalizar para personalizar o botão Adicionar ao carrinho. |
Formulários personalizados |
Clique em Formulários personalizados e crie um formulário de produto personalizado para que os clientes preencham antes de adicionar o produto ao carrinho. Para ajuda, confira Criando um formulário de produto personalizado. |
Inscrição |
Clique em Assinatura para tornar o produto uma assinatura, que é renovada regularmente em um intervalo escolhido. Defina a frequência de renovação e clique em Salvar. Para saber mais, acesse Produtos de assinatura. |
No app, você pode editar esses detalhes:
- Adicionar variantes (somente iOS)
- Envio avançado (somente iOS)
- Descrição
- Em Oferta
- Preço
- Nome do produto
- SKU
- Status
- Monitore o estoque
Para adicionar ou editar outros detalhes, edite sua loja em um computador.
Step 4 - Salve
Quando terminar, salve o produto.
Mova o cursor sobre Salvar e clique em Publicar para publicar o produto na página da loja. Essa ação deixa 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 ao mesmo tempo.
Para agendar um produto:
- Mova o cursor sobre Salvar e clique em Agendar.
- Defina a data e a hora em que você deseja que o produto fique visível.
- Clique em Aplicar.
Se você já publicou o produto:
- Abra o produto.
- Clique em Editar produto.
- Procure Visibilidade 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 é 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.
Após preencher todos os campos, toque em Salvar ou ✓. Você será solicitado a publicar o produto para que ele fique visível; ou poderá salvá-lo como oculto.
Para saber como agendar produtos no app, acesse Editar produtos.
Mais opções
Além do básico, seu site inclui outras opções para você personalizar seus produtos.
Contas sociais
Você pode conectar uma conta social ao seu site para publicar o conteúdo da sua loja em mídias sociais. Clique em Contas sociais para acessar o painel Contas vinculadas. Para saber mais, visite Conectar Contas em Mídias Sociais.
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 da loja, 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
Como padrão, o cliente só pode comprar um produto de serviço de cada vez. Se você cobra pela vaga nas aulas ou workshops, marque Deixar os clientes comprarem vários produtos de serviço nas configurações de finalização de compra. Assim, os clientes podem adquirir vários produtos de serviço ao mesmo tempo.
Usando um vídeo para divulgar produtos
Para expor os produtos, crie um vídeo de qualidade profissional com o app Video Studio. Você pode adicionar o vídeo ao seu site ou divulgar nas suas plataformas de mídias sociais.
Saiba mais, em Introdução ao Video Studio.
Duplicar o produto
No app do Squarespace, não é possível duplicar produtos.
É possível duplicar um produto físico ou serviço para agilizar a criação e a personalização de produtos similares. Clique no botão ... no topo do editor do produto e depois em Duplicar. Saiba mais em Duplicação de um produto.
Excluir o produto
É possível apagar um produto no computador ou no app do Squarespace.
Para apagar um produto, clique no ícone ... na parte superior do editor do produto e depois em Apagar.
Para apagar um produto: toque no produto na lista "Inventário", role para baixo e toque em Apagar. Toque em Sim para confirmar.
Para apagar um produto: toque no produto na lista "Inventário" e depois em... no canto superior direito. Toque em Apagar e depois em Apagar novamente para confirmar.
Ajustar o estilo da 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 da loja, as alterações de estilo se aplicam a todas elas para criar uma aparência consistente.
- É possível que o site aceite mais recursos, como imagens de banner ou cabeçalhos de página, que afetam o visual da página da loja.
Acesse Ajustar o estilo da página da loja para obter mais ajuda.
Carrinho de compras
O ícone do carrinho de compras mostra o número de itens no carrinho de um cliente, leva os clientes a um resumo do carrinho e leva à página de finalização de compra.
O modo como o ícone do carrinho de compras aparece depende da versão do Squarespace.
Como padrão, o ícone do carrinho de compras aparece mesmo quando o comprador não tem itens no carrinho. Para desativar ou alterar o design dele, edite o cabeçalho do site. Saiba mais em Exibição do í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 ajustar o estilo do carrinho.
Limites
Os limites do produto dependem da versão do seu site e do método usado para adicionar produtos à sua loja.
- Produtos - na versão 7.1, você pode adicionar até 10 mil produtos por página da loja. Na versão 7.0, o limite é 200. Os produtos ocultos contam nesse limite.
- Variantes – Cada produto pode ter 250 variantes, imagens e SKUs, adicionados por meio do editor de produto ou do importador de .csv.
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.