Como Utilizar Upsell com uma Página Customizada
Neste artigo iremos instruir como configurar o Upsell para paginas personalizadas
Configurando o Upsell em Página Personalizada
Para iniciar essa configuração, acesse o menu Ofertas & Produtos > Upsells;
Clique em Cadastrar ou Editar em um Upsell já existente;
OBS: Mais informações sobre no artigo como cadastrar um Upsell.
Na parte Pagina de Compra habilite a opção Utilizar Página Customizada, e preencha o campo Url da página customizada com o link da sua página;
Se você quiser customizar o botão, basta preencher a parte de customização conforme orientações abaixo;
Texto: Aqui você deve inserir o texto que será visualizado;
Tipografia: Para escolher a formatação dos caracteres;
Cor do Fundo: Define a cor de fundo;
Cor de Texto: Define a cor que será utilizada no texto;
Tamanho da fonte: Define o tamanho da fonte;
Margem Interna: Define o espaçamento da margem;
Cantos Arredondados: Arredonda os cantos do botão.
Implementação Automática
A implementação manual requer um nível mais técnico que as outras implementações, para facilitar a implementação criamos a Implementação Automática.
Após fazer as alterações mencionadas acima, clique na aba Automática na parte de implementação, clique em Copiar Código. Após isso, basta cole este código, no código fonte da sua página;
Implementação Manual
Defina a implementação como Manual;
Agora é necessário seguir as seguintes instruções:
- Localize o seu código abaixo e cole em algum lugar do seu site:
<script type="text/javascript" src="https://checkout.payt.com.br/oneclickbuyscript/4NP8XL.js"></script>
OBS: O código acima é apenas um exemplo, você deve localizar o seu código, nas instruções dentro da tela de implementação manual.
- Copie as tags da implementação manual e insira as seguintes tags dentro no elemento de botão do seu site, exemplo:
payt_action="oneclick_buy" e com data-object="4RT5OL"
Ficando em seu site como o exemplo abaixo:
<a href="#" payt_action="oneclick_buy" data-object="LPDJML">Comprar</a>
- Insira o campo para seleção das parcelas com a tag:
<select> com payt_element="installment" , data-object="LPDJML"
Aplicando o Downsell
Para usar o downsell pelo plugin do payt Elementor, na Payt crie um novo Upsell com página personalizada para ser usado como Downsell.
Para adicionar um Downsell primeiro criamos um Upsell com pagina personalizada para ser usado como Downsell.
Crie um botão ou link de recusa em sua página de upsell aplique ao botão de recusa URL da sua Página Personalizada de Downsell.
Com isso seu downsell já está configurado.
Implementação Elementor
Após Instalado e Ativo, edite sua página onde deseja adicionar o botão de Upsell/Downsell com o Elementor .
No campo de busca do Elementor, digite Payt.
Clique a arraste o Widget do Payt para onde deseja adicionar seu botão de Upsell/Downsell.
Na plataforma Payt, abra seu upsell desejado, vá até a seção Implementação e selecione a aba Elementor.
Copie o código Payt Object ID e o código Upsell ID, cole os respectivos códigos nos campos do seu botão de Upsell do Elementor.
Após adicionados os códigos seu Upsell Já está implementado.
Personalizações do botão de Upsell
Você pode Personalizar seu botão de Upsell com os campos:
Text - Texto do Botão.
Font Size - Tamanho da fonte do texto.
Border Radius - Aredondamento do botão
Text Padding - Espaço entre o texto e a borda do botão
Background Color - Cor de fundo do botão
Text Color - Cor do texto do botão
Alignment - Alinhamento do botão
Show Installments - Exibir parcelas
Buttons Delay - Atraso na exibição do botão
Delay Time(Seconds) - Tempo de atraso em segundos
Aplicando o Downsell
Para usar o downsell pelo plugin do payt Elementor, na Payt crie um novo Upsell com página personalizada para ser usado como Downsell.
Para adicionar um Downsell em sua página de Upsell, sobre o menu Downsell, ative a opção Enable Downsell.
Agora cole a URL da sua Página Personalizada de Downsell no campo Url Donwsell e repita os passos das configurações de upsell em sua página de Downsell( adicionar o widget Payt Upsell for Elementor em sua página, copiar os códigos de Payt Object ID e o código Upsell ID).
Personalizações de Downsell
Você pode Personalizar seu botão/link de Downsell com os campos:
Downsell Style - Estilo do Downsell, link ou botão.
Você pode seleciona um dos estilos de Downsell
Link - Como Link
exemplo:
Opções de Edição:
- Text Downsell - Texto do link.
- URL Downsell - Link para página personalizada de Downsell instalado
- Text Color - Cor do texto do botão
Button - Como botão.
exemplo:
Opções de Edição:
- Text Downsell - Texto do Botão.
- Font Size - Tamanho da fonte do texto.
- Border Radius - Aredondamento do botão
- Text Padding - Espaço entre o texto e a borda do botão
- URL Downsell - Link para página personalizada de Downsell instalado
- Background Color - Cor de fundo do botão
- Text Color - Cor do texto do botão
ATENÇÃO
caso utilize algum plugin de cache ou tenha limitações de servidor (atomicat) lembre-se de acionar a opção de não fazer o cache do plugin payt e habilitar opção de embed
Atomicat
Clique em em Meus Sites
Clique na Engrenagem do domínio que deseja ativar a opção de Embed.
Clique na "Embed" e "Concluir"
Lightspeed Cache
Adicione os seguinte caminhos a Exclusão do Plugin como na imagem abaixo:
/wp-content/plugins/payt-upsell-for-elementor/ /plugins/payt-upsell-for-elementor/ /payt-upsell-for-elementor/
Além disso no plugin Lightspee cache devemos desativar as opções de Guest Cache como na imagem abaixo.
Desabilitando o cache da sua Página de Upsell
O ultimo passo é desabilitar o cache em sua pagina de upsell, para isso baste habilitar as opções abaixo no painel lateral da edição de pagina do Wordpress como na imagem abaixo.
Veja também nosso helper de como Instalar e Utilizar o plugin do Elementor Payt - Upsell For Elementor Clicando aqui