In this tutorial you are going to learn how to add an Elementor drop down menu that will act as a content switcher.
See a demo here:
Features:
- Have as many drop down options & related content as you want
- No templates shortcodes needed. Everything is on the page
- Content showing up is a container, with its content
- Made with the new Containers
Let's get started!
First, recreate that simple structure in your Elementor page
This is a premium tutorial. Purchase access to unlock the full tutorial and template file.
9 Responses
Thanks! Don't forget to add the options on the form item 😉 I forgot and took me 30 min to figure it out. Works great.
Hey Greg!
Yes indeed! I added some information to that step to clarify this part.
Cheers!
I can't seem to get this to work, how do I structure this since containers don't exist anymore?
I fixed it myself actually!
Hey Matt!
Glad you managed to get this working. Let me know if there is anything! Cheers!
What if we want this form functionality in elementor free version.
Sorry this tutorial is specifically made to work with Elementor Pro forms
Thank you for this tutorial! It took me a few tries - I would probably adjust this step:
In the container that I named Heading & Form, you will want your heading and form element, placed inline.
to say:
In the container that I named Heading & Form, place a heading as well as an Elementor form, placed inline.
Just because I was like "wait, what form?" until a bit of trial and error.
Greetings Katie!
Thank you for sharing this improvement! I made the edit!
Cheers!