Support » Plugin: Contact Form 7 » Inserting a Hyperlink in a Checkbox but without acceptance in a contact form 7

  • Resolved Iman Razzak

    (@iman-razzak)


    I need to insert a hyperlink in the description for the checkbox I have setup. I need the “Privacy Policy” words to link to the page with Privacy Policy file

    https://www.waterloo.co.uk/download/privacy-policy.pdf

    Can’t figure out how to insert that link without acceptance? I’m using plugins contact-form-7.Can anyone help please.

    this is the code I have used

    [checkbox checkbox-383 “I agree to Waterloo sending me updates on products and company news. For more information, see our Privacy Policy”]

    Thank you for helping

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • any suggestions? I’m needing this too 🙁

    Yes, you can add in links alongside text for fields or no field at all. Since you do not want to have a checkbox, you shouldn’t be including the checkbox form tag.

    One thing to mention before I continue is that what you have currently on your site is considered Dark UX. You are disguising newsletter signup as a privacy policy acceptance checkbox, ultimately deceiving users by tricking them into signing up for potentially unwanted solicitation. I recommend separating your privacy policy information in a separate paragraph and using a normal check box with one option that users can select to sign themselves up for the newsletter.

    As your website form currently stands, this is how you can have a simple sentence with a link:

    <label><p>I agree to Waterloo sending me updates on products and company news. For more information, see our <a href="enter-policy-URL-here">Privacy Policy.</a></p>

    Where it says “enter-policy-URL-here”, copy and paste your privacy policy website page link but make sure you keep the quotation marks.

    If you want to keep the acceptance checkbox, place the form tag around the text you want to be grouped with the checkbox. You can separate out any text using the paragraph HTML <p></p>. Again, for your case, you could use this:

    <label>[acceptance acceptance-335] I agree to Waterloo sending me updates on products and company news.
    <p>For more information, see our  <a href="enter-policy-URL-here">Privacy Policy.</a></p> [/acceptance]
    </label>

    For a normal checkbox, use the above example but with the [checkbox] form tag.

    For more information:
    See Section #2 on ‘Checkbox Treachery’
    Dark Patterns in UX
    Contact Form 7 – Acceptance Checkbox
    Contact Form 7 – Adding Text to Input Labels

    • This reply was modified 1 year, 2 months ago by Katie H.. Reason: added in more info

    Hi Katie,
    Thanks for your reply, however You got that wrong as I said before I want checkbox.
    I want to give the customer the option of NOT CHECKED or CHECKED
    How do I do that ?
    Many thanks

    Yes, and I said that you shouldn’t have a checkbox for the newsletter appear to be a part of the privacy policy.

    At the bottom of my reply, see:

    For a normal checkbox, use the above example but with the [checkbox] form tag.

    <label>[checkbox checkbox-174 "I agree to Waterloo sending me updates on products and company news."] 
    <p>For more information, see our <a href="enter-policy-URL-here">Privacy Policy</a>.</p></label>
    • This reply was modified 1 year, 2 months ago by Katie H..

    Hi Katie,
    Many thanks for your recommendation and help, I have used your code and it’s working.

    https://design.waterloo.co.uk/contact-us/

    Please have a look and let me know what you think

    Kind Regards,
    Iman

    Looks great with the two separate checkboxes. Well done!

    Hi Katie,

    Many thanks for your helping, have a good day.

    Kind Regards,
    Iman

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Inserting a Hyperlink in a Checkbox but without acceptance in a contact form 7’ is closed to new replies.