Como um vibe coder usa ancoragem de preço no paywall

No paywall, o anual vai em cima, em cards empilhados, com um selo de economia ao ano no card de cima. Martin Blume estava no Fumava com o paywall depois do onboarding, 2 cards lado a lado, o mensal a 19,90 e o anual ao lado, e mandou a IA virar aqueles cards mais horizontais, um em cima do outro, o anual como primeira opção. A ancoragem de preço desta tela começa nessa ordem.

Ele mandou um print de referência e ditou o que queria ver: um badge de economia ao ano no anual, para incentivar as pessoas a fazerem o anual, e para evidenciar o desconto. O número da economia ficou para depois, então o selo entrou sem cifra. Depois veio um tagzinho "mais escolhido", e ele olhou a tela e disse que estava legal.

Os 2 cards do paywall ainda lado a lado

Depois do onboarding, o usuário caía no paywall. Embaixo apareciam os 2 planos.

Daí aqui embaixo aparece os dois planos, né? O mensal 19,90 e o anual

O mensal é 19,90. O anual está ao lado. A cifra anual veio garbada na legenda da live, entrou como um "R9,90" que não dá para usar, então o número que entra aqui é o 19,90 do mensal e o fato de existirem 2 cards na mesma linha. Martin viu essa linha e mandou o print que já tinha enviado: cards horizontais, um em cima do outro, anual primeiro.

No vibe coding, o anual sobe com o selo de economia

No vibe coding desta cena, Martin apontou os 2 cards e reescreveu a ordem. O print que ele mandou para a IA era o recorte visual, e a fala que acompanha o print fecha o pedido.

Em vez da gente ter aqueles dois cards um ao lado do outro, eu gostaria que eles fossem mais horizontais, um em cima do outro, o anual fosse a primeira opção e ele tivesse que nem esse print que eu mandei para você ali, né? tivesse tipo um bed eh economia de tanto ao ano, justamente para incentivar as pessoas a fazerem o anual, tá? E para evidenciar o desconto que é.

"Bed" na fala é badge. Ele chegou a gravar a palavra no dicionário do Whisper para a transcrição não perder o termo. O "tanto" da economia ainda não tinha cifra. Ele queria o selo no anual, em cima, e o número ficou para a hora do "vamos botar o selo sem o número". O mensal 19,90 ia virar a segunda leitura, o card de baixo.

O desconto que ele quer evidenciar fica no selo de economia ao ano, no card de cima. Lado a lado era 2 cards na mesma linha, mensal 19,90 e anual ao lado. Empilhados, o anual sobe com o selo e o 19,90 do mensal desce.

O selo sai sem o número e entra o tagzinho mais escolhido

A primeira versão do selo veio sem o valor. Martin mandou testar o badge no card de cima para ver como ia ficar.

Tá, vamos botar o selo sem o número por enquanto para ver como é que vai ficar.

Ele olhou o anual já em cima, com o selo sem cifra, e repetiu que tinha ficado melhor. "Tá, melhor. Melhor. ficou melhor." A economia ao ano ainda não tinha número naquele selo.

Com o selo no lugar, ele pediu o tag no plano que queria empurrar.

Vamos ver como é que ficou nossa tela de onboarding agora com o nosso bed de o mais escolhido, mais sei lá.

A tag ficou no card e ele conferiu de novo.

Pelo menos um tagzinho mais escolhido ali, ó. Tá legal.

Amanhã, empilhe o anual no seu paywall

Amanhã, se o seu paywall ainda mostra 2 cards lado a lado, faça o que esta cena de vibe coding deixou visível: empilhe o anual em cima, com o selo de economia ao ano no card de cima mesmo que a cifra ainda não esteja fechada, como Martin fez antes do "ficou melhor". Coloque um tagzinho "mais escolhido" no plano que você quer vender e deixe o mensal embaixo, como o 19,90 ficou no Fumava. O print e a fala ficam na live, no recorte que as leis do movimento pedem. Dá para assistir à live e ouvir o "economia de tanto ao ano" e o "tagzinho mais escolhido".