- Видео 88
- Просмотров 1 211 904
Othon Ciparoni
Бразилия
Добавлен 17 дек 2011
Como criar uma página de validação de alunos com Elementor e JetEngine
Formação WebP: ciparoni.com/formacao-web/
Me siga no Instagram: ciparoni
---
LINK DA PLANILHA USADA NO VÍDEO (clique em Arquivo - Fazer uma cópia para utilizá-la): docs.google.com/spreadsheets/d/1ggVU_3qUwWM7lzDEhekXA2ROvCYogXn9a9tT5BliEOM/edit?usp=sharing
Neste vídeo, vou te mostrar como criar uma página de validação de alunos com Elementor e JetEngine.
Esse tipo de página é muito útil para disponibilizarmos ofertas diferentes para quem já é aluno em algum tipo de campanha promocional, como a Black Friday.
---
CAPÍTULOS DO VÍDEO
00:00 - Introdução
00:53 - Configurações iniciais do JetEngine
01:22 - Planilha de alunos
02:23 - Criando o Custom Content Type de alunos
06:00 - Adicionado...
Me siga no Instagram: ciparoni
---
LINK DA PLANILHA USADA NO VÍDEO (clique em Arquivo - Fazer uma cópia para utilizá-la): docs.google.com/spreadsheets/d/1ggVU_3qUwWM7lzDEhekXA2ROvCYogXn9a9tT5BliEOM/edit?usp=sharing
Neste vídeo, vou te mostrar como criar uma página de validação de alunos com Elementor e JetEngine.
Esse tipo de página é muito útil para disponibilizarmos ofertas diferentes para quem já é aluno em algum tipo de campanha promocional, como a Black Friday.
---
CAPÍTULOS DO VÍDEO
00:00 - Introdução
00:53 - Configurações iniciais do JetEngine
01:22 - Planilha de alunos
02:23 - Criando o Custom Content Type de alunos
06:00 - Adicionado...
Просмотров: 5 466
Видео
Delay vinculado ao tempo de vídeo com player do YouTube no Elementor
Просмотров 4,5 тыс.2 месяца назад
Formação WebP: ciparoni.com/formacao-web/ Me siga no Instagram: ciparoni Códigos usados no vídeo: othonc.notion.site/Delay-vinculado-ao-tempo-de-v-deo-RUclips-3a61065b3089481390e89304604b7489?pvs=4 Neste vídeo, vou te mostrar como exibir elementos após um período (delay), vinculado ao tempo de vídeo do player do RUclips, usando o próprio widget de vídeo do Elementor. Esse tipo de ...
Alterando fontes e cores globais somente em uma página no Elementor
Просмотров 9372 месяца назад
Formação WebP: ciparoni.com/formacao-web/ Curso CSS para Elementor: ciparoni.com/css-para-elementor/ Me siga no Instagram: ciparoni Neste vídeo, vou te mostrar como alterar fontes e cores globais somente em uma página no Elementor.
Botões de resposta em formulários do Elementor
Просмотров 13 тыс.3 месяца назад
Formação WebP: ciparoni.com/formacao-web/ Curso CSS para Elementor: ciparoni.com/css-para-elementor/ Me siga no Instagram: ciparoni No vídeo de hoje, vou te mostrar como customizar campos de radios/checkbox para criar botões de resposta em formulários do Elementor.
Cards Masonry no Elementor
Просмотров 2 тыс.3 месяца назад
Formação WebP: ciparoni.com/formacao-web/ Curso CSS para Elementor: ciparoni.com/css-para-elementor/ Me siga no Instagram: ciparoni Neste vídeo, vou te mostrar como criar cards estilo Masonry no Elementor usando, a propriedade columns do CSS. Capítulos do vídeo: 00:00 - Introdução 00:50 - Criando a estrutura do card 02:10 - Criando o código CSS 03:47 - Evitando a quebra de conteúd...
Barra de scroll com efeito sticky no Elementor
Просмотров 1,7 тыс.3 месяца назад
Barra de scroll com efeito sticky no Elementor
Como criar uma seção VER MAIS no Elementor
Просмотров 9 тыс.3 месяца назад
Como criar uma seção VER MAIS no Elementor
Player de Áudio do WhatsApp no Elementor
Просмотров 32 тыс.6 месяцев назад
Player de Áudio do WhatsApp no Elementor
Transição entre páginas com Elementor
Просмотров 24 тыс.7 месяцев назад
Transição entre páginas com Elementor
Como criar textos com bordas no Elementor
Просмотров 24 тыс.Год назад
Como criar textos com bordas no Elementor
Criando imagens de fundo para landing pages com Photoshop
Просмотров 48 тыс.Год назад
Criando imagens de fundo para landing pages com Photoshop
Como fazer testes de performance no DevTools (tchau, GTMetrix!)
Просмотров 4 тыс.Год назад
Como fazer testes de performance no DevTools (tchau, GTMetrix!)
5 estratégias de prospecção para vender sites e landing pages
Просмотров 38 тыс.Год назад
5 estratégias de prospecção para vender sites e landing pages
Como colocar vídeos dentro de mockups no Elementor
Просмотров 6 тыс.Год назад
Como colocar vídeos dentro de mockups no Elementor
Formatos de imagens para web design: quais e quando utilizar?
Просмотров 9 тыс.Год назад
Formatos de imagens para web design: quais e quando utilizar?
Carrossel com slide pela metade no Elementor
Просмотров 13 тыс.Год назад
Carrossel com slide pela metade no Elementor
Máscaras em Formulários (campos de CPF, CNPJ, Telefone, Moeda, CEP, Data e Hora)
Просмотров 8 тыс.Год назад
Máscaras em Formulários (campos de CPF, CNPJ, Telefone, Moeda, CEP, Data e Hora)
Responsividade Automática no Elementor?
Просмотров 15 тыс.Год назад
Responsividade Automática no Elementor?
Degradê em qualquer elemento - Tutorial completo
Просмотров 57 тыс.Год назад
Degradê em qualquer elemento - Tutorial completo
CSS funciona no editor do Elementor, mas não funciona na página. Como resolver?
Просмотров 7 тыс.Год назад
CSS funciona no editor do Elementor, mas não funciona na página. Como resolver?
Novo editor do Elementor (E COMO CORRIGIR UM BAITA ERRO)
Просмотров 15 тыс.Год назад
Novo editor do Elementor (E COMO CORRIGIR UM BAITA ERRO)
Carrossel com desfoque no Elementor + CSS
Просмотров 25 тыс.2 года назад
Carrossel com desfoque no Elementor CSS
Personalizando formulário do ActiveCampaign com CSS no Elementor
Просмотров 8 тыс.2 года назад
Personalizando formulário do ActiveCampaign com CSS no Elementor
Efeito de DESFOQUE ao fazer HOVER - Tutorial CSS no ELEMENTOR
Просмотров 11 тыс.2 года назад
Efeito de DESFOQUE ao fazer HOVER - Tutorial CSS no ELEMENTOR
Instalando Wordpress na DigitalOcean: passo a passo
Просмотров 15 тыс.2 года назад
Instalando Wordpress na DigitalOcean: passo a passo
Como criar um slider de tela cheia com Elementor: tutorial completo
Просмотров 17 тыс.2 года назад
Como criar um slider de tela cheia com Elementor: tutorial completo
Texto Circular Animado com Elementor
Просмотров 29 тыс.2 года назад
Texto Circular Animado com Elementor
que homem maravilhoso esse ciparoni
Brabo demais!!!!
Foda de maisaaaa
Cara, seu conteúdo é foda demais... Pena que conheci seu canal tarde demais e seu curso de CSS está fechado...
Ciparoni, Antes de mais nada obrigado pela disposição de explicar algo tão complicado e que ninguém esclarece. Acontece que ao final do video o botão não desaparece, e, quando o video retorna para o inicio o botão continua e , se der play "novamente", o botão estará presente no video todo. Tem alguma solução para esse problema. Poderia usar esse mesmo procedimento para videos do Vímeo. Se não como posso fazer o mesmo no Vímeo. Desde já Obrigado
tOP MAN
Senhor da Glória são muitos detalhes para se criar um site mesmo. Eu amei seus vídeos. Falou algo que nunca tinha ouvido nos outros vídeos (e olha que estou criando meu site há alguns meses me orientando pelo YT). Falou o bizu que por pdrão o elementor aplica padding de 10px nas laterais do conteiner. Rapaz! Que pulo do gato porque quando a gente clica no menu e olha no padding não tme nada escrito (como se estivesse zerado, mas não está!! Lá tem os tais 10px ocultos!!!). Muito obrigada pelas valiosas dicas. Que Deus abençoe sempre você.
Show de bola...era o que estava faltando para que eu pudesse me decidir
Você disponibiliza esse código na área de membros?
No mobile funcionou 100%, no desktop não abre a lista dos países.
Que vídeo FOD# cê tá maluco! Ganhou +like e +1 inscrita! Uma dúvida eu quero deixar o BG do áudio branco, fica mais harmônico no meu site, consegui alterar direitinho e o ícone de play também, mas não consegui alterar a cor do microfone e a barra cinza do áudio (que fica abaixo da bolinha), conseguiria me dizer em qual parte do link altero esses 2 conteúdos? Gratidão
Boa!! Obrigado.
Funciona com o novo carrossel de tudo do Elementor Pro? Aquele com os três pontinhos embaixo no ícone.
Muito top cara, parabéns, na parte do CSS personalizado, ele só é liberado para versão paga do Elementor né ?
Sim, mas você também consegue usar CSS com o Elementor gratuito, adicionando o código direto em um widget HTML, dentro de uma tag <style>.
Muito legal, mas não ficou fixo nem a pau! A lterando o tamanho das telas, sai do lugar.
Top, parabéns.....tens um novo seguidor. Como faço para personalizar o DDI + DDD?
Salvou de mais!! Eu com a Versão Pro aqui do PS usando app e sites pra comprimir ooo blzinha Gratidão
mt bommm
Porque será que minhas coes globais estão todas em ( uma cor) mas ao escrever os blocos no site .... saem em outra e não consigo mudar elas
Literalmente não usa o wordepress só usa de cobaia com códigos que raiva e essa do wordepress 😅
Obrigado pelo conteúdo!! Quase deu certo. Porém pra mim o DDI não é enviado junto com o número do telefone para o CRM. Será que fiz algo errado? abs
Olá Ciparoni, abra mais vagas do curso formação webp. Por favor 🙌🏽🙏🏽
Colega quando q vc vsi liberar o curso pra comprar?
Top, funcionou, vou deixar o código abaixo: selector { transition: 0.5s; } selector.elementor-sticky--effects{ background: #00000050; backdrop-filter: blur(20px); webkit-backdrop-filter: blur(20px) }
No caso o Css personalizado só tem como fazer com o Elementor Pro, certo?
1:30:00
Perfeito!! Gratidão por compartilhar com todos!!!💯
css personalizado é so pra elementor pro 😢
Top
Olá Othon, ótimo vídeo! Uma dúvida esse serviço de gerir e-mails quem fica a par é o cliente ou o webDesigner? Forte abraço
@@juniorgiroux01 na maioria das vezes é o próprio cliente. Só fazemos a integração com a página mesmo.
@@othonciparoni então no caso o webDesigner fica responsável apenas por criar os formulários na página mais quem vai linkar com a plataforma de gestão de e-mails é o próprio cliente certo ?
@@juniorgiroux01 isso aí.
@@othonciparoni tá bom obg por tirar minha dúvida
Muito obrigado!!!! Foda
Comigo não funcionou. Alguém teve o mesmo problema?
Top, parabéns! Obrigado.
fala meu nobre, eu faço essas configurações... mais no meu caso o domínio está redirecionando para o ip, por que será?
Cara, na moral, brabo!
E ai galera... fiz as configurações de css mais no computador fica ok mais no formato celular fica com o erro de campo igual ele mostra no inicio. Alguém pode me ajudar?
Muito obrigada, seu vídeo foi uma ótima ajuda!
Por qué no uso Css Grid en la versión responsive?
Para qualquer efeito, existem diversos caminhos para chegar no mesmo resultado. Use o que preferir.
Alguém tem o código ainda funcionado e que possa me passar pvf, pois esse codigo não está mais funcionando
@@NicolasSiqueira100 está funcionando normalmente. Reveja os passos, porque fez algo errado.
@othonciparoni OK, peguei os códigos no notion e deu certo aqui. Obrigado por ter me respondido sou teu fã ❤️
@@NicolasSiqueira100 imagina, tamo junto.
Bom demais! Adicionei uma validação junto ao seu código. Para validar cpf e cnpj no mesmo campo e com uma msg de: CNPJ ou CPF Inválido
Cipa, fiz e ficou tudo lindo, porém quando uso junto no mesmo formulário o botão de "acceptance" para os termos de uso, ele fica com o mesmo layout, mas não queria que isso acontecesse, tem como ajustar?
Cipa, existe alguma forma de atualizar esse cadastro de alunos de forma automática, pra está sempre atualizado de acordo com as vendas, e não precisar toda vida atualizar esse arquivo no phpmyadmin?
CA RA LHO MANDA MUITO!
será que o Cipa vai fazer black friday?
Vou, dia 25/11. Pode se inscrever na lista de espera e ver a oferta aqui: ciparoni.com/black-friday-webp/
Nao consegui deixar o meu 100% da largura
poderia fazer um vídeo como este fazendo pelo figma
Há um jeito mais fácil e simples de manter apenas o central em foque, coloque para exibir apenas 1 slider por vez, coloque a largura do widget de 300px de acordo com a largura da imagem , aqui está o código: selector .swiper { overflow: visible; user-select: none; } selector .elementor-swiper-button-prev, selector .elementor-swiper-button-next { padding: 8px; border-radius: 60px!important; background-color: var(--e-global-color-dd2a29e); } selector .elementor-swiper-button-prev { top: 105%; left: calc(50% - 20px); transform: translate(-50%, 0); } selector .elementor-swiper-button-next { top: 105%; right: calc(50% - 60px); transform: translate(-50%, 0); } /* Estilos para os slides inativos */ .elementor-image-carousel .swiper-slide { transition: transform 0.3s ease, filter 0.3s ease; } .elementor-image-carousel .swiper-slide:not(.swiper-slide-active) { transform: scale(0.7); filter: blur(4px); } /* Estilo para o slide ativo (central) */ .elementor-image-carousel .swiper-slide-active { transform: scale(1); filter: none; }
Cipa, como consigo essa extensão GRID WEBP ? Sou aluno da formação WebP.
@@denisonmonteiro6808 não consegue, eu só estava testando pra aprender como criar uma extensão mesmo, mas tá com alguns bugs que não resolvi.
e pra exportar e upar no wordpress? como faço pra arte ficar o mais leve possível?
@@diogodelima6143 salve em WebP e controle o peso e a qualidade pelo Photoshop mesmo. Tem um vídeo sobre como exportar em WebP aqui no canal, dê uma olhada, quando puder.
@@othonciparoni caraca mano, humildade, n esperei que ce iria me responder n kkk vou procurar o video, valeu <3
DEU TUDO CERTO, MAS MEUS AUDIOS NÃO FUNCIONA NO TELEFONE, POR QUÊ?