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 Shopify.

Sumário

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

Pré-requisito

• Um website no Deco. Crie um gratuitamente em Deco Admin.
• Uma conta na Shopify.

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 Shopify abaixo:

Conectando à Shopify

Para se conectar à sua conta na Shopify:

1. Acesse o painel administrativo do seu site em Deco Admin.

2. Na barra superior, selecione blocos.

3. Escolha a guia Apps.

4. Selecione o App shopify.ts e clique no bloco shopify. Você verá algo como:

   

5. Altere a configuração da conta de gimenesdevstore para o nome da sua conta Shopify. O nome da conta é necessariamente o que está na sua URL pública myshopify, no exemplo: gimenesdevstore.myshopify.com.

6. Defina o Storefront Access Token com todas as permissões (ajuda).

7. Defina o Admin Access Token apenas com as permissões que deseja (o passo é o mesmo do token de Storefront).

8. Clique em Salvar e depois em Publicar.

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

Adicionando suas coleções ao seu website.

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

1. Acesse o painel administrativo do seu site em Deco Admin.

2. Na barra superior, selecione blocos e depois sections.

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

   

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

   

5. Preencha o campo query com uma busca, por exemplo, "camiseta".

6. Preencha o atributo count 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 139.

   

8. No canto superior direito, clique em Publicar.

9. Agora você pode arrastar e soltar o bloco Coleção 139 em qualquer página.