Connectif permite exibir conteúdos da web personalizados no VTEX IO com alterações mínimas no código e na estrutura do seu eCommerce.
Neste artigo, você aprenderá como inserir conteúdo da Connectif através de um inline no seu VTEX IO.
PASSO 1. Inserir o componente no código
(Nesta seção, coloca-se o componente no lugar adequado à estratégia para exibir o conteúdo).
1. No arquivo "manifest.json" do tema utilizado no seu VTEX IO, adicione a aplicação da Connectif como uma dependência com a versão 1 ou superior.
2. Coloque a definição do bloco na posição desejada do código.
"store.home": {
"blocks": [
"list-context.image-list#demo",
/* Você pode fazer referências a blocos definidos em outros arquivos.
* Por exemplo, `flex-layout.row#deals` é definido no arquivo `deals.json`. */
"__fold__.experimentalLazyAssets",
"flex-layout.row#deals",
"connectif#test-connectif-block",
"rich-text#shelf-title",
"flex-layout.row#shelf",
"info-card#home",
"rich-text#question",
"rich-text#link",
"newsletter"
]
}
3. Adicione as propriedades necessárias para identificar o bloco criado.
"connectif#test-connectif-block": { "props": { "classId": "test-connectif-block", "elementId": "test-connectif-block-elem-id" } }
4. (Opcional) Repita os passos 2 e 3 para cada local diferente na estrutura do seu site em que deseja exibir um conteúdo.
PASSO 2. Exibir o conteúdo na web
5. Crie um fluxo de trabalho para exibir o inline. Lembre-se de que, no mínimo, você deve usar um nó "Enviar conteúdo da web" e configurá-lo com a propriedade criada no ponto 3 como seletor.
Continue aprendendo!
Para aproveitar todo o potencial da sua conta na Connectif, recomendamos continuar com os seguintes artigos:
- Integração personalizada para enviar dados, para enviar dados da Connectif para sistemas ou aplicativos externos.
- Detectar e reagir a links da web criados fora da Connectif, para detectar e reagir a cliques em qualquer link do seu site.
-
Integração com Facebook e Instagram, para conectar sua conta de Facebook Ads à Connectif e começar a gerenciar suas audiências.
-
Formulários integrados, para integrar formulários já existentes no seu site na Connectif.