Saltar para o conteúdo principal
Você pode projetar e lançar uma vitrine Shopify personalizada apenas descrevendo a loja que deseja criar. O Agent provisiona uma loja Shopify, constrói o front end e adiciona seus produtos, tudo em uma única conversa. Quando estiver pronto para vender, você faz uma única visita ao Shopify para reivindicar a loja e ativar os pagamentos. Neste guia, você construirá a Ember & Oak, uma loja de velas artesanais, desde o prompt até uma vitrine publicada.
A vitrine finalizada Ember & Oak — um design boutique quente em creme e âmbar, com uma imagem hero de vela acesa, o título 'Light that feels like home' e uma grade de produtos de velas de soja com botões Adicionar ao carrinho

​
O que você vai alcançar

Ao final deste guia, você terá:
  • Uma vitrine de velas com design personalizado, respaldada por uma loja Shopify real.
  • Produtos e preços criados no Shopify e exibidos na vitrine.
  • Um carrinho funcional que direciona compradores para o checkout do Shopify.
  • Um caminho claro para entrar no ar: reivindicar a loja, ativar os pagamentos e lançar.

​
O que você vai aprender

Você aprenderá a:
  • Descrever uma loja para que o Agent recomende o Shopify e o provisione para você.
  • Conectar o Shopify sem precisar gerenciar chaves de API.
  • Adicionar e publicar produtos conversando com o Agent.
  • Refinar o design e o fluxo de compra.
  • Levar a loja do desenvolvimento a uma vitrine ativa e vendável.

​
Conectar o Shopify

O Shopify está disponível para todos os construtores em todos os apps e você o conecta direto na conversa. Comece descrevendo a loja que deseja construir.
1

Descreva sua loja

Copie o prompt e cole-o na caixa de prompt em replit.com, ou clique em Build on Replit para abrir o Replit com o prompt preenchido.
A caixa de prompt do Replit com o prompt da loja de velas Ember & Oak digitado, pronto para iniciar a construção
O Agent reconhece que você está vendendo um produto físico e recomenda o Shopify como backend para sua vitrine.
O Agent do Replit transferindo para o skill do Shopify para a loja de velas Ember & Oak, mostrando um cartão 'Connect to Shopify' com um botão Connect Shopify
2

Aprovar a criação de uma loja Shopify

O Agent solicita criar uma loja Shopify para seu app. Aprove e o Agent provisiona uma loja de desenvolvimento própria do Replit e a conecta. Nenhuma configuração adicional é necessária. Seu e-mail é compartilhado com o Shopify para que você possa reivindicar a loja mais tarde.A loja começa protegida por senha e não pode receber pagamentos reais até que você entre no ar, então você pode construir livremente sem riscos.
Cada loja Shopify está vinculada a um único app. Se você criar uma segunda loja depois, o Agent provisiona uma nova loja Shopify para esse app. Para detalhes completos do conector, veja Conectar Shopify.

​
Construir a vitrine

Com o Shopify conectado, o Agent projeta e constrói a vitrine integrada à sua loja.
1

Deixe o Agent construir o front end

O Agent gera a vitrine a partir do seu prompt — o hero, a grade de produtos, o carrinho e as seções de suporte. Quando termina, o painel direito muda para Preview para você rolar a página e navegar pelo design.
A vitrine Ember & Oak renderizada no painel de Preview do Replit ao lado do chat do Agent, mostrando a seção hero de velas e a grade de produtos
2

Adicione seus primeiros produtos

Uma loja nova começa com um catálogo vazio. Peça ao Agent para adicionar um produto e ele cria o produto no Shopify e o publica na vitrine.O produto é criado na sua loja Shopify e aparece na grade de produtos da vitrine.
Chat do Agent adicionando uma vela de soja de lavanda, com o novo produto aparecendo na grade de produtos da vitrine Ember & Oak
3

Complete o catálogo

Continue adicionando produtos descrevendo-os. O Agent cria cada um no Shopify com seu preço, descrição e imagem.
Evoluindo: peça ao Agent para agrupar produtos em coleções (“Crie uma coleção de Férias com minhas três velas mais vendidas”), adicionar variantes de produtos como tamanho ou fragrância, ou rastrear inventário para que a vitrine mostre o que está em estoque. O Shopify continua sendo o sistema de registro para tudo isso.

​
Iterar no design e no checkout

Cada parte da vitrine é editável por conversa. Refine a aparência e depois verifique o fluxo de compra do início ao fim.
1

Refine o design

Descreva o que deseja mudar e o Agent atualiza a vitrine.
2

Teste o carrinho e o checkout

No Preview, adicione uma vela ao carrinho e inicie o checkout. O carrinho direciona compradores para o checkout hospedado pelo Shopify. Durante o desenvolvimento, sua loja está protegida por senha, então o preview do checkout pode mostrar uma página de senha — isso é esperado e não significa que algo está quebrado.
Evoluindo: peça ao Agent para adicionar uma página de detalhe do produto, um drawer de carrinho, busca ou uma seção de produtos em destaque. Como a vitrine é um projeto real do Replit, você pode estendê-la com tudo o que conseguir descrever — um blog, uma lista de desejos ou páginas de campanha personalizadas — enquanto o Shopify cuida do checkout e dos pedidos.

​
Publicar

Entrar no ar acontece no Shopify. Peça ao Agent para iniciar o fluxo Entrar no Ar e depois conclua as etapas de responsabilidade do lojista.
1

Reivindique sua loja no Shopify

A reivindicação acontece no Shopify e é a única etapa que ocorre fora do Replit. Como seu e-mail foi compartilhado com o Shopify quando a loja foi criada, você pode reivindicá-la pelo link que o Replit fornece ou pelo e-mail que o Shopify envia.O Shopify envia um e-mail com um Convite de proprietário de loja que orienta você nas etapas. Abra-o e selecione Começar.
E-mail de 'Convite de proprietário de loja' do Shopify convidando você a se tornar o proprietário da loja, com um botão 'Começar'
Faça login com sua conta Shopify existente ou crie uma para aceitar o convite.
Tela 'Criar uma conta' do Shopify para aceitar o convite, com opções de login por e-mail, Google, Apple e Facebook
Selecione Reivindicar loja para autorizar o app do Replit na sua loja e iniciar seu período de avaliação gratuito. Você então acessa seu painel Shopify como proprietário principal.
Tela 'Reivindique sua loja' do Replit com um botão 'Reivindicar loja' para iniciar um período de avaliação gratuito do Shopify
2

Escolha um plano e ative os pagamentos

Escolha um plano Shopify e ative o Shopify Payments ou outro provedor. O Shopify coleta os dados de identidade e bancários necessários para pagar você — nada disso acontece no Replit.
3

Configure frete, impostos e um domínio

Defina suas taxas de frete e revise os impostos no Shopify, e opcionalmente conecte um domínio personalizado.
4

Lance e publique

Remova a senha da vitrine no Shopify para abrir a loja para compradores. De volta ao Replit, clique em Publicar para implantar sua vitrine na URL pública.
Pagamentos, verificação de identidade, impostos, frete e checagens de fraude permanecem no Shopify. Para a lista completa de verificações para entrar no ar e detalhes do conector, veja Conectar Shopify.

​
Próximos passos

Conectar Shopify

A referência do conector: como a conexão com o Shopify funciona e a lista completa de verificações para entrar no ar.

Adicionar um domínio personalizado

Dê à sua loja uma URL com sua marca antes do lançamento.

Melhorar o SEO

Ajude compradores a encontrar sua loja nas buscas.

Lançar uma landing page

Construa uma página de campanha focada para direcionar tráfego para sua loja.

​
Relacionados