Widget de elementor de formas gravitacionais: adicione e estile formas gravitacionais sem CSS
Gravity Forms é um widget Pro em Master Addons que coloca qualquer Formulário de Gravidade em uma página Elementor e permite estilizá-lo a partir do painel Escolha o formulário a partir de um dropdown, comece a partir de uma das 11 variações de design, em seguida, ajuste rótulos, campos, caixas de seleção, o botão enviar, barras de progresso de várias páginas e mensagens de erro O formulário continua funcionando exatamente como você construiu em Gravity Forms.
11 designs de formulários prontos
O dropdown de Variações de Design tem 11 estilos Escolha um como ponto de partida, depois altere o que quiser na guia Estilo Você também pode ocultar o título e a descrição definidos em Gravity Forms e escrever um cabeçalho personalizado no Elementor.
- Alterne entre 11 variações de design de um dropdown.
- Mostrar ou ocultar o título do formulário, descrição, rótulos e espaços reservados.
- Adicione um título e uma descrição personalizados sem editar o formulário em si.
Estilo de campo, caixa de seleção e botão de opção
Entradas e áreas de texto obtêm fundo, cor do texto, borda, raio, sombra de caixa e tipografia, com um estado de Foco separado Defina larguras e alturas para entradas e áreas de texto de forma independente, além de preenchimento e recuo de texto Botões de rádio e caixas de seleção podem ter tamanhos personalizados, cores e raio de borda para os estados normal e verificado.
- Estados Normal e Foco para campos de entrada.
- Largura e altura separadas para entradas e áreas de texto.
- Estilos personalizados de rádio e caixa de seleção, divisores de seção e cores de preço do produto.
Botão de envio, formulários e mensagens de várias páginas
Faça o botão enviar auto, largura total ou uma largura personalizada, em seguida, estilo suas cores, borda, raio, preenchimento, sombra de caixa e tipografia, com cores de hover Formulários de várias páginas obter estilo para os botões de página e a barra de progresso Mensagens de erro, campos inválidos e a mensagem de agradecimento cada um tem suas próprias configurações de cores, e você pode esconder mensagens de erro completamente.
- Auto, largura total ou largura personalizada enviar botão com cores de pairar.
- Botão de página e estilo de barra de progresso para formulários de várias páginas.
- Cores para mensagens de erro, campos inválidos e a mensagem de agradecimento.
Widget de código curto do Elementor versus widget de formulários gravitacionais
O widget Shortcode gratuito da Elementor também pode mostrar um Formulário de Gravidade com [gravityform id="1"]. O formulário funciona, mas parece que seu tema e Gravity Forms o estilizam, e mudar isso significa escrever CSS.
| Widget de código curto | Formas de gravidade Master Addons | |
|---|---|---|
| Preço | Grátis | Master Addons Pro |
| Escolhendo o formulário | Digite o ID do formulário em um shortcode | Escolha-o em um dropdown |
| Projetos prontos | Nenhum | 11 variações de design |
| Estilo de campo e botão | Css personalizado | Guia de estilo, com foco e estados de pairar |
| Barra de progresso e estilo de erro | Css personalizado | Guia estilo |
| Ajustes móveis | Consultas de mídia CSS | Controles responsivos para tamanhos e espaçamento |
Usando um plugin de formato diferente? Master Addons possui widgets de estilo gratuitos para Formulário de contato 7, Formulários WP, Formas Ninja e nósFormas.
Como adicionar um Formulário de Gravidade ao Elementor
Você precisa de Gravity Forms com pelo menos um formulário criado e Master Addons Pro. Em seguida, siga estas etapas:
- Ative o widget Gravity Forms no painel Master Addons.
- Abra sua página no Elementor, pesquise no painel de widgets por “Gravity Forms” e arraste o widget Master Addons para o lugar.
- Escolha seu formulário no menu suspenso Formulário de contato.
- Escolha uma das 11 variações de design.
- Decida se deve mostrar o título do formulário, descrição, rótulos e espaços reservados Ative o Use Ajax para enviar o formulário sem recarregar a página.
- Abra a guia Estilo para definir cores, bordas, espaçamento e tipografia e, em seguida, publique.
Se o menu suspenso estiver vazio, verifique se o Gravity Forms está ativo e se você criou um formulário.
Perguntas frequentes sobre formas gravitacionais
Preciso do plugin Gravity Forms instalado?
Sim. os formulários de estilos de widget que você constrói em Gravity Forms, para que o plugin tenha que ser instalado e ativo Sem ele, o widget mostra um aviso pedindo para você ativar Gravity Forms.
Como adiciono uma Forma de Gravidade ao Elementor?
Instale Gravity Forms e crie seu formulário No Elementor, arraste o widget Master Addons Gravity Forms para a página, escolha o formulário no menu suspenso Contact Form, escolha uma variação de design e estilize-o na guia Estilo guia passo a passo acima cobre cada configuração.
Posso tornar os formulários responsivos em dispositivos móveis?
Sim. muitos dos controles de tamanho, espaçamento e alinhamento têm valores separados de desktop, tablet e celular, para que você possa alterar o preenchimento, as larguras dos campos e a largura dos botões para telas menores.
Os complementos de lógica condicional e Gravity Forms ainda funcionarão?
Sim. O widget gera seu formulário através do próprio Gravity Forms, portanto, lógica condicional, formulários de várias páginas e complementos funcionam da maneira que você os configura O widget só altera a aparência do formulário.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
Duplicador de postagem/página
