O WooCommerce publica uma interface própria de leitura de catálogo, e ela basta: com o endereço da loja, produtos, variações, estoque real, imagens e categorias entram sem credencial e sem plugin. Na loja, a tag no tema cuida do provador e da medição do funil.
No header.php do tema, antes do fechamento do <head>, ou por um plugin de cabeçalho que você já use.
<script src="https://unpkg.com/mk-sdk-git@1/dist/mk-sdk.js"
data-mk-project="SEU_PROJECT_ID"
data-mk-product="mk-fashion"
async></script>Troque SEU_PROJECT_ID pelo identificador do seu projeto. O atributo async garante que a tag não bloqueia o carregamento da página, e @1 fixa a major da versão: você recebe correção sem risco de um release novo mudar a loja sem aviso.
A metaKosmos cria o projeto e envia o identificador. Ele é o único valor que muda na tag, e não é segredo: vai no HTML público da loja.
Só isso. O WooCommerce publica uma interface de leitura de catálogo aberta, e é por ela que produtos, variações, estoque, imagens e categorias entram. Nenhuma chave, nenhum usuário, nenhum plugin instalado.
No header.php do tema, antes do fechamento do <head>, ou por um plugin de cabeçalho que a sua operação já use. Evite editar o tema pai diretamente: uma atualização do tema apagaria a alteração. Use tema filho ou o plugin.
Com o catálogo importado, o botão de provar aparece nos produtos que têm provador. Vale confirmar dois pontos no seu tema: que a página de produto publica o código da peça de forma legível por máquina, e que o botão de comprar responde ao acionamento do provador.
O WooCommerce já expõe uma interface pública de leitura de catálogo. Basta o endereço da loja: nenhuma chave de API a gerar, nenhum acesso ao painel, nenhum plugin instalado no WordPress.
Essa interface entrega disponibilidade de verdade por variação, além de imagens e categorias. É catálogo de qualidade de conector, por uma via pública, o que não acontece na maioria das plataformas.
A leitura traz cem produtos por requisição, então catálogo grande entra rápido e a loja não sente a importação.
Se a operação já usa um plugin de cabeçalho, a tag entra por lá e nenhum arquivo de tema é tocado. Isso também protege a alteração da próxima atualização do tema.
O botão de provar é injetado em Shadow DOM fechado, ancorado ao lado do comprar, com aparência controlada pelo painel. O CSS da loja e o nosso ficam isolados.
Visita, produto, carrinho e compra são detectados por sinais que a loja já emite. Nenhum evento manual, nenhuma mudança no checkout.
Na maioria das plataformas, o catálogo exige credencial e o storefront tem módulo dedicado. No WooCommerce é quase o inverso, e vale entender por quê.
O catálogo é a metade forte: a plataforma publica uma interface própria de leitura, aberta, que entrega produtos, variações, disponibilidade real, imagens e taxonomia. Sem chave, sem acesso ao painel e sem plugin. Na prática, dá para importar o catálogo de uma loja WooCommerce sabendo apenas o endereço dela, o que torna a prova de conceito quase imediata.
A loja usa o caminho genérico: o provador identifica o produto pelos dados estruturados da página e aciona o botão de compra do próprio tema. Funciona, mas não é um módulo escrito para as particularidades do WooCommerce, e o ecossistema de temas do WordPress é o mais variado de todos.
A tag vai no cabeçalho, para valer em todas as páginas. O caminho direto é o header.php do tema, antes do fechamento do head.
Só que editar o tema pai é a forma mais comum de perder a alteração: a próxima atualização do tema sobrescreve o arquivo, e a integração some sem ninguém perceber. Semanas depois o painel simplesmente para de receber dados.
Prefira tema filho ou um plugin de cabeçalho, que é o caminho que a maioria das operações já tem instalado. A alteração sobrevive à manutenção do site.
Dois pontos, e eles se verificam em minutos: se a página de produto publica o código da peça de forma legível por máquina, e se o botão de comprar responde ao acionamento do provador.
Essa confirmação importa mais aqui do que em plataforma fechada, porque no WordPress o tema pode ter sido feito por qualquer pessoa e alterado várias vezes ao longo dos anos.
Existe uma extensão de navegador que injeta o SDK em qualquer loja e mostra exatamente isso, sem a loja instalar nada. É assim que conferimos a sua antes de qualquer alteração no tema.
Não. O catálogo entra pela interface de leitura que o próprio WooCommerce publica, e a tag vai no cabeçalho do tema. Se você já usa um plugin de cabeçalho, pode usá-lo, mas nenhum plugin novo é necessário.
Não. Basta o endereço da loja. É uma das poucas plataformas em que o catálogo completo, com estoque real, entra sem credencial nenhuma.
Sim. A interface pública do WooCommerce entrega disponibilidade por variação, então a grade que o provador mostra reflete o que está de fato à venda.
No header.php do tema, antes do fechamento do head, ou por um plugin de cabeçalho. Não edite o tema pai: a próxima atualização apagaria a alteração. Use tema filho ou o plugin.
Para o catálogo, a via pública da plataforma é usada de forma dedicada. Na loja, o provador usa o caminho genérico e confirmamos na sua instalação a identificação da peça e o acionamento do botão, porque o ecossistema de temas do WordPress é muito variado.
Não. A medição do funil usa sinais que a loja já emite, como URL, dados estruturados e cliques. Nenhum evento manual é necessário e o checkout não é alterado.