Customizable Form: Add checkbox to accept terms of service, Privacy Policy, etc

Inside the customizable form component, please add the option to include checkboxes like “I agree to the Terms of Service and Privacy Policy” with its appropriate link.

See image:

This feature is already implemented inside User Sign-up forms, image:

In our case we use a customizable form for customers to request quotes and embed it on our website.

1 Like

Have you tried to put HTML a tag with a link in the label ? That might work out.

Hi there, as Artur said I actually succeeded in doing this by placing HTML inside the label of a checkbox field.

Example:
J’ai pris connaissance et accepte les <a href=“cgu” target=_blank">CGU

Hope this helps.

With this customizable option with the html code, are you then able to keep a record in Airtable as to who has agreed to what?

If so, how do you set up your airtable to efficiently document this?

I think it’s a little strange that there is a native terms and privacy agreement box that doesn’t seem to record the agreements anywhere.

Hello, @artur since the update of the Sign up form block I can no longer use the href tag, I have the impression that there is a problem, with no spaces displayed !

Here was my code :

J'ai lu et j'accepte les <a href="https://myrul.fr/cgu" style="color: #224763"> <b>CGU</a></b> et la <a href="https://myrul.fr/politique-de-confidentialite" style="color: #224763"> <b> politique de confidentialité</a></b>

Any ideas ?

Thanks

I have the same problem. While using HTML works, there are two issues:

  • Missing spaces.
  • Strange line breaks when the text extends beyond one line.

The code is correct, as it displays the right text in the error message when the checkbox isn’t checked.

This should be a minor adjustment. I’m looking forward to the fix so that it’s compatible with other languages as well.

PS: On this topic, it would be fantastic to have the option in the settings or within the specific form to customize the error message text in the language of the page.

The translation of all UX/UI messages has unfortunately been requested many times from the softr teams, on this forum and elsewhere, for several months/years, and still not fully in place despite some efforts on some translations, and some customm scripts for paying users.

Just so you know, I’ve contacted support and sent them the link to this thread

Hi Lea,

Here is the code you should try:

J'ai lu et j'accepte les&nbsp;<a href="https://myrul.fr/cgu" style="color: #224763"><b>CGU</b></a>&nbsp;et la&nbsp;<a href="https://myrul.fr/politique-de-confidentialite" style="color: #224763"><b>politique de confidentialité</b></a>

1 Like

The efficiency of community-based support surpasses even dedicated softr’s studio assistance who told me that everything was going well on their end—extraordinary work @Matthieu_Chateau! For anyone considering hiring a softr expert, Matthieu is likely the best choice you could make. :fire:

Desktop

EDIT :x:

Mobile
CleanShot 2023-09-13 at 10.39.23@2x

I noticed strange behavior on mobile, I asked chatGPT who offered me this code as an alternative which works perfectly and in particular in mobile responsive. It uses the white-space: pre-wrap CSS class and requires a piece of code in the header and this text in the form

<style>
.preserve-space {
  white-space: pre-wrap;
}
</style>
<span class="preserve-space">J'ai lu et j'accepte les <a href="https://myurl.fr/cgu" style="color: #224763"><b>CGU</b></a> et la <a href="https://myurl.fr/politique-de-confidentialite" style="color: #224763"><b>politique de confidentialité</b></a></span>