Make a button with a link that jumps to a form elsewhere on your page

The issue

In the Elementor Facebook community someone asked: “How can I send someone to a form with just one click, using a button? I’ve seen similar questions in the past, so I decided to make a quick tutorial for it. The main topic is actually (again) creating anchor links. I have recently made another tutorial about creating anchor links that actually take you to an anchor that is on another page.

The Steps

There are two important steps to take:

  1. Create a section ID (that is where your link will jump to), as that will be your so called anchor; and
  2. create the link, also known as anchorlink.

To create the section ID:

  1. Click the section.
  2. Go to the Advanced Tab
  3. Fill out a (unique!) name in the CSS ID field. It has to be unique, because you can’t use an ID on the same page twice.

To create the link for your button:

  1. Click the button
  2. Then, under the Content Tab, write #nameofyourcssid

Video Tutorial

Do you literally want to see how it’s done? Watch the quick video I made about it.

Demonstrated in less than 2 minutes.

share →→→

←←← share

Additional ways to achieve the same

Alternatively you could use the Anchor Widget provided by Elementor to create the point where you want to jump to. They have made an excellent tutorial for that. But this will generate an extra DIV element in your page. Rule of thumb for me is: “The less DIVs on a page, the better”.

Latest Articles

A heartbreaking tweet I read in June 2020 (screenshot and link in this article) was what turned my "Yeah, I should learn more about accessibility some day" into "I want and need to learn how to make website accessible NOW!"

About the author

Anne-Mieke Bovelett runs a versatile advertisement & project management agency. She’s also a private teacher for entrepreneurs who want to learn to set up and maintain their own websites with WordPress and Elementor. Besides that she is an art & food coach. She currently lives in Mönchengladbach, a small city near Düsseldorf, but often resides in other countries as well. She’s fluent in Dutch, English, German (including Swiss-German dialect) and geek speak. Read more…

←←← SHARE

share →→→

←←← share

Knowledge is power, thank you for sharing it freely!

Anne's full name, handwritten
Share on facebook
Share on twitter
Share on linkedin