Campo personalizado no checkout - CÓDIGO DE VENDEDOR

Olá,

Estava navegando tentando encontrar uma solução para adicionar um campo adicional no checkout da VTEX IO, de código de vendedor e, não pude encontrar nada relacionado.

Qual a maneira certa de fazer modificações no checkout da VTEX IO? E esse campo retornando os dados, precisa ter a mesma funcionalidade de “Código de cupom”. Como fazer isso?

Exemplo: https://www.iorane.com.br/checkout/#cart

Oi @hqMoura tudo bem?

Você consegue confirmar se a conta possui o Social Selling ativo?

Como ativar o app Carrinho Compartilhável (Social Selling)

Com ele é possível obter o componente de Código do Vendedor.

Após isso, você precisaria customizar o #/CART para trazer o campo como input (semelhante ao do cupom).

Não tem uma documentação específica para isso, pois altera o comportamento padrão do módulo.

Verifica se estas informações te ajudam.

Pode consultar info adicional aqui → Vincular uma Promoção com Codigo de Vendedor - #2 by fabio.santos

Abs,
Estevão.

A sugestão que o @estevao_santos deu funciona, mas não seria o ideal. Isso porque o app Carrinho Compartilhável (Social Selling) tem como objetivo principal o uso por vendedores da sua loja, não por consumidores finais.

Se a ideia é incluir um campo de código do vendedor no checkout, além do campo de cupom nativo, você pode seguir os seguintes passos:

Master Data

  1. Criar uma entidade de dados no master data (Ex: código de vendedor);
  2. Dentro da entidade código de vendedor, criar os seguintes campos: código de cada vendedor (ideal que não seja muito longo, pensando na experiência do cliente), email, nome, se está ativo ou não, loja do vendedor, dentre outros campos que julgarem necessários para acompanhamento).

Caso seja necessário verificar os documentos criados na entidade, é preciso criar um formulário.

Front End

  1. Adicionar o campo do código de vendedor ao checkout, com opção para o cliente incluir informações (no caso, o código). Obs: a inserção deste campo é uma customização, precisa ser feita pela agência;

  2. Ao inserir o código, fazer uma busca na entidade código de vendedor, para verificar o que ela retorna. API de search Master Data (Search documents);

  3. Fazer um post no orderform;

    a. opentextfield: obs e comentários (pode ser útil para realizar filtros de comissionamento)

    b. marketingdata: verificar o código inserido e se existir, popular o marketingdata com a utmcampaign (ou a utm que preferirem). Essa inserção é essencial, pois é ela que irá fazer com que a promoção seja aplicada.

Admin

  1. Criar Promoção com a restrição da utmcampaign;

  2. Adicionar demais restrições de promoção que desejarem

  3. Permitir ou não que a promoção de código de vendedor acumule com as demais do site. Obs: como não é considerado um cupom e sim uma promoção normal, não é como se tivessem dois cupons acumulados, e sim uma promoção.

2 Likes

@sesnick Bem lembrado. E olha que já atuei várias vezes com esse campo e acabei me esquecendo desse processo ao sugerir a solução na resposta.

Mas enfim, valeu por relembrar e com a resposta completa :wink:

Abs.

1 Like