Every coach wants to get more coaching clients from social media channels, but how do you do it?
There’s many strategies around to help to get coaching clients from social media over to your website landing pages and in this article, we will use Elementor to create a professional social media menu with links direct to your services and key website pages.
Using a professional menu page like this will come in handy for all your coaching social media channels, but especially on Instagram and TikTok where you can only have a single link to use.
With your menu page, you’re effectively turning that single link into a social media menu where you can then add as many links as you like, making it easy for your social media followers to link to your services.
As you know, making the process easier for your clients increases the likelihood of them signing up for your services.
Coaching clients from social media – your Instagram menu
Instagram provides a single place to use linkable content that you can use to link to a website homepage or to a service landing page. That’s the link in your bio.
What if we can make better use of this single link to create an Instagram menu?
Read on, and I’ll show you how to create a page in your website that works perfectly as a social media menu.
Coaching clients from social media – your TikTok menu
Just like Instagram, TikTok offers a single place to utilise a link which is in your bio area.
As mentioned earlier, it would be really handy to turn this link into a TikTok menu to all your services and offers.
Coaching clients from social media – Facebook, LinkedIn & Twitter Menu’s
On Facebook, LinkedIn and Twitter, you are able to use links to other web pages in your posts which is great.
However, there are some areas where having a single link act as a menu would be really handy.
On your Facebook personal profile, you have a brief bio section which is the first text content a visitor will see when being nosey at your profile.
This section is limited to 80 characters, so you’d struggle to add multiple links in here, however, a single link that would act as a menu would be really beneficial.
Within your LinkedIn profile, there is a section to add featured items, which can be a post, an image or a link. Whilst we can add more links here, it requires users to scroll through to see what services you offer and those links need to be formatted correctly.
Having a single link here save hassle and makes it easier for clients to see your services via a menu type structure which you’re more in control of.
The link itself does not show in LinkedIn, it renders images and content from the page it is linked to.
We can use links within Twitter posts to direct people to a specific page, but again, in our bio area we can have one main link which we can make use of like a menu to all your main services.
The simple Social Media menu
So, what would your social media mobile menu look like?
Well, the answer to that is it can look like anything you like!
As I’ll be showing you how to use Elementor to build the menu, you have freedom to build the page however you like.
I’m a huge fan of simplicity, so here’s how mine looks. It’s really easy to use on a mobile device with clear and large buttons for the user to click.
How to create your Social Media menu…
We’re going to be using a new page on your website to use as the menu.
As with all your other webpages, we will be using Elementor to design and build this page.
Add a new page
In your WordPress dashboard, add your new page from the left hand Pages section
Give your page a title, like “Menu” or keep it short such as “SM” (short for Social Menu) then click on the “Edit with Elementor” button.
Changing page settings in Elementor
Next, you need to make some changes to simplify the page.
- Removing the header
- Removing the footer
- Forcing the page to be narrow
This keeps a nice simplified menu for the viewer to see, no matter what device they are viewing your page on.
80% – 90% of the time, it’s going to be on a mobile device, hence we keep the page narrow so the design works is kept simple and usable on a smaller screen.
You could, however, design different designs for different devices, like a regular desktop/laptop screen, tablet screen and mobile screen.
But as you know, I’m a great believer in simplicity and there’s really no need to 3x the amount of work here.
So, to remove the header and footer, go to settings in the bottom left corner:
And change the page layout to “Elementor Canvas”
This gives us a completely blank page to design our menu.
If you click “Publish” and refresh the page, you will see the blank Elementor Canvas.
Next, add a new single column section:
Now you have the section, you will set the maximum width of the section to 400px (about the average width of a modern mobile phone screen)
Make sure you’re editing the section:
In the left hand Elementor settings, in the Layout tab, it should be set to “Boxed” and enter a value of “400” into the width
Now we are ready to put the menu content into the section.
I start with an image widget to add the logo.
Choose the logo image
Change the link to custom URL and choose the Home page so when people click on the logo, they get to your website home page.
In the style tab, change the width of the image to 300px (or narrower if you wish) so it’s not too large on a mobile device.
Next, I’ve added a text widget to give a short description of services for when the viewer views the menu.
Next, add the menu items. I use buttons to do this:
Change the button text to whatever you want it to show, change the link to where you want it to go to and set the alignment to “Justified” to fill the width of the section and set the size to “large” so the buttons are easy enough to click on a mobile device.
In the button style tab, you can change the text colour and the button colour of your choice, using either the colour picker or saved global colours.
To add another button for another menu item, instead of repeating the same button process, you can right click on the existing button and select “duplicate”
Then simply change the button text and the button link in the settings.
When you’re done, don’t forget to publish/update your changes.
And you’re done!!
You can now exit the Elementor builder:
In the WordPress editor, you’ll see the “permalinks” settings where you’ll the the full link to the page.
This is the link you can copy and use within your social media bio’s to act as a your Social Media menus.
Learn about WordPress and Elementor
If this is the first time you’ve used WordPress or Elementor and you’d like to learn more, a great place to start is my free DIY website course.
In the course, you’ll learn how to use the free versions of WordPress and Elementor to build a basic website, so there’s no investment required.
Why not just use LinkTree?
LinkTree is a great tool that does a very similar thing and they do offer a free version.
However, using your own web page offer many benefits, including:
- Complete custom design
- Using your website URL, not a LinkTree URL
- Ability to track website visitors with Google Analytics
- Ensures the Facebook Pixel is capturing viewer data
- Ensures the viewer reaches your website (a big aim for any business)
The idea of this social media menu is to make it easier for people who view your social media profiles to find out about your services and how you can help them.
Making things easier for people to get to your services, find out information about you and to sign up, subscribe or opt in will enable you to gain more clients over your competitors who do not have systems in place.
Systems should also be kept simple and you’ll see how simple this social media menu system is, which is why it’s a great mini addition to your business website.
And if you’re tracking data with Google Analytics and the Facebook Pixel, you’re going to grab more visitor data enabling you to find more people who are potentially interested in your services.
But that’s for another lesson.
If you have any questions about implementing your social media menu web page, please reach out to me via my free Facebook support group.