share

(Love can change the world!)

My dear Couple,

for creatives

for couples

Contact

Portfolio

The Podcast

Let's create Art that reveals how remarkable you are!

ShowIt Tip: A better LinkedTree-style Instagram menu

posted in

Not my usual kind of post, but I decided to share this neat little trick because I have not seen it covered anywhere else. I hope it will save you some trouble!

When creating a ShowIt menu that displays when users click your bio link, (sort of like a LinkTree menu, only created by you, and for free!), you might want to consider that not all instagram users are using a mobile device. Some may be using instagram on a desktop or a tablet. In this case, it ‘d be nice to be able to display your IG Menu only on mobile devices, while directing users who use desktop or tablet directly to your homepage.

It is quite easy to do with this little trick:

First, add a canvas (let’s call this canvas “Desktop-script)” and set it to only be visible on desktop.

Next, add an Embed iframe in the canvas. Double click the iframe and copy-paste the following javascript code:

<script>
var width = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

if ( width > 600) {
window.location.replace("your-website.com");
}
</script>

Making sure to replace “your-website.com” in this script with your own homepage URL. (keep your URL is wrapped with quotation marks). So, in my case, the line would be: window.location.replace(“https://andreaskgeorgiou.com”)

This little code will redirect desktop or tablet users directly to your homepage, while mobile users will keep seeing your mobile IG menu.

The final thing you might want to add is a courtesy notification such as the below. Add this in the Desktop-script canvas so that only desktop/tablet users will see it. If forever reason the script does not redirect the user automatically, the user will be able to navigate to the homepage manually. In most cases, the redirect will work perfectly well, and it will happen so fast that this notification will not even be visible.

Want to see this trick in action? Head to my website on your mobile device and visit my Instagram profile (@andreaskgeorgiou). Click the link in my bio and you’ll be taken to a mobile-specific menu. But, if you visit my Instagram profile on a desktop and click the same link, you will be redirected to my homepage!

That’s it!

Leave a Reply

Your email address will not be published. Required fields are marked *

Tune in to the

Ready to change gears from merely competing, to actually

Change the culture to the better
Find your sense of purpose
Generously connect with your clients 

mattering?

Podcast

Season 2

Journal chapters

more:

Powerful ideas, to think like a true Artist.

Season 2

Market your wedding brand for impact

Journal


Enroll now - it's free

Learn more

A FREE email course about shipping your Art to the world. It's for ALL Wedding Artists (photographers, florists, planners, HMUas etc)!
The missing intro to Modern Marketing for Artists