Este artigo mostra como configurar itens individuais de upsell para seu fluxo de upsell e como integrá-los à sua página de upsell.
- Você tem um site e está usando JavaScript.
- Para exibir os botões de decisão de compra, você deseja usar o botão de compra de upsell do widget da Digistore24.
NotaEsse artigo está disponível em quatro variantes:
- JavaScript com botão de compra de upsell
- WordPress com botão de compra de upsell
- JavaScript com botões personalizados
- WordPress com botões personalizados
Cockpit de conversão aberta
Você configura seu fluxo de upsell no Conversion Cockpit de seu produto inicial.
Proceda da seguinte forma:
- Na visualização do fornecedor, abra Conta > Produtos.
- Clique no ícone de três pontos em seu produto inicial e, em seguida, clique em Ir para o Cockpit de conversão.
- Clique em Configurações.
- Determine se compras duplicadas são permitidas nesse fluxo de upsell.
- Crie a etapa de upsell. Escolha uma das variantes mostradas abaixo para prosseguir.
Oferecer um único produto como um upsell
Você está oferecendo um único produto na página de upsell.
Etapa 1 - Adicionar item de upsell
Proceda da seguinte forma:
- Clique em Adicionar upsell no produto inicial ou em um item de upsell existente.
Você pode escolher entre uma seta verde (upsell) e uma seta vermelha (downsell) para o item de upsell.
A janela de entrada para o item de upsell será exibida.
- Na etapa (1) Tipo de upsell, selecione a opção Products (Produtos).
- Clique em Continuar.
- Na etapa (2) Upsell options (Opções de upsell), selecione o produto a ser vendido no campo Product 1 (Produto 1).
- Clique em Continuar.
- Na etapa (3) Integração, escolha a opção Sem plug-in do WordPress.
- Clique em Continuar.
- Na etapa (4) Tipo de botão, selecione a opção Botão de compra de upsell.
- Clique em Continuar.
- Na etapa (5) Links para inserir, serão exibidos os códigos para integrar o item de upsell em sua página de upsell. Você precisará deles na próxima seção.
- Clique em Salvar. O item de upsell é adicionado ao fluxo de upsell e fechado.
- Verifique a página de upsell.
No item de upsell, a página de upsell é exibida no campo Página de vendas, que é armazenado nas configurações do produto. Se nenhuma página de upsell for armazenada, o formulário de pedido será usado como a página de upsell.
Clique no ícone de lápis para ajustar o URL da página de vendas.
Observação
- Se o produto selecionado só puder ser vendido como um upsell, será usado o URL do campo Página de vendas nas configurações do produto.
- Se o produto selecionado puder ser vendido individualmente e como um upsell, será usado o URL do campo Página de upsell nas configurações do produto.
- Você pode abrir as configurações do produto clicando no ID do produto na parte superior do item de upsell.
- Você pode verificar se o produto é um produto de upsell puro ou não. Consulte as restrições de vendas nas configurações do produto em Up-/Downgrade / Upsell. Verifique a página de upsell.
Etapa 2 - Integre o item de upsell na página de upsell
Depois de criar o item de upsell no Conversion Cockpit, você pode integrá-lo à sua página de upsell.
Proceda da seguinte forma:
- Abra o item de upsell. Para fazer isso, clique no ícone de lápis ao lado do título.
- Clique na etapa (5) Links para inserir.
- No campo Design para o botão de compra de upsell, selecione um modelo. Você pode editar modelos ou criar novos.
- Copie a linha de código do campo JavaScript e cole-a em qualquer lugar no cabeçalho de sua página de upsell. Esse script adiciona um ID de sessão à sua página de upsell. Isso é necessário para que o upsell funcione.
- Copie a linha de código do campoBotão de compra de upsell e cole-a em sua página de upsell, onde os botões de decisão de compra devem ser exibidos. Isso exibirá o botão de compra de upsell.
Oferecer produtos alternativos como um upsell
Você oferece vários produtos alternativos na página de upsell.
Etapa 1 - Adicionar item de upsell
Proceda da seguinte forma:
- Clique em Adicionar upsell no produto inicial ou em um item de upsell existente.
Você pode escolher entre uma seta verde (upsell) e uma seta vermelha (downsell) para o item de upsell.
A janela de entrada para o item de upsell será exibida.
- Na etapa (1) Tipo de upsell, selecione a opção Products (Produtos).
- Clique em Continuar.
- Na etapa (2) Upsell options (Opções de upsell), selecione o produto a ser vendido no campo Product 1 (Produto 1).
- Clique em Adicionar produto. O campo Produto 2 será exibido. Selecione um produto alternativo aqui.
- Repita esse processo para todos os produtos que você deseja oferecer como alternativas na página de upsell. Você pode oferecer até dez produtos.
- Clique em Continuar.
- Na etapa (3) Integração, escolha a opção Sem plug-in do WordPress.
- Clique em Continuar.
- Na etapa (4) Tipo de botão, selecione a opção Botão de compra de upsell.
- Clique em Continuar.
- Na etapa (5) Links para inserir, serão exibidos os códigos para integrar o item de upsell em sua página de upsell. Você precisará deles na próxima seção.
- Clique em Salvar. O item de upsell é adicionado ao fluxo de upsell e fechado.
- Verifique a página de upsell.
No item de upsell, a página de upsell é exibida no campo Página de vendas, que é armazenado nas configurações do produto. Se nenhuma página de upsell for armazenada, o formulário de pedido será usado como a página de upsell.
Clique no ícone de lápis para ajustar o URL da página de vendas.
Observação
- Se o produto selecionado só puder ser vendido como um upsell, será usado o URL do campo Página de vendas nas configurações do produto.
- Se o produto selecionado puder ser vendido individualmente e como um upsell, será usado o URL do campo Página de upsell nas configurações do produto.
- Você pode abrir as configurações do produto clicando no ID do produto na parte superior do item de upsell.
- Você pode verificar se o produto é um produto de upsell puro ou não. Consulte as restrições de vendas nas configurações do produto em Up-/Downgrade / Upsell.
No item de upsell, a página de upsell é exibida no campo Página de vendas, que é armazenado nas configurações do produto. Se nenhuma página de upsell for armazenada, o formulário de pedido será usado como a página de upsell.
Clique no ícone de lápis para ajustar o URL da página de vendas.
Etapa 2 - Integre o item de upsell na página de upsell
Depois de criar o item de upsell no Conversion Cockpit, você pode integrá-lo à sua página de upsell.
Proceda da seguinte forma:
- Abra o item de upsell. Para fazer isso, clique no ícone de lápis ao lado do título.
- Clique na etapa (5) Links para inserir.
- No campo Design para o botão de compra de upsell, selecione um modelo. Você pode editar modelos ou criar novos.
- Copie a linha de código do campo JavaScript e cole-a em qualquer lugar no cabeçalho de sua página de upsell. Esse script adiciona um ID de sessão à sua página de upsell. Isso é necessário para que o upsell funcione.
- Copie todas as linhas de código do Radio for product em sua página de upsell, colocando-as onde as alternativas devem ser exibidas.
- Cada alternativa tem sua própria linha de código, na qual a ID do produto é especificada com o
valor="product-XXXXXX". - Cada linha de código cria um botão de opção em sua página de upsell para selecionar a respectiva alternativa. Os botões de rádio não têm rótulo:
- Coloque uma descrição e/ou uma imagem ao lado de cada linha de código para a respectiva alternativa.
<input type="radio" name="digistore-upsell-button-radio" value="product-508535" /> Descrição e/ou imagem do produto com ID 508535.Na página de upsell (do ponto de vista do cliente):
Produto em marrom Produto em azul Produto em rosa
- Cada alternativa tem sua própria linha de código, na qual a ID do produto é especificada com o
- Copie a linha de código do campo Botão de compra de upsell e cole-a em sua página de upsell onde os botões de decisão de compra devem ser exibidos. Isso exibirá o botão de compra de upsell.
Oferecer quantidades alternativas como um upsell
Você oferece o mesmo produto em quantidades diferentes na página de upsell.
Etapa 1 - Adicionar item de upsell
Proceda da seguinte forma:
- Clique em Adicionar upsell no produto inicial ou em um item de upsell existente.
Você pode escolher entre uma seta verde (upsell) e uma seta vermelha (downsell) para o item de upsell.
A janela de entrada para o item de upsell será exibida.
- Na etapa (1) Tipo de upsell, selecione a opção Quantity (Quantidade).
- Clique em Continuar.
- Na etapa (2) Opções de upsell, selecione o produto a ser vendido no campo Selecionar produto.
- No campo Opção 1, insira uma quantidade. Você só pode especificar números inteiros. O valor mínimo é 1.
- Clique na opção Adicionar quantidade. O campo Opção 2 será exibido. Insira uma quantidade alternativa.
- Repita esse processo para todas as opções de quantidade que você deseja oferecer na página de upsell. Você pode oferecer até dez opções.
- Clique em Continuar.
- Na etapa (3) Integração, escolha a opção Sem plug-in do WordPress.
- Clique em Continuar.
- Na etapa (4) Tipo de botão, selecione a opção Botão de compra de upsell.
- Clique em Continuar.
- Na etapa (5) Links para inserir, serão exibidos os códigos para integrar o item de upsell em sua página de upsell. Você precisará deles na próxima seção.
- Clique em Salvar. O item de upsell é adicionado ao fluxo de upsell e fechado.
- Verifique a página de upsell.
No item de upsell, a página de upsell é exibida no campo Página de vendas, que é armazenado nas configurações do produto. Se nenhuma página de upsell for armazenada, o formulário de pedido será usado como a página de upsell.
Clique no ícone de lápis para ajustar o URL da página de vendas.
Observação
- Se o produto selecionado só puder ser vendido como um upsell, será usado o URL do campo Página de vendas nas configurações do produto.
- Se o produto selecionado puder ser vendido individualmente e como um upsell, será usado o URL do campo Página de upsell nas configurações do produto.
- Você pode abrir as configurações do produto clicando no ID do produto na parte superior do item de upsell.
- Você pode verificar se o produto é um produto de upsell puro ou não. Consulte as restrições de vendas nas configurações do produto em Up-/Downgrade / Upsell.
Etapa 2 - Integre o item de upsell na página de upsell
Depois de criar o item de upsell no Conversion Cockpit, você pode integrá-lo à sua página de upsell.
Proceda da seguinte forma:
- Abra o item de upsell. Para fazer isso, clique no ícone de lápis ao lado do título.
- Clique na etapa (5) Links para inserir.
- No campo Design para o botão de compra de upsell, selecione um modelo. Você pode editar modelos ou criar novos.
- Copie a linha de código do campo JavaScript e cole-a em qualquer lugar no cabeçalho de sua página de upsell. Esse script adiciona um ID de sessão à sua página de upsell. Isso é necessário para que o upsell funcione.
- Copie todas as linhas de código do Radio for option em sua página de upsell, colocando-as onde as alternativas oferecidas devem ser exibidas.
- Cada alternativa tem sua própria linha de código, na qual a quantidade do produto é especificada com
value="qty-X". - Cada linha de código cria um botão de opção em sua página de upsell para selecionar a respectiva alternativa. Os botões de rádio não têm rótulo:
- Coloque uma descrição e/ou uma imagem ao lado de cada linha de código para a respectiva alternativa.
<input type="radio" name="digistore-upsell-button-radio" value="qty-3" /> Descrição e/ou imagem para a quantidade 3.Na página de upsell (do ponto de vista do cliente):
3 unidades por 60 € 5 unidades por 90 € 7 unidades por 120 €
- Cada alternativa tem sua própria linha de código, na qual a quantidade do produto é especificada com
- Copie a linha de código do campo Botão de compra de upsell e cole-a em sua página de upsell onde os botões de decisão de compra devem ser exibidos. Isso exibirá o botão de compra de upsell.
Oferecer planos de pagamento alternativos como um upsell
Você oferece o mesmo produto com diferentes planos de pagamento na página de upsell.
Etapa 1 - Adicionar item de upsell
Proceda da seguinte forma:
- Clique em Adicionar upsell no produto inicial ou em um item de upsell existente.
Você pode escolher entre uma seta verde (upsell) e uma seta vermelha (downsell) para o item de upsell.
A janela de entrada para o item de upsell será exibida.
- Na etapa (1) Tipo de upsell, selecione a opção Plano de pagamento.
- Clique em Continuar.
- Na etapa (2) Opções de upsell, selecione o produto a ser vendido no campo Selecionar produto.
- No campo Plano de pagamento 1, escolha um plano de pagamento.
- Clique em Adicionar plano de pagamento. O campo Plano de pagamento 2 será exibido. Escolha um plano de pagamento alternativo.
- Repita esse processo para todos os planos de pagamento que você deseja oferecer na página de upsell. Você pode oferecer até dez opções.
- Clique em Continuar.
- Na etapa (3) Integração, escolha a opção Sem plug-in do WordPress.
- Clique em Continuar.
- Na etapa (4) Tipo de botão, selecione a opção Botão de compra de upsell.
- Clique em Continuar.
- Em (5) Links para inserir, serão exibidos os códigos para integrar o item de upsell em sua página de upsell. Você precisará deles na próxima seção.
- Clique em Salvar. O item de upsell é adicionado ao fluxo de upsell e fechado.
- Verifique a página de upsell.
No item de upsell, a página de upsell é exibida no campo Página de vendas, que é armazenado nas configurações do produto. Se nenhuma página de upsell for armazenada, o formulário de pedido será usado como a página de upsell.
Clique no ícone de lápis para ajustar o URL da página de vendas.
Observação
- Se o produto selecionado só puder ser vendido como um upsell, será usado o URL do campo Página de vendas nas configurações do produto.
- Se o produto selecionado puder ser vendido individualmente e como um upsell, será usado o URL do campo Página de upsell nas configurações do produto.
- Você pode abrir as configurações do produto clicando no ID do produto na parte superior do item de upsell.
- Você pode verificar se o produto é um produto de upsell puro ou não. Consulte as restrições de vendas nas configurações do produto em Up-/Downgrade / Upsell.
Etapa 2 - Integre o item de upsell na página de upsell
Depois de criar o item de upsell no Conversion Cockpit, você pode integrá-lo à sua página de upsell.
Proceda da seguinte forma:
- Abra o item de upsell. Para fazer isso, clique no ícone de lápis ao lado do título.
- Clique na etapa (5) Links para inserir.
- No campo Design para o botão de compra de upsell, selecione um modelo. Você pode editar modelos ou criar novos.
- Copie a linha de código do campo JavaScript e cole-a em qualquer lugar no cabeçalho de sua página de upsell. Esse script adiciona um ID de sessão à sua página de upsell. Isso é necessário para que o upsell funcione.
- Copie todas as linhas de código do Radio for option em sua página de upsell, colocando-as onde as alternativas oferecidas devem ser exibidas.
- Cada alternativa tem sua própria linha de código, onde o plano de pagamento é especificado com
value="payplan-XXXXXX". - Cada linha de código cria um botão de opção em sua página de upsell para selecionar a respectiva alternativa. Os botões de rádio não têm rótulo:
- Coloque uma descrição e/ou uma imagem ao lado de cada linha de código para a respectiva alternativa.
<input type="radio" name="digistore-upsell-button-radio" value="payplan-410156" /> Descrição e/ou imagem do plano de pagamento com ID 410156.Na página de upsell (do ponto de vista do cliente):
Pagamento único = 49 € 3x 18 € = 54 € 5x 12 € = 60 €
- Cada alternativa tem sua própria linha de código, onde o plano de pagamento é especificado com
- Copie a linha de código do campo Botão de compra de upsell e cole-a em sua página de upsell, onde os botões de decisão de compra devem ser exibidos. Isso exibirá o botão de compra de upsell.