Como Integrar com Botões e Tabelas de Preços do Divi

Este documento mostrará como usar a Tabela de Preços, o Call to Action e os Botões do Divi para funcionar em conjunto com os formulários de sobreposição Onsite e as páginas de Checkout Stripe Offsite do WP Simple Pay.

Neste exemplo, usarei o elemento Call To Action do Divi para iniciar um formulário de sobreposição Onsite.

Depois de personalizar as configurações de Texto, texto do Botão, etc., do seu Call to Action, é hora de adicionar o formulário WP Simple Pay.

Nas Configurações do Call To Action, na guia Conteúdo, role para baixo e expanda a seção Link.

Você precisará adicionar um "#" ao campo URL do Link do Botão, em seguida, selecione o formulário de pagamento apropriado no menu suspenso WP Simple Pay. Depois de concluído. Clique no visto verde Salvar.

Você deve adicionar um "#" ao campo URL do Link do Botão na seção Link para que o formulário de pagamento seja iniciado corretamente. Isso se aplica a TODOS os botões do Divi, incluindo botões de Tabela de Preços e Call to Action.

Ao usar o tipo de formulário Stripe Checkout, apenas formulários sem campos personalizados adicionais no local estão disponíveis para escolha.

Tudo está agora no lugar, e o botão no seu Call to Action iniciará um formulário de sobreposição Onsite, mostrado abaixo, ou redirecionará para o Stripe Checkout Offsite, dependendo do seu tipo de formulário.

Repita o processo detalhado acima para cada botão na tabela de preços, se aplicável.

Se você adicionou tudo corretamente e os formulários ainda não são iniciados, talvez seja necessário Desativar a configuração Adiar jQuery e jQuery Migrate na guia Divi → Opções do Tema → Geral → Desempenho.