Este artigo orienta você na criação e configuração de um website no deco.cx para uma loja virtual utilizando dados da plataforma de comércio eletrônico Nuvemshop.

Sumário

1. Pré-requisitos
2. Criando o website
3. Conectando à Nuvemshop

Pré-requisito

• Um website no Deco. Crie um gratuitamente em https://deco.cx/admin.
• Uma conta na Nuvemshop.

Criando o website

Caso você já tenha um website no deco.cx, avance para a próxima seção. Caso contrário, siga as etapas deste guia para criar um.

Certifique-se de que seu site foi criado com base no modelo Store Nuvemshop abaixo:

Conectando à Nuvemshop

Para se conectar à sua conta na Nuvemshop:

1. Acesse o painel administrativo do seu site em https://deco.cx/admin.

2. Na barra superior, selecione Apps.

3. Selecione o App da Nuvemshop. Você verá algo como:

   

4. Altere a configuração da conta de https://lojadolucis.lojavirtualnuvem.com.br para a URL pública da sua conta loja na Nuvemshop.

5. Após isso, você verá um botão para pegar o Store Id e o Access Token. Clique nesse botão para ser redirecionado a instalação do App da deco.cx no painel da Nuvemshop.

   

6. Após, você verá um Pop-up como esse no painel da Nuvemshop:

   

7. Clique em Aceitar e começar a usar

8. Enfim, você será redirecionado para uma tela com o Store Id e Access Token:

   

9. Insira essas informações nos campos do Painel da deco.cx

🎉 Parabéns, você configurou a integração com a Nuvemshop. Para garantir que a integração esteja funcionando corretamente, continue lendo e crie um bloco de coleção reutilizável.

Adicionando seus produtos ao seu website.

Após a configuração da Nuvemshop ser concluída, tente adicionar uma prateleira ao seu website.

1. Acesse o painel administrativo do seu site em https://admin.deco.cx/.

2. Na barra superior, selecione sections.

3. Selecione o bloco ProductShelf e clique no botão +.

   

4. No campo products, selecione a integração Nuvemshop.

   

5. Preencha o campo term com uma busca, por exemplo, "chá".

6. Preencha o campo limit com o número de produtos a serem exibidos, digamos 4.

   

7. Agora, no canto superior direito, clique em Criar e dê um nome, por exemplo, Coleção 1.

   

8. No canto superior direito, clique em Publicar.

9. Agora você pode utilizar o bloco Coleção 1 em qualquer página do seu site.