Como instalar o checkout da LPQV na Shopify

Caso você possua uma loja na Shopify e deseja utilizar o checkout da LPQV, siga os passos abaixo:

Primeiro, em sua conta Shopify, acesse o menu "Desenvolvimento de apps" e clique em "Desenvolver apps no Dev Dashboard":

Na próxima tela, clique em "Create app":

Adicione o "App name" como "LPQV" e clique em "Create":

1. Na tela de instalação, no campo "App URL", adicione a seguinte URL:
https://app.lpqv.com.br/opcoes/apps/0/view/shopify_install

2. Desmarque a opção "Embed app in Shopify admin"

3. E adicione os Scopes:
read_orders,write_orders,read_products,write_products,write_theme_code,read_themes,write_themes

4. E por fim, clique em "Release":

Na próxima tela, deixe os campos em branco e clique em "Release":

No menu da esquerda, clique na opção "Home":

Na próxima tela, clique em "Install app":

Por fim, clique em "Instalar" e haverá o redirecionamento para o Painel LPQV.

No Painel LPQV, será aberta a tela da integração com a Shopify (a mesma pode ser acessada manualmente depois, caso precise, no menu "Apps" > "Shopify").

Será necessário preencher as informações solicitadas no formulário:

• Ativar este app: Habilite esta opção.
• Url da loja da Shopify: Informe a url da sua loja da Shopify. Ex: minhaloja.myshopify.com.
• Cliend ID: Cole o Client ID que será copiado na Shopify, na tela do Dev Dashboard > "Settings". 
• Secret: Cole o Secret que será copiado na Shopify, na tela do Dev Dashboard > "Settings". 

• Enviar pedidos para a Shopify: Habilite esta opção, assim os pedidos realizados na LPQV serão enviados para a Shopify.
• Ativar o checkout da LPQV na Shopify: Habilite esta opção para que o checkout da LPQV seja instalado em seu tema da Shopify.
• Pular carrinho de compras: Habilite esta opção para pular o carrinho de compras na página de detalhe do produto na sua loja da Shopify, caso queira.

Após preencher os campos, clique em "Salvar". Com isso a configuração será concluída.
Obs: Caso seja a primeira vez, dependendo da quantidade de produtos que você possua na Shopify, o processo de instalação/importação dos produtos pode demorar alguns minutos para ser concluído.

Importante: Para que a integração funcione corretamente, é necessário que você realize os ajustes abaixo em seu tema da Shopify.

Desativando o Carrinho Ajax e o botão "Compre Já"

Para que o checkout funcione corretamente, é necessário desativar a opção de Carrinho Ajax e o botão de "Compre Já". É necessário que o cliente sempre seja redirecionado para a página do carrinho.

Acesse a personalização do seu tema da Shopify no menu Loja virtual e clique no botão Personalizar.

Após o editor do tema ser carregado, siga os passos abaixo.

Veja na lista de temas baixo como desativar as opções.

TEMA: BOOSTER

Acesse as opções de Página do produto e na opção do botão de "Carrinho de compras", selecione a opção Direct to Cart. Por fim, mais abaixo, desmarque a opção Exibir botão dinâmico de finalização da compra.

TEMA: BROOKLYN

Clique na opção de Configurações do tema, e seção de Página do carrinho, em Tipo de carrinho selecione a opção Página. Por fim, mais abaixo, desmarque a opção Exibir botão dinâmico de finalização da compra.

TEMA: DEBUT

Acesse as opções de Página do produto e na opção lateral Product pages, desmarque a opção Exibir botão dinâmico de finalização da compra. Depois em Configurações do tema, desmarque a opção Mostrar notificação ao adicionar item ao carrinho.

TEMA: VENTURE

Acesse as opções de Páginas de produtos e desmarque a opção Permanecer na página atual quando o item for adicionado ao carrinho e também desmarque a opção Exibir botão dinâmico de finalização da compra.

TEMA: WAREHOUSE

Clique na opção de Configurações do tema, e seção de Página do carrinho, em Tipo de carrinho selecione a opção Página.

Atenção: Estas configurações podem variar um pouco dependendo do tema instalado. Você também pode solicitar o suporte do responsável/programador do seu tema para que realize esta configuração.

Configurando o Checkout da LPQV na Loja da Shopify

1 - Acesse a opção no menu Checkout (Shopify).

2 - Na seção de Domínio e Publicação, clique em Cadastrar domínio. E informe o domínio utilizado na sua loja da Shopify (Ex: minhaloja.com.br) e clique em Cadastrar.

3 - Após isso, acesse a plataforma em que seu domínio foi contratado (Registro.br, Godaddy, etc) e adicione o apontamento abaixo para o subdomínio que será utilizado no checkout.

Tipo: CNAME
Host: pagamento
Valor: shop.lpqv.io

Com isso, o endereço do seu checkout seguirá o padrão pagamento.seudominio.com.br.
Ex: Caso seu domínio seja minhaloja.com.br, seu endereço de checkout será pagamento.minhaloja.com.br.

Atenção: É necessário aguardar algumas horas até que o domínio seja propagado.

4 - Com o domínio configurado, agora será necessário finalizar a configuração do checkout. Em Informações da Loja, digite o nome da sua loja e cadastre um favicon, caso possua um. Em Formas de Pagamento, selecione as formas de pagamento que serão oferecidas em seu checkout, além de selecionar o gateway responsável por cada uma e em Frete, selecione qual será o frete oferecido na loja. Após preencher as opções desejadas, clique no botão inferior Salvar.

5 - Antes de publicar o checkout, recomendamos que personalize o mesmo de acordo com a identidade da sua loja. Para acessar o editor, basta clicar em Personalizar checkout.

6 - Para publicar o checkout, basta clicar em Publicar checkout. Na janela que será exibida, selecione o domínio do checkout e clique no botão Publicar.

Pronto! Com isso, seu checkout já estará configurado e pronto para ser utilizado.

Veja também: Como importar os produtos da Shopify para a LPQV

Em caso de dúvidas, entre em contato conosco via chat.