Como configurar a sua loja (storefront) – tema, textos, logo e domínio

A sua loja (storefront) é o site onde os clientes veem os seus planos, pagam e fazem login. Ela é montada a partir de um tema, e tudo o que o cliente vê nela, como textos, imagens, logo e cores, é editado na própria loja.

Observação: Os seus planos e preços vêm dos seus produtos. Crie os produtos primeiro, para que o tema tenha o que mostrar.

1Step 1 of 6Escolha um tema

Vá em Storefront → Theme & drafts. Na página Storefront, abra a aba Theme e clique no tema de que você gosta. Passe o mouse sobre um tema e clique em Preview live para vê-lo antes em tamanho real na sua própria loja.

Clique em Save changes. A troca de tema pode ser desfeita: os seus textos, imagens, banner e cores continuam salvos.

2Step 2 of 6Confira os dados da sua loja

Abra a aba Store details e confira o Store name. Clique em Save changes se alterar o nome. Use Open live site para ver o resultado.

Para criar um visual novo sem que os clientes vejam, use Drafts & versions na mesma página. A sua loja no ar continua como está até você publicar o rascunho.

3Step 3 of 6Edite os textos, o logo e as cores

Vá em Storefront → Edit on your site. (Se você tiver mais de uma loja, isso abre a página Storefront: escolha a loja em Editing e clique ali em Edit on your site.) A sua loja se abre com uma barra Edit mode no topo, que explica como este tema é editado. Na maioria dos temas, você clica em qualquer texto para alterá-lo e nas amostras de cor para mudar as cores. Clique em View as customer para ver a página sem as ferramentas de edição.

4Step 4 of 6Conecte o seu próprio domínio (opcional)

Vá em Storefront → Domains. Na página Domain Management, clique em Add Domain, digite o seu domínio, por exemplo shop.yourdomain.com, e clique de novo em Add Domain para salvar. A página lista o registro DNS exato que você deve criar no seu provedor de DNS e as configurações necessárias.

Quando o registro estiver criado, clique em Check DNS na linha do seu domínio (depois da primeira verificação, o botão passa a ser Re-check DNS). Ele informa o que ainda está errado, se houver algo. Quando a verificação passar, clique em Verify.

Até lá, a sua loja continua funcionando no endereço da plataforma, o mesmo que Open live site abre.

5Step 5 of 6Defina o nome da sua empresa

Vá em Settings → White-label. Defina o Business Name que os seus clientes veem nos e-mails, no checkout e na conta deles e, se quiser, o Footer in emails and at checkout. Depois clique em Save Changes.

6Step 6 of 6Teste antes de divulgar

Abra a sua loja como um cliente faria e compre um dos seus próprios produtos. Confira se o pagamento é aprovado, se a linha aparece no seu painel e se o e-mail do cliente chega. Depois compartilhe o link da sua loja.