Wix Blocks: configurar e gerenciar os preços do aplicativo
5 min de leitura
O Wix Blocks está aberto a todos os usuários do Wix Studio. Para ter acesso ao Wix Blocks, junte-se ao Wix Studio.
Ao publicar seu aplicativo do Blocks no Wix App Market através do Wix Developers Center, você opta por fornecer diferentes comportamentos de aplicativo para criadores de sites com preços diferentes. Por exemplo, as pessoas que fazem download de uma versão gratuita do seu aplicativo podem obter vários serviços, mas quem paga por ele recebe mais. Isso requer a criação e gerenciamento de um sistema que identifique o usuário, determine seu plano e afete o comportamento do aplicativo.
Antes de começar: configure os preços no Wix Developers Center
Wix Developers Center 1 | Selecione um modelo de negócio
Wix Developers Center 2 | Adicione seus planos pagos
Wix Developers Center 3 | Configure sua página de preços e checkout
Ajuste seu aplicativo do Blocks para os planos pagos
Definir as configurações de preços no Wix Developers Center é apenas um primeiro passo. Agora, você precisa ajustar seu aplicativo para lidar com esse plano pago com sua própria lógica e interface de usuário. Isso inclui quatro etapas:
Neste artigo, usamos um exemplo de aplicativo que mostra números se movendo para cima, como em uma máquina caça-níquel.
Confira um exemplo de aplicativo
Etapa 1 | Crie uma interface de usuário para os diferentes planos
Como seu aplicativo precisa se comportar de forma diferente para os usuários de acordo com seus diferentes planos, a primeira coisa que você deve entender é o que os diferentes usuários veem. Você pode fazer isso através de uma caixa multiestado, ou excluindo e restaurando elementos com as funções delete() e restore(). Uma caixa multiestado pode fornecer interfaces de usuário diferentes sem nenhum código.
Devo usar uma caixa multiestado ou delete() e restore()?
Além disso, certifique-se de criar pontos de entrada claros para que os criadores de sites façam upgrade do seu aplicativo após instalá-lo.
Etapa 2 | Código
Use o seguinte no código do seu widget para afetar seu comportamento.
JWT do seu aplicativo
getDecodedAppInstance()
Importe o módulo wix-application para processar essas informações.
1import wixApplication from 'wix-application'Use getDecodedAppInstance() para obter o vendorProductId e use-o na lógica do seu código.
1import wixApplication from 'wix-application';
2
3$w.onReady(async function () {
4 instance = await wixApplication.getDecodedAppInstance();
5 plan = instance.vendorProductId;
6 //Your configured vendorProductId in the Wix Developers Center.
7 //If there is no plan, the value is null.
8 // Now, add your logic for the different plans
9});
10
11$widget.onPropsChanged((oldProps, newProps) => {
12});
13
14Observação
Você também pode importar wix-application nos arquivos de back-end do seu aplicativo.
Etapa 3 | Configuração
Agora, você pode querer fazer algumas alterações na aba Configuração no Blocks.
Você pode definir determinados elementos do seu widget, como a grade, como não selecionáveis. Você também pode alterar os nomes de exibição. Certifique-se de pensar em todos os seus planos ao fazer essas alterações.
Observação:
Depois de definir um plano pago para seu aplicativo, seu widget recebe automaticamente um botão Upgrade na barra de ação.
Saiba mais sobre configurar nomes e comportamento de exibição de widgets e elementos.
Etapa 4 | Personalize seus painéis
Você pode obter o providerProductId do aplicativo e mostrar ou ocultar elementos no painel de acordo com o plano no código do painel, assim como fez no código do widget.
Isso é feito na seção de código do seu painel na aba Painéis.
Etapa 5 | Configurações de instalação de aplicativos e widgets
As configurações de instalação do aplicativo permitem que você controle quais widgets são vistos no painel Elementos e mais de um site. Certifique-se de pensar em todos os seus planos pagos quando for revisar suas configurações de instalação. Por exemplo, há alguns widgets que você pode querer ocultar do painel Elementos.
Saiba mais sobre as configurações de instalação de aplicativos e widgets.
Parabéns, seu aplicativo está pronto para ser publicado. Certifique-se de que ele siga as diretrizes do Wix Developers Center.