Elementor Form Checkbox Required Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 พ.ย. 2024

ความคิดเห็น • 59

  • @tulipalily
    @tulipalily 2 ปีที่แล้ว +1

    This was super helpful! The hack with generating html code from the post section was mind blowing. Thank you

  • @miguellourencomarketing
    @miguellourencomarketing 3 ปีที่แล้ว +4

    Hey. How can you align the text with the checkbox? the text is a little bit more down than the checkbox. It happens the same with me.

  • @eliendauwe
    @eliendauwe 3 ปีที่แล้ว +2

    Hello, is there a way to change the text in the tooltip that pops up if the user doesn't tick the box? It says "please tick this box if you want to proceed", I need to add some text in there. Thanks!

  • @Mindereak
    @Mindereak ปีที่แล้ว

    I missed that option, thank you for the tutorial!

  • @lhbvoice1807
    @lhbvoice1807 3 ปีที่แล้ว

    Excellent video, I am new to Elelmentor and just finishing off my first ever website. This video really helped. Thank you.

    • @betterwordpresswithhoz9871
      @betterwordpresswithhoz9871  3 ปีที่แล้ว +1

      Hi Lisa that's really good to know! There are a lot more tutorials coming soon! Thanks for taking the time to comment!

    • @lhbvoice1807
      @lhbvoice1807 3 ปีที่แล้ว

      Hi Hoz, I am also trying to set up email confirmation being sent to client, short code wont change, @@betterwordpresswithhoz9871

    • @lhbvoice1807
      @lhbvoice1807 3 ปีที่แล้ว

      and also double email confirmation request in my form, both of these I can't seem to do, do you have videos on both theses things please.@@betterwordpresswithhoz9871

  • @rafhaeditordevideo
    @rafhaeditordevideo 3 ปีที่แล้ว +1

    Thanks for the tutorial, it helped me a lot. I'm from Brazil

  • @ashley-loren
    @ashley-loren ปีที่แล้ว

    Thank you. This was very straightforward and easy.

  • @ChristofferEndresen
    @ChristofferEndresen 2 ปีที่แล้ว +1

    Thanks for the hack with generating html code for acceptance in the post section!
    That was very helpful! You should add "how to change color on acceptance text in Elementor Form" to your tags

  • @ravishantilal8498
    @ravishantilal8498 ปีที่แล้ว

    Like how you created another post to create those hyperlinks, do you have to save that post?
    Or it’s fine if we can just discard or remove it, because I believe, I need you only created to get the HTML code.

  • @MatheusPenteado
    @MatheusPenteado 3 ปีที่แล้ว +1

    Insanely well explained. Thanks man!

  • @barbarahirzmann5512
    @barbarahirzmann5512 3 ปีที่แล้ว

    Thank you for your tutorial - you made my day! Greetz from Vienna, Barbara

  • @CatalinEne78
    @CatalinEne78 2 ปีที่แล้ว +1

    Thank you!

  • @Rikverse24
    @Rikverse24 2 ปีที่แล้ว

    Hello sir, does not work. Elementor Pro does now show Checkbox after using Acceptance.

    • @betterwordpresswithhoz9871
      @betterwordpresswithhoz9871  2 ปีที่แล้ว

      Sounds like a cache issue. Try a different browser. If not, do contact Elementor support as they will troubleshoot it for you. Let me know if that works.

  • @fabiopereira9205
    @fabiopereira9205 2 ปีที่แล้ว +1

    thanks

  • @casa_kunst
    @casa_kunst ปีที่แล้ว

    thank youuu!!!

  • @tomcha75
    @tomcha75 9 หลายเดือนก่อน

    Is it possible to change the font size of the acceptance box text?

  • @norzillian9867
    @norzillian9867 ปีที่แล้ว

    Oh! Acceptance instead of checkbox! Thank you

  • @benjaminschoenle9542
    @benjaminschoenle9542 3 ปีที่แล้ว +1

    Hi there! Thanks for the video!
    Do you know how to change the color of the hyperlinked words?

    • @betterwordpresswithhoz9871
      @betterwordpresswithhoz9871  3 ปีที่แล้ว +1

      Hi Benjamin and sorry for the late reply!
      If your theme is getting the styles from the theme settings, you'd have to go to your customize menu (inside the wp dashboard) and play around with the colour setting there.
      If the styles are coming from Elementor, same again, but you'd do that inside Elementor.
      You could also use a CSS tool like Visual Inspector (chrome plugin) to hover your cursor over the hyperlinks and change the CSS code to make it whatever colour you want, then save the CSS snippet and paste it in your Customise / Scripts section.
      I hope this helps!

  • @Critterles
    @Critterles 4 ปีที่แล้ว

    Great tutorial. The only downside is that the newer version of Elementor Pro changed some of the settings for the form fields. They don't quite match this recent video but if you look, you can find them. They do sometimes have different setting names. Thank you for the education.

    • @betterwordpresswithhoz9871
      @betterwordpresswithhoz9871  4 ปีที่แล้ว

      Thanks Les! I'll check that out and probably update this video - thanks for the heads up and you're very welcome!

  • @YgorCortes
    @YgorCortes 3 ปีที่แล้ว

    Can I make a checkbox type required instead of using the acceptance type?

  • @happiness_creators
    @happiness_creators 9 หลายเดือนก่อน

    Really helpful

  • @beherenowz
    @beherenowz 2 ปีที่แล้ว +1

    Turning off labels i not good for A11y

  • @minakarlek7347
    @minakarlek7347 ปีที่แล้ว

    Very useful tutorial but I have a problem: the acceptance square is not displayed. Does anyone know why this happens?

  • @thearong_5853
    @thearong_5853 3 ปีที่แล้ว +1

    I just want to put button send next field input and check box required under field input! can you show me?

    • @betterwordpresswithhoz9871
      @betterwordpresswithhoz9871  3 ปีที่แล้ว

      Hey Thea, some elements are organised in a set way, so we can't drag certain elements on top of others.

    • @thearong_5853
      @thearong_5853 3 ปีที่แล้ว +1

      Yes thanks you i got it.

  • @sallysocial1819
    @sallysocial1819 3 ปีที่แล้ว

    thanks for this - really helpful!

    • @betterwordpresswithhoz9871
      @betterwordpresswithhoz9871  3 ปีที่แล้ว

      You're very welcome Sally - more Elementor tuts coming soon!

    • @sallysocial1819
      @sallysocial1819 3 ปีที่แล้ว

      @@betterwordpresswithhoz9871 I can't see the pop up in my incognito window . It's been published and I've added the display settings? Have I missed out a step? Do you have a tutorial? Thanks!

    • @sallysocial1819
      @sallysocial1819 3 ปีที่แล้ว

      Don't worry about answering - I've sorted it!! Have a great day!

  • @taskitvirtualsolutions
    @taskitvirtualsolutions 3 ปีที่แล้ว

    Any idea what the css is to change the colour of the ticked box? My site is pastel colours and the blue looks so wrong. Thanks!

  • @raposovasco
    @raposovasco 3 ปีที่แล้ว

    Nice and easy!! thanks a lot :)

  • @paulramura8126
    @paulramura8126 3 ปีที่แล้ว

    Nice video, but, how to set a select field as a required field? Since we have to add options into any select field, so, this Elementor thinks the first option is currently selected and ignore the required action. Also, there is no placeholder option for a select field in Elementor, so that this form will know that, no option is selected and trigger the required error/action. So, how to fix this issue? Thanks!

  • @000SilaS000
    @000SilaS000 3 ปีที่แล้ว +2

    that is not an Elementor checkbox. that is an acceptance form

  • @njambassador4422
    @njambassador4422 3 ปีที่แล้ว

    Why is the checkbox not showing up when I do this?

  • @SuperEliasc
    @SuperEliasc 4 ปีที่แล้ว +1

    Title is misleading. He doesn't explain how to make a checkbox field required in Elementor. This will just be useful if you are dealing with only one checkbox option which can be substituted by an acceptance box

    • @betterwordpresswithhoz9871
      @betterwordpresswithhoz9871  4 ปีที่แล้ว

      I demonstrate exactly how to do that starting at 2:29 - also the intro of the video explains that in this tutorial I'm demonstrating how to create a checkbox on an Elementor form that's set to required, therefore the title is perfectly aligned with the tutorial.
      To answer your question: "how to make a checkbox field required" = add a new field, set to acceptance and toggle the required button to 'on', as shown in the video.

    • @SuperEliasc
      @SuperEliasc 3 ปีที่แล้ว +2

      ​@@betterwordpresswithhoz9871 The language is certainly misleading since an acceptance box is a different option from a checkbox in Elementor, thus the two different options. The option Checkbox in Elementor cannot be made required except with code, and you don't explain that

    • @betterwordpresswithhoz9871
      @betterwordpresswithhoz9871  3 ปีที่แล้ว

      @@SuperEliasc Hi Elias. There's no code needed to make a checkbox required - the tutorial shows how you just check a box to make it required. Let me know if you don't see this, and I'll take a look and find it.
      I think we may be getting crossed wires about the acceptance box / checkbox. Essentially, it's a checkbox (since you need to check it) but you change the 'type' to acceptance in Elementor. The way it's set out in Elementor, 'acceptance' is a 'type' or adjective describing the functionality of the checkbox.
      I hope that makes sense.

    • @YgorCortes
      @YgorCortes 3 ปีที่แล้ว +1

      @@SuperEliasc what code is required to make the checkbox type required?

  • @deckermax
    @deckermax 2 ปีที่แล้ว +1

    2:23

  • @sitemarketingeproject2117
    @sitemarketingeproject2117 2 ปีที่แล้ว

    It's not a checkbox selection from Elementor Form, Its an acceptance checkbox, clickbait title. Bad bad instructions and wasting of time.

    • @betterwordpresswithhoz9871
      @betterwordpresswithhoz9871  2 ปีที่แล้ว +1

      I'm sorry to hear that. The title reflects what people are searching for. Most people don't know it's called an acceptance box. My video is aimed at those people, and it has helped many of them. Sorry to hear it didn't help you.