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.
Nota: certifique-se de que seus produtos estejam em conformidade com a Seção 1.2 de nossos Termos Específicos do Produto Se você estiver aceitando pagamentos com Stripe ou PayPal, certifique-se de que seus produtos atendam às diretrizes de Uso Aceitável do PayPal e não apareçam na lista de empresas proibidas da Stripe.
O Commerce é um recurso Premium, disponível nos planos Business e Commerce.
Assista a este vídeo
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
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 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 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 Estilizar páginas de loja.
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 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.
- No Menu Inicial, clique em Páginas.
- Clique no ícone + e depois selecione Loja 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 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 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.
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 | Defina o nível de estoque do produto. Esse número muda automaticamente após pedidos e devoluções. |
Quantidade ilimitada | Se o produto tiver estoque ilimitado, ative a opção ao lado de Quantidade ilimitada. |
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. |
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. |
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.
Checkout
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 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
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.
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.
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.
- É 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 Estilizar páginas de 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.000 produtos por página da loja. Na versão 7.0, o limite é 200.
- 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.