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:
Você pode vender produtos físicos e de serviço de forma avulsa ou como assinatura renovada automaticamente. Se você vende serviços especializados por projeto, é possível criar um projeto e enviar a fatura para os clientes.
Este guia se aplica à versão 7.0 e à versão 7.1.
Atenção: seus produtos precisam seguir a Seção 1.2 dos nossos Termos Específicos do Produto. Se o Squarespace Payments for sua solução em pagamentos, seus produtos precisam cumprir a seção 3.8 dos nossos termos do Squarespace Payments. Se você aceita pagamentos via Stripe ou PayPal, os produtos devem obedecer às diretrizes de uso aceitável do PayPal e não podem constar da lista de empresas proibidas do Stripe.
O Commerce é um recurso Premium, disponível nos planos Business e Commerce.
Assista a este vídeo
Dica: matricule-se no nosso webinar "Introdução ao Squarespace Commerce", no qual ensinaremos o básico para você montar sua loja on-line. Você aprenderá a adicionar uma página da loja, criar produtos e vincular um processador de pagamentos. Confira também nosso webinar com dicas de design para aumentar as vendas da sua loja. Apresentaremos ferramentas e dicas para você destacar seus produtos no site e gerar vendas.
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 um site para 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 site pode ter até 10 mil produtos. Para adicionar um produto pelo 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 "Produtos" 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 Produtos 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. |
Download | E-books, arquivos de áudio e outros conteúdos digitais vendidos. Ao comprar um desses produtos, o cliente recebe um link de download que fica ativo por 24 horas após o 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 um site para membros e ofereça conteúdo exclusivo aos clientes que se cadastrarem nele.
- Vídeo por demanda - crie uma página de vídeos e um site para 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 for um produto para download, clique em Carregar arquivo para adicionar o arquivo. Ele é enviado quando o cliente compra o produto. Saiba mais sobre os requisitos para os arquivos em Produtos para download. |
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 |
Visibilidade | Clique no menu suspenso de visibilidade para definir a visibilidade do produto como Pública, Oculta ou Agendada. |
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. |
Vincule uma extensão fiscal (somente nos EUA) |
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. Confira as etapas em "Configurando alíquotas automáticas nos EUA". |
Categoria fiscal (somente nos EUA) |
Depois de conectar o TaxJar, pesquise e selecione a categoria de imposto que corresponde ao tipo de produto. |
Ferramentas de vendas
Adicione estes detalhes na seção Ferramentas de vendas.
Campo | Descrição |
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. |
Complementos do produto | Incentive os clientes a adicionar itens extras aos pedidos exibindo itens extras como complemento opcional. |
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. |
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. Para saber mais, visite 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.
- Role até Organização e clique no menu suspenso Visibilidade.
- Clique em Agendado.
Os produtos agendados têm o status Agendado nos editor do produto e nos painéis "Produtos". 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.
Dica: divulgue os produtos aos seguidores e atraia novos clientes com a venda dos produtos no Facebook e Instagram.Saiba mais em "Venda de produtos no Facebook e Instagram".
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.
Gráficos de tamanho
Se você vende roupas, pode incluir uma tabela de tamanhos para orientar o cliente. Para isso, crie uma tabela de tamanhos em um programa externo, carregue o arquivo e crie um link na descrição dos produtos.
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.
Anuncie seus produtos com um conteúdo envolvente
Para expor seus produtos, crie um conteúdo de qualidade profissional com o Kit de Marketing no app do Squarespace para iOS. Basta adicionar o conteúdo ao seu site ou divulgar nas suas plataformas de mídias sociais.
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 dos produtos para download podem ter até 300 MB.