Como criar pop-up dinâmico com página de opções do JetEngine

Criando uma página de opções

Configurando uma página de opções

Primeiro de tudo, você precisa criar a página de opções com metacampos específicos na seção JetEngine> Páginas de opções no painel do WordPress. Aprenda como fazer isso no tutorial detalhado .

crie uma página de opções

Preenchendo a página de opções com o conteúdo

Agora você pode ver a página de opções criadas no painel do WordPress. Abra-o e preencha os campos com o conteúdo correspondente.

preencha a página de opções

Construindo um pop-up dinâmico

Criando um pop-up

Vamos criar um pop-up. Abra a seção JetPopup no WP Dashboard e crie um pop-up personalizado ou escolha um dos modelos de pop-up apresentados na biblioteca de predefinições do JetPopup .

Personalizando o pop-up no Elementor

Prossiga para personalizar o pop-up no editor Elementor . Você pode usar qualquer um dos widgets dinâmicos para exibir o conteúdo dos metacampos da página de opções.
Nas configurações de conteúdo do widget, especifique Fonte: Opções e selecione o campo personalizado específico na linha de opções abaixo. Além disso, você pode definir o estilo da aparência do widget no bloco Estilo .

widget de campo dinâmico

Coisas para saber

Caso queira exibir o conteúdo numérico do metacampo Data , você deve habilitar a opção Filtrar saída do campo e selecionar Callback: Formatar data no bloco Configurações de conteúdo .

saída do campo de filtro

Definindo as configurações gerais do pop-up

Além disso, você precisa definir as configurações gerais do pop-up e onde ele será mostrado no bloco JetPopup Settings .

configurações do jetpopup

O pop-up em ação no frontend

Depois disso, salve as alterações e veja o pop-up em ação no front end.

Agora você sabe como criar um pop-up atraente e prático com opções dinâmicas em apenas alguns minutos usando a funcionalidade JetEngine .

Índice