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

Pré-requisitos
Criando o website
Conectando à Shopify

Pré-requisito

Um website no Deco. Crie um gratuitamente em https://deco.cx/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:

Acesse o painel administrativo do seu site em https://deco.cx/admin.
Na barra superior, selecione blocos.
Escolha a guia Apps.
Selecione o App shopify.ts e clique no bloco shopify. Você verá algo como:
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.
Defina o Storefront Access Token com todas as permissões (ajuda).
Defina o Admin Access Token apenas com as permissões que deseja (o passo é o mesmo do token de Storefront).
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.

Acesse o painel administrativo do seu site em https://deco.cx/admin.
Na barra superior, selecione blocos e depois sections.
Selecione o bloco /Products/ProductShelf.tsx e clique no botão +.
No campo products, selecione a integração Shopify.
Preencha o campo query com uma busca, por exemplo, "camiseta".
Preencha o atributo count com o número de produtos a serem exibidos, digamos 4.
Agora, no canto superior direito, clique em Criar e dê um nome, por exemplo, Coleção 139.
No canto superior direito, clique em Publicar.
Agora você pode arrastar e soltar o bloco Coleção 139 em qualquer página.