How to Create a Sidebar Menu in Teachery
⏰ Duration: 10 min
🤓 Description: Learn how to create a sidebar navigation menu to make your customers jump from one lesson to the other as simple as possible.
💜 Mentioned: Customer Journey Course
BUT FIRST, THANK YOU TO EVERYONE THAT JOINED
A couple of days ago, I decided to finally message my students and ask them if they would like to follow me on my journey? 😲
How are they going to join me on my constantly evolving journey? For a start, through an email newsletter. Since I am not using social media for my business, I thought I would create my version of social media through my newsletter for people that actually are interested and I am happily going to help as I keep learning on this online business journey, which as I mentioned on the email has been lonely for me.
Thank you to everyone that replied wanting to join, I’ll make it as fun as possible for me and you. 💜
If you want to join my newsletter you can send me an email or you can join here. You will hop along so we can make this online business journey less lonely and have more fun learning together.
5 STEPS TO CREATE THE SIDEBAR
STEP 1: Copy all of the lesson links to A document
After you finish watching the Customer Journey Course and finish creating all the lessons inside your customer hub or course. Go ahead and copy all the lesson links and paste them in a document. A quick tip for you is to keep those links simple so if you ever have to reorganize your lessons, you don’t have to change the sidebar links too.
STEP 2: START WRITING THE TEXT IN THE SIDEBAR
Start writing the content in the sidebar, add a profile photo, a short description, and the table of contents of your hub. To make it visually pleasing, I like to add emojis representing in which lesson the customer is at the moment. So, try it out!
STEP 3: ADD THE LINKS FROM THE FIRST STEP
Remember those links in the document from step one? Well, we need them now. Start adding the corresponding links to each text in the sidebar. This will make them clickable. Don’t worry if it changes in color, if you want, you can change it later. We are almost done!
STEP 4: CHANGE THE CODING
Oooh! Coding! Don’t get scared. 🙈 I noticed that when I clicked on the lessons it opened in a new tab. I didn’t want my customer to have a lot of tabs opened. So, I put on my coding glasses 🤓 and started to see how to fix it. After a while, I was able to find how.
You need edit in the code view of the sidebar
Write: Command + F and type _blank
All you have to do is replace all the _blank in the code to _self.
Woohoo! No more opened tabs!
STEP 5: COPY AND PASTE ON NEXT LESSON
Copy all the code in the sidebar and paste it in the next lesson inside the code view section. Before you are done, you have to change the emojis to the corresponding lesson. Continue repeating this step in all the lessons and you are done!
I hope you enjoy this bonus lesson inside the Customer Journey Course! Have fun creating your customer hubs or online courses while up-leveling your customers’ experience with you and your brand.
Thanks for watching and I hope we can continue to learn and grow together!
See you next time, adios!
- María Alejandra from Alejandra’s Styles 💜
