Hyperlink in Form Field

I have a long set of T&Cs (in a pdf document) that I want users to confirm they agree to via a tick box before submitting a form.

Is there a way I can insert a hyperlink to the text in the form editor?

e.g. "Read T&Cs here" 

First, create an unlinked page named "Terms and Conditions"

Next, add a checkbox field to your form that only has one option "I Agree" and make it a required field. Put the following code in the field name:

I have read, understand, and agree to the website  <a href="https://www.yoursite.com/terms-and-conditions" target="_blank">Terms and Conditions</a>.

I've included a screenshot of how I did something similar on one of my clients' sites.

thanks for this post. Really helpful. Is there a way to change the link colours so its more clear those words are links?

1 hour ago, ghazwan said:

thanks for this post. Really helpful. Is there a way to change the link colours so its more clear those words are links?

If you share link to page where you use form field, we can take a look

@tuanphan hi
I need the same help...

On 5/3/2020 at 2:46 PM, tuanphan said:

If you share link to page where you use form field, we can take a look

Could you help me?

15 minutes ago, Iryne said:

@tuanphan hi
I need the same help...

Could you help me?

try edit text to

I <a href="https://beaverhero.com">agree term</a>

5 minutes ago, tuanphan said:

try edit text to

I <a href="https://beaverhero.com">agree term</a>

 

@tuanphan Thanks 😃
... and how to highlight the same text (like a link)? 🙏🏻

On 5/25/2020 at 8:52 PM, Iryne said:

@tuanphan Thanks 😃
... and how to highlight the same text (like a link)? 🙏🏻

 

can you share link to form?

On 5/25/2020 at 9:44 AM, tuanphan said:

try edit text to

I <a href="https://beaverhero.com">agree term</a>

 

Hi - is there a reason I am getting the attached error when I try to implement this? 

On 8/11/2020 at 1:50 AM, HBG said:

Hi - is there a reason I am getting the attached error when I try to implement this? 

If checkout form, you can't insert HTML to do this.

Hello! I could use help with this same issue. I was able to add in the link to my form description no issue but i want the link to be more noticeable (either be underlined or a different color) @tuanphan

On 2/1/2022 at 2:28 AM, ammacd26 said:

Hello! I could use help with this same issue. I was able to add in the link to my form description no issue but i want the link to be more noticeable (either be underlined or a different color) @tuanphan

Can you share link to form? We can give CSS code to make underline easier

Hello! I'd also like some help to make the linked text a different colour @tuanphan

On 2/19/2022 at 12:02 AM, fdg said:

Hello! I'd also like some help to make the linked text a different colour @tuanphan

Can you share link to page where you use form? We can check easier

On 2/19/2022 at 12:02 AM, fdg said:

Hello! I'd also like some help to make the linked text a different colour @tuanphan

Add to Design > Custom CSS

.checkbox a {
    color: #f1f;
}

@tuanphan I was able to add the form block link, but I am also interested in making the link more visible, such as bold font or different color. It is within the message submission description to link to a product page "Sizing Kit". https://jadeskyenaildesign.com/contact Thank you for any help you can provide!

5 hours ago, jadeskye said:

@tuanphan I was able to add the form block link, but I am also interested in making the link more visible, such as bold font or different color. It is within the message submission description to link to a product page "Sizing Kit". https://jadeskyenaildesign.com/contact Thank you for any help you can provide!

I don't see it. Can you take a screenshot?

@tuanphan Yes, here is a screenshot of the link I would like to highlight.

8 hours ago, jadeskye said:

@tuanphan Yes, here is a screenshot of the link I would like to highlight.

Add to Design > Custom CSS

div.textarea .description a {
    border-bottom: 2px solid;
}

I was using the code provided in this thread for over a year with no issues. Everything was working great. Now suddenly, visitors are seeing the entire HTML code in the field instead of just seeing "Please read our Terms and Conditions" ...

This is the code I typed into the form label section (replacing the URL with my own page)

Please read our <a href="https://www.yoursite.com/terms-and-conditions" target="_blank">Terms and Conditions</a>.

Is anyone else having this issue recently and/or know a fix? Appreciate any help.

40 minutes ago, rharb said:

Is anyone else having this issue recently and/or know a fix?

SS is constantly making changes to fix unintended holes in their system. If a field does not specifically state that HTML is allowed to be entered into it, then you can't depend on the field to continue to support HTML.

The only way to replicate the same end result would be to write some JavaScript to replicate the effect. That would require a business plan or above. I know of no code that currently does this.

8 minutes ago, creedon said:

SS is constantly making changes to fix unintended holes in their system. If a field does not specifically state that HTML is allowed to be entered into it, then you can't depend on the field to continue to support HTML.

The only way to replicate the same end result would be to write some JavaScript to replicate the effect. That would require a business plan or above. I know of no code that currently does this.

Appreciate the reply! If that's the case it's unfortunate, because it was a great way for clients to view the Terms and Conditions page from directly in the form, then check the box that they agree before submitting. Thanks~