Home Affiliate Marketing Tools Unbounce: How to Add Hint Text to Forms

Unbounce: How to Add Hint Text to Forms

by Ivan

Hey all!

In this video, I show you how to add hint text to your Unbounce pages.

This is an awesome way to not only make your page look neater, but it also saves some space since the “title” of the individual form spaces is no longer on top of the field, but rather inside of it.

I linked the URL with the code and instructions above, so make sure to check that out and follow along!

1. The first thing you have to do is add the form to your page.

If you aren’t sure how to do that yet, make sure to see my first video in the playlist where I teach you how to build a landing page from scratch.

2. Next, you need to grab the code from the website provided and add it to the Javascript section of your Unbounce page.

You can add it in the head or the body section, and either of these should work fine.

3. You need to now go into the form and “hide label” for all of the form fields.

Whatever title for the field you entered now is not relevant – the “hint text” that you want to show will need to be changed in the Javascript that you just pasted instead.

4. After you “hide label” for all the form fields, you need to take the ID of the field and replace the current ID in the Javascript with that new one you just copied.

So for example if you have a form field that asks for the name, the ID of this field could be “first_name” – so you would copy this ID and paste it in the corresponding Javascript spot.

You need to repeat this for every one of the form fields you have, exception being the conditional field that triggers additional fields to open.

That one you would need to leave as is.

5. After you do that, you can enter what you want the hint text to actually say.

So this is where you would enter the actual message – clicking on the Unbounce form and adding the title there will not do anything – it must be in the Javascript section.

6. Once you do that, you’re pretty much done!

Now you just need to play around with the form button and make sure that it looks right and is set up properly – might take a few back-and-forths of saving and going back to the edit page to see what that would look like.

That’s it!

If you want to try out Unbounce yourself for free for 14 days and then get 20% off for the next 3 months after the 1-month free trial, sign up using my link:

https://unbounce.grsm.io/ivan?sid=u-hinttext-2

My Unbounce playlist so you can find every important piece you need:
https://www.youtube.com/watch?v=p6JljKqlwFc&list=PLS46f4aLJ2hOdr6ZRw-9cnSXVWfa0r86i

URL used in the video (with the code): https://www.disruptiveadvertising.com/graphic-design/5-easy-unbounce-codes-to-upgrade-your-landing-page/

If you need help with a specific issue and want me to personally take a look at your setup, I can help! Check out the ‘My Services’ section of my blog: https://amarketingessentials.com/my-services/

Do you have any ideas or video topics about Unbounce or anything else you would like me to cover?

Write down in the comments below what you would like me to make a video on!

Most of my videos I made were requests/suggestions from subscribers, so don’t hesitate to let me know as well!

Like my Facebook page! https://www.facebook.com/onlinemarketingessentials

Thanks for watching, and I’ll see you in the next video!

related articles

Leave a Comment

Top

WAIT! BEFORE YOU GO...

250+ FREE Technical Marketing Videos Available

Weekly Updates! Check Them Out!