Showing conditional content according to the device

In E-goi, you can create a landing page or an on-site messaging that shows different content depending on the device it's viewed on.

For instance, imagine you have a landing page with lots of content, and it becomes really long on mobile devices.

No worries! You can create variations in some blocks to adapt (or hide) the content according to the device it's being viewed on.

The result? A better experience for your customers!

 

 

Here's how you do it, following the example of a landing page:

1) Start by creating the page.

2) When you get to the page editor, head to the "+" sign on the left side of the block and click on Add variation. If you prefer, you can click on the copy icon to duplicate the content with the formatting.

 



3) Create or adjust the content of the variation. In this case, let's hide the variation on mobile.

To do this, simply go to the right panel and activate the option Hide this variation from contacts, and in the Only display this variation to... section, choose Mobile.

 



4) Do it in all the blocks you need, and once you're done and save the page. Then, when you share it, all the blocks will be visible on Desktop, while some will be hidden on Mobile.

 

 

Do you want to create variations in on-site messaging?

The on-site messaging editor works the same way. Just follow the steps in that channel.