Integrar um aplicativo de terceiros

A implementação de um aplicativo de terceiros com o GemPages pode ser realizada por meio de vários cenários diferentes:

Método 1: Integração via elemento App

Os elementos pré-criados no GemPages são componentes pré-projetados, permitindo que você os adicione facilmente ao seu site sem precisar criá-los do zero. Basta arrastá-los e soltá-los na posição desejada e personalizar o conteúdo conforme necessário.

Etapa 1: Vou ao Painel GemPages e selecione sua página preferida para entrar no editor. 

Etapa 2: Navegue até a barra lateral esquerda > Aplicativos do Shopify seção. É aqui que você descobrirá todos os aplicativos equipados com elementos de aplicativo. 

Você pode usar a barra de pesquisa para localizar rapidamente seu aplicativo preferido.

Etapa 3: Arraste e solte o elemento na posição desejada. 

Passo 4: Clique no elemento do aplicativo para abrir o Configurações aba.

Por exemplo, as configurações do elemento Loox incluem:

• Escolha a versão: Você pode usar o aplicativo Loox versão 1 ou versão 2.
• Escolha o widget: Widget de avaliações, widget de classificação e widget de carrossel.
• Mostrar todas as avaliações: Selecione Sim/Não para mostrar todas as avaliações ou mostrar apenas algumas avaliações.
• Alinhar: Exiba o elemento à esquerda, no centro ou à direita da página. 

Para configurações adicionais, selecione o Abra o aplicativo.

Etapa 5: Clique "Salvar" e "Publicar" para que as alterações sejam publicadas.

Certifique-se de instalar o aplicativo por meio do seu administrador do Shopify e lembre-se de que o que você arrasta e solta no GemPages é apenas a exibição do widget do frontend do aplicativo.

Método 2: Integração via código personalizado

Se você não encontrar seu aplicativo na lista de elementos pré-criados, basta seguir estas etapas para integrá-lo ao código personalizado.

Passo 1: Obtenha acesso ao código do aplicativo. 

Você pode encontrar o código em vários lugares. Alguns aplicativos disponibilizam o código diretamente na interface do aplicativo. 

Em outros casos, talvez você precise verificar a documentação de ajuda ou entrar em contato com o suporte para obter o código. 

Depois de ter o código do aplicativo, é hora de colocá-lo no elemento Código Personalizado.

Neste guia, a GemPages usa o aplicativo Loox Reviews Shopify para praticar.

Passo 2: Acesse o Painel do GemPages e selecione sua página preferida para entrar no Editor.

Passo 3: Na barra lateral esquerda, arraste e solte um Código personalizado elemento no seu local preferido na página.

Etapa 4: Localize o elemento a ser aberto Configurações tab > clicar  Edite o código seção e cole o código do aplicativo na caixa.

Passo 5: Clique "Salvar" e "Visualização" para verificar se o código funciona corretamente na sua página.

Método 3: Use o elemento do aplicativo Shopify

Se você não consegue encontrar o aplicativo nas opções pré-criadas e a codificação não é sua praia, sugerimos usar o Elemento do aplicativo Shopify. Este elemento pode ajudar você a integrar aplicativos do Shopify que funcionam com seu tema.

Para mais detalhes, confira Este artigo.

Perguntas Frequentes

1. Posso integrar qualquer aplicativo Shopify com o GemPages?

A maioria dos aplicativos são compatíveis. Se não houver integração direta, você ainda pode usar código personalizado ou de Elemento do aplicativo Shopify para incorporá-lo visualmente.

2. Por que meu aplicativo não está sendo exibido na página ao vivo?

Verifique estes:

• O aplicativo está instalado e configurado corretamente a partir do Administrador do Shopify?
• Você fez publicar o layout do GemPages após incorporar o aplicativo?
• Se estiver usando código personalizado, certifique-se de que ele esteja completo e que as tags de script sejam suportadas

3. Posso usar vários aplicativos na mesma página do GemPages?

Sim. Você pode incorporar vários aplicativos de terceiros, mas certifique-se de que:

• Eles não entram em conflito com o JavaScript um do outro
• Você testa todos os widgets cuidadosamente antes de publicar