Othon Ciparoni
Othon Ciparoni
  • Видео 88
  • Просмотров 1 211 904
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...
Просмотров: 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
Notificações com Elementor
Просмотров 20 тыс.Год назад
Notificações com 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)
Card Expansivos com Elementor
Просмотров 16 тыс.Год назад
Card Expansivos com Elementor
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
Dark Mode no Elementor
Просмотров 9 тыс.2 года назад
Dark Mode 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

Комментарии

  • @ocristianbrum
    @ocristianbrum 2 дня назад

    que homem maravilhoso esse ciparoni

  • @lucascirilo8929
    @lucascirilo8929 7 дней назад

    Brabo demais!!!!

  • @roberto.drigues
    @roberto.drigues 7 дней назад

    Foda de maisaaaa

  • @ElyMarchelAraujo
    @ElyMarchelAraujo 11 дней назад

    Cara, seu conteúdo é foda demais... Pena que conheci seu canal tarde demais e seu curso de CSS está fechado...

  • @jmpa1517
    @jmpa1517 11 дней назад

    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

  • @Adrianoh_morais
    @Adrianoh_morais 11 дней назад

    tOP MAN

  • @vanderleialima6456
    @vanderleialima6456 12 дней назад

    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ê.

  • @NillSans-i4p
    @NillSans-i4p 14 дней назад

    Show de bola...era o que estava faltando para que eu pudesse me decidir

  • @marlonr_ads
    @marlonr_ads 17 дней назад

    Você disponibiliza esse código na área de membros?

  • @quemleenriquece
    @quemleenriquece 17 дней назад

    No mobile funcionou 100%, no desktop não abre a lista dos países.

  • @isaborges9960
    @isaborges9960 20 дней назад

    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

  • @GabrieldaSenda
    @GabrieldaSenda 20 дней назад

    Boa!! Obrigado.

  • @Bey7
    @Bey7 20 дней назад

    Funciona com o novo carrossel de tudo do Elementor Pro? Aquele com os três pontinhos embaixo no ícone.

  • @REBECACHRISTEA
    @REBECACHRISTEA 22 дня назад

    Muito top cara, parabéns, na parte do CSS personalizado, ele só é liberado para versão paga do Elementor né ?

    • @othonciparoni
      @othonciparoni 21 день назад

      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>.

  • @RoseOliveiraCM
    @RoseOliveiraCM 25 дней назад

    Muito legal, mas não ficou fixo nem a pau! A lterando o tamanho das telas, sai do lugar.

  • @wandersantos8915
    @wandersantos8915 27 дней назад

    Top, parabéns.....tens um novo seguidor. Como faço para personalizar o DDI + DDD?

  • @mktvisao7713
    @mktvisao7713 Месяц назад

    Salvou de mais!! Eu com a Versão Pro aqui do PS usando app e sites pra comprimir ooo blzinha Gratidão

  • @dayanneerthal7210
    @dayanneerthal7210 Месяц назад

    mt bommm

  • @MarcelloTadashi
    @MarcelloTadashi Месяц назад

    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

  • @beleza_cosméticos
    @beleza_cosméticos Месяц назад

    Literalmente não usa o wordepress só usa de cobaia com códigos que raiva e essa do wordepress 😅

  • @betoaloureiro5147
    @betoaloureiro5147 Месяц назад

    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

  • @MarcosvbsN
    @MarcosvbsN Месяц назад

    Olá Ciparoni, abra mais vagas do curso formação webp. Por favor 🙌🏽🙏🏽

  • @felipeperone1814
    @felipeperone1814 Месяц назад

    Colega quando q vc vsi liberar o curso pra comprar?

  • @digitalk-agenciademarketin4015
    @digitalk-agenciademarketin4015 Месяц назад

    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) }

  • @KiaraLeticia
    @KiaraLeticia Месяц назад

    No caso o Css personalizado só tem como fazer com o Elementor Pro, certo?

  • @GOLDBOYRJ
    @GOLDBOYRJ Месяц назад

    1:30:00

  • @WebvendasmaxMarketingDigital
    @WebvendasmaxMarketingDigital Месяц назад

    Perfeito!! Gratidão por compartilhar com todos!!!💯

  • @eduardosouza9081
    @eduardosouza9081 Месяц назад

    css personalizado é so pra elementor pro 😢

  • @jhonnyzin_zzk
    @jhonnyzin_zzk Месяц назад

    Top

  • @juniorgiroux01
    @juniorgiroux01 2 месяца назад

    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

    • @othonciparoni
      @othonciparoni 2 месяца назад

      @@juniorgiroux01 na maioria das vezes é o próprio cliente. Só fazemos a integração com a página mesmo.

    • @juniorgiroux01
      @juniorgiroux01 2 месяца назад

      @@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 ?

    • @othonciparoni
      @othonciparoni 2 месяца назад

      @@juniorgiroux01 isso aí.

    • @juniorgiroux01
      @juniorgiroux01 2 месяца назад

      @@othonciparoni tá bom obg por tirar minha dúvida

  • @mojome-sun
    @mojome-sun 2 месяца назад

    Muito obrigado!!!! Foda

  • @rickysodre
    @rickysodre 2 месяца назад

    Comigo não funcionou. Alguém teve o mesmo problema?

  • @Iguassu
    @Iguassu 2 месяца назад

    Top, parabéns! Obrigado.

  • @agenciaguigoweb
    @agenciaguigoweb 2 месяца назад

    fala meu nobre, eu faço essas configurações... mais no meu caso o domínio está redirecionando para o ip, por que será?

  • @juliomiller1
    @juliomiller1 2 месяца назад

    Cara, na moral, brabo!

  • @victorcesaroficial
    @victorcesaroficial 2 месяца назад

    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?

  • @michelerui8247
    @michelerui8247 2 месяца назад

    Muito obrigada, seu vídeo foi uma ótima ajuda!

  • @DavidGuanipa
    @DavidGuanipa 2 месяца назад

    Por qué no uso Css Grid en la versión responsive?

    • @othonciparoni
      @othonciparoni 2 месяца назад

      Para qualquer efeito, existem diversos caminhos para chegar no mesmo resultado. Use o que preferir.

  • @NicolasSiqueira100
    @NicolasSiqueira100 2 месяца назад

    Alguém tem o código ainda funcionado e que possa me passar pvf, pois esse codigo não está mais funcionando

    • @othonciparoni
      @othonciparoni 2 месяца назад

      @@NicolasSiqueira100 está funcionando normalmente. Reveja os passos, porque fez algo errado.

    • @NicolasSiqueira100
      @NicolasSiqueira100 2 месяца назад

      @othonciparoni OK, peguei os códigos no notion e deu certo aqui. Obrigado por ter me respondido sou teu fã ❤️

    • @othonciparoni
      @othonciparoni 2 месяца назад

      @@NicolasSiqueira100 imagina, tamo junto.

  • @thcantor
    @thcantor 2 месяца назад

    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

  • @aimeebritoo
    @aimeebritoo 2 месяца назад

    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?

  • @ivanrafreitas
    @ivanrafreitas 2 месяца назад

    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?

  • @abstaain
    @abstaain 2 месяца назад

    CA RA LHO MANDA MUITO!

  • @evandrobastos-conteudodigi6054
    @evandrobastos-conteudodigi6054 2 месяца назад

    será que o Cipa vai fazer black friday?

    • @othonciparoni
      @othonciparoni 2 месяца назад

      Vou, dia 25/11. Pode se inscrever na lista de espera e ver a oferta aqui: ciparoni.com/black-friday-webp/

  • @thekingclash5399
    @thekingclash5399 2 месяца назад

    Nao consegui deixar o meu 100% da largura

  • @gustavorocha4677
    @gustavorocha4677 2 месяца назад

    poderia fazer um vídeo como este fazendo pelo figma

  • @danilo.mamedes
    @danilo.mamedes 2 месяца назад

    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; }

  • @denisonmonteiro6808
    @denisonmonteiro6808 2 месяца назад

    Cipa, como consigo essa extensão GRID WEBP ? Sou aluno da formação WebP.

    • @othonciparoni
      @othonciparoni 2 месяца назад

      @@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.

  • @diogodelima6143
    @diogodelima6143 2 месяца назад

    e pra exportar e upar no wordpress? como faço pra arte ficar o mais leve possível?

    • @othonciparoni
      @othonciparoni 2 месяца назад

      @@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.

    • @diogodelima6143
      @diogodelima6143 2 месяца назад

      @@othonciparoni caraca mano, humildade, n esperei que ce iria me responder n kkk vou procurar o video, valeu <3

  • @alekgg
    @alekgg 2 месяца назад

    DEU TUDO CERTO, MAS MEUS AUDIOS NÃO FUNCIONA NO TELEFONE, POR QUÊ?