destinations

subscribe

FREE e-book

free download→

pocketbook

the ultimate

Second Photographer's

Season2

more players

Listen on

Spotify

Listen on

Apple Podcasts

Change Makers' Hub :: Education

destinations

subscribe

FLORENCE • ATHENS • PARIS

Andreas K. Georgiou

BROWSE :

Italy

France

Greece

Portugal

United Kingdom

United States

Ireland

Morocco

ShowIt Tip: A better LinkTree-style Instagram menu

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

The Latest posts

Popular reads in the magazine

Andreas

travel the globe photographing life’s important events, weddings, and editorial shoots.

more about Andreas →

PHOTOGRAPHER, WRITER,  GENTLEMAN

welcome, I 'm

I

The AKG studio was created out of my fascination for blending modern techniques with the art d'excellence from a bygone era, creating a photography of timeless aesthetic and heritage. 

My photography is calm, intimate, quiet, and infused with meaning and purpose. It stems from my deep desire to advocate for empathy, empowerment, and kindness.

THE AKG MAGAZINE →
with exclusive inspiration

extraordinary

Keep your

Keep your extraordinary

Subscribe for exclusive updates

extraordinary

Keep your

with exclusive wedding inspiration, spellbinding travels, and privileged behind-the-scenes.

Images as remarkable as you.

pocketbook

Second Photographer's

the ultimate

free e-book

subscribe

Stay ahead of the curve 
with the latest educational content: workshops around the world, articles, free e-books & podcasts
A FREE email course about shipping your Art to the world. It's for ALL Wedding Artists (regardless of specialty)
The missing intro to Modern Marketing for Artists

Learn more

Enroll now - it's free
 - Subscribe for exclusive updates -

extraordinary

Keep your


Stay ahead of the curve

With the latest educational content - Workshops around the world, articles, podcasts.