Jump to content

Hyperlink in Form Field

Recommended Posts

  • 1 month later...

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.

Hyperlinks in Form Field Titles.png

Link to comment
  • 1 month later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 4 weeks later...
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 months later...
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? 

Screen Shot 2020-08-10 at 2.49.50 PM.png

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 year later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
8 hours ago, jadeskye said:

@tuanphan Yes, here is a screenshot of the link I would like to highlight.1378568862_Screenshot2022-04-02214230.png.66a6d53bbb1770007085f111b6329288.png

Add to Design > Custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.