Nó "Compartilhar Dados"

O nodo “Compartilhar Dados”, do tipo ação, serve para enviar dados a partir de um nodo anterior "Obter produtos". Seu uso permite receber os dados de produto para utilizá-los com diferentes propósitos pelo cliente. Por exemplo, é possível integrá-los com componentes nativos do eCommerce para mostrar produtos recomendados sem exigir o uso de um Conteúdo Web.

 

Como acessar?

Nos seus workflows, arraste o nodo "Compartilhar Dados" do menu à direita até a área de design. Você pode acessar sua configuração clicando em  (Editar configuração do nodo).

 

Interface

A interface principal do nodo "Compartilhar Dados" é composta por três blocos:

1. Identificador: para introduzir um termo que identifique o nodo e, posteriormente, poder recuperar os dados no eCommerce por meio desse identificador. 

2. Nodo de origem: para indicar ao Connectif de qual nodo obter os dados. Só pode ser um nodo de origem do tipo “Obter produtos”.

3. Campos do nodo de origem: para selecionar quais campos queremos receber. Os campos em cinza são
obrigatórios e não podem ser desmarcados.

 

Funcionamento

Os nodos do tipo ação são os que executam operações específicas dentro dos fluxos. O nodo “Compartilhar Dados” é utilizado para enviar dados ao eCommerce a partir de um nodo anterior "Obter Produtos". Seu uso permite receber os dados dos produtos para, do lado do cliente, dar-lhes o uso desejado posteriormente.

Um dos seus usos mais comuns permite personalizar os componentes nativos para mostrar produtos personalizados ao contato a partir de um workflow sem necessidade de utilizar um Conteúdo Web. Especialmente útil em integrações com VTEX.

Funciona de maneira semelhante ao nodo "Mostrar conteúdo web" do Connectif, com a diferença de que os dados não são exibidos no site, mas são recuperados por meio do identificador atribuído e enviados na resposta do scrippet.

 

1. Uso do nodo em um workflow para compartilhar os dados

O nodo "Compartilhar Dados" pode ser utilizado dentro de um workflow exatamente como um nodo "Mostrar conteúdo web", com a diferença de que, neste caso, não é exibido um conteúdo na página, mas o eCommerce recebe os dados para, posteriormente, dar-lhes o uso desejado.

No exemplo a seguir, é utilizado junto ao disparador "Ao visitar página" para extrair os produtos visitados e enviá-los ao eCommerce.

 

2. Configuração do nodo "Compartilhar Dados"

Na interface do nodo, atribua um Identificador (1) que poderá ser utilizado depois para recuperar os dados do nodo (ponto 3).

Selecione o Nodo de Origem (2), que deverá ser sempre um "Obter Produtos", do qual será extraída a informação dos produtos que se compartilha neste nodo "Compartilhar Dados".

Escolha os Campos do nodo de origem (3), para selecionar quais informações serão compartilhadas sobre os produtos obtidos com o eCommerce.

 

3. Extração dos dados do nodo para uso no eCommerce

Uma vez configurado o nodo e ativado o workflow, para poder recuperar esses dados no eCommerce e, posteriormente, utilizá-los nos componentes nativos, deve-se utilizar a seguinte função:

const identifier = "academy-example";
const sharedData = window.connectif.managed.getSharedDataById(identifier);

Nessa função, o "identifier" indicado deve ser sempre o que foi configurado no nodo "Compartilhar Dados". Seguindo o exemplo com nosso identifier "academy-example", uma vez recuperado, o código poderia ter este aspecto:

const identifier = "academy-example";

const getAndProcessSharedData = (identifier) => {
  const sharedData = window.connectif.managed.getSharedDataById(identifier);
  if (sharedData && sharedData.products.length > 0) {
    // process the data found according to need
  }
};

const handleSharedDataReceivedEvent = (event) => {
  if (event?.detail?.id === identifier) {
    getAndProcessSharedData(identifier);
  }
};

document.addEventListener(
  "connectif.managed.shared_data_received",
  handleSharedDataReceivedEvent
);

if (
  window.connectif &&
  window.connectif.managed
) {
  getAndProcessSharedData(identifier);
}

 

---

Continue aprendendo!

Para aproveitar todo o potencial da sua conta na Connectif, recomendamos continuar com os seguintes artigos:

• Nodos do tipo ação, para conhecer os demais nodos que executam ações específicas dentro da Connectif.
• Tipos de testes A/B/X e configuração, para testar várias alternativas de conteúdo e descobrir qual oferece melhor desempenho.
• Tipos de workflows e suas características, para conhecer o comportamento de cada um deles e otimizar seu desempenho.
• Copiar e colar nodos, para agilizar o processo de design dos seus workflows e evitar possíveis erros.