Analisando propostas

Modificar iframe upsell da hotmart - Ocultar informações Html Java Css Php

Publicado em 08 de Novembro de 2023 dias na TI e Programação

Sobre este projeto

Aberto

Preciso de alguém que consiga reprogramar o código de upsell da hotmart para ocultar algumas informações do iframe que aparece na hora do cliente comprar o upsell.

O Código original é:

[veja o anexo "código original"]

esse código nos dá um botão de compra como no anexo1 presente aqui.

Então nós usavamos um customStyle nesse código acima para esconder as informações e deixar somente o botão verde aparecendo. Veja abaixo como nós usávamos:

[veja o anexo "código que usavamos"]

Porém essa parte do código customStyle não funciona mais, eles atualizaram o código, precisamos fazer alguma coisa na minha página, ou no código deles para modificar o iframe e apareça somente o botão verde como no anexo2, sem outras informações por perto do botão...

Também realizamos outras tentativas com o código abaixo (e também não funcionou)

[veja o anexo "código, tentativa 1"]

Minha programadora também me enviou um áudio falando o que ela também tentou fazer e não deu certo

[escute o áudio "programadora"]

É muito importante que consigamos ocultar as informações como: preço, aquele "R$ 147,00 / mês", a frase em baixo, e deixar somente o botão como no anexo2, pode fazer gambiarra de código, talvez na minha página html, ou até mesmo nesse iframe deles, mas preciso esconder as informações de algum jeito (é muito importante)

Quando você me chamar, vou te mandar o link da página onde eu coloco o código, para que você possa testar a compra gerando um boleto para verificar como fica a página com o código.

Precisamos realmente deixar somente o botão verde ali, o resto tudo branco, obrigado e aguardo propostas!

==================
anexos abaixo
==================

print anexo1
https://prnt.sc/AQLlu8MjU-vn

PRINT anexo2
https://prnt.sc/SSApwJm6k3xR

Audio Programadora
https://drive.google.com/file/d/1l77LuivJE2D8dx3_zHj9kcS42OzXA5PT/view?usp=sharing

[Código original]
<!-- hotmart - upsell widget -->
<div id="box_hotmart"></div>
<script src="https://pay.hotmart.com/assets/js/hotmart.upsell_checkout.js"></script>

<script>
opts = {
key: 'USL-121739-361508-5ac1378t6e28913049bf545608b71fa5',
width: '650' ,
height: '420'
};
Upsell.Widget.show(opts);
</script>
<!-- HOTMART - Upsell Widget [end] -->



[Código que usavamos]

<!-- hotmart - upsell widget -->
<div id="box_hotmart"></div>
<script src="https://pay.hotmart.com/assets/js/hotmart.upsell_checkout.js"></script>

<script>
opts = {
key: 'USL-115719-368508-5ac1378a6e28918049bf513607b71fa5',
width: '650' ,
height: '420',
customStyle: "tspan{display:none; color:white;} path{display:none; color:white;} input{display: none; color:white;} .upsell-accept{color:white; display: none;} .funnel-widget .product-price {color: #F8F9FB;} .upsell-no { margin-top: 20px; font-size: 22px; text-decoration: underline; color: #F8F9FB;} .funnel-widget .upsell-title {font-size: 12px; color: #F8F9FB;}"
};
Upsell.Widget.show(opts);
</script>
<!-- HOTMART - Upsell Widget [end] -->




[Código tentativa 1]

<div id="box_hotmart"></div>
<script src="https://pay.hotmart.com/assets/js/hotmart.upsell_checkout.js"></script>

<script>
opts = {
key: "USL-115719-368508-5ac1378a6e28918049bf513607b71fa5",
width: "100%" ,
height:"100%",
customStyle: "#__nuxt ._vw-full{background-color: white !important;}#__nuxt > div > div._d-flex._align-items-center._justify-content-center._flex-column._text-center{display: none !important;}._text-1{display: none !important;}input[type=checkbox], input[type=radio] {padding: 0;display: none !important;}#__nuxt > div > div._d-flex._align-items-center._justify-content-center._mt-4{display: none !important;}.box-hotmart, .ratio, .hotmart_upsell_iframe{height: 100px !important;}.icon-container{display: none !important;}.default-refuse-button{display: none !important;}icon-container{display:none};._vw-full{background-color:white;}; ._text-1{display:none};tspan{display:none; color:white;} path{display:none; color:white;}  input{display: none; color:white;}  .upsell-accept{color:white; display: none;} .funnel-widget .product-price {color: #F8F9FB;} .upsell-no { margin-top: 20px; font-size: 22px; text-decoration: underline; color: #F8F9FB;} .funnel-widget .upsell-title {font-size: 12px; color: #F8F9FB;}"};
Upsell.Widget.show(opts);
</script>

Categoria TI e Programação
Subcategoria Programação
Qual é o alcance do projeto? Alteração média
Isso é um projeto ou uma posição de trabalho? Um projeto
Tenho, atualmente Eu tenho especificações
Disponibilidade requerida Conforme necessário
Funções necessárias Desenvolvedor, Outro, Fazer o design de uma landing page

Prazo de Entrega: Não estabelecido

Habilidades necessárias

Outro projetos publicados por L. C. P.