In this article: About showing different content by device type | Usage examples | Redirect mobile visitors to a different page | How to set up a device type condition using If>so
About content customization by device type
Users behavior is different on mobile, tablet, and desktop. With If>So’s device type conition you can easly optimize your website’s content experience to each device. You can choose to replace some of your page content, replace the whole page, or add new content on certain devices only.
Adaptive design solution
Unlike responsive design, If>So’s solution is a server-side solution. It means that content you set to be displayed on certain devices, will not be loaded on others. Result in a faster page loading time and convenient way to manage and optimize content.
How can your site benefit from device-based content? Examples:
- Display a click to call button on mobile devices, and a phone number on desktops.
- Combining with the schedule condition: Show mobile visitors a click to call button on opening hours, replace it with a contact form when the business is closed.
- Prevent the loading of sliders and other long loading content on mobile devices.
- Create a whole different version of your homepage (or any other page) and redirect mobile visitors to the new, optimized page.
Which content can be customized using the device type condition?
Same as on all If>So’s dynamic triggers, any content of the website can be customized. That includes titles, texts, images, call to actions, and buttons.
Redirect mobile visitors to a new page?
How to set up a device-based content using If>So
- On your WordPress dashboard, go to “If>So → Add New Trigger
- Click on “Select a condition” and select “Device Type“.
- Check the device (or devices) you would like to display customized content on.
- In the content field, set the content to be displayed on the devices you have checked.
- In the default content field, set content to be displayed on the devices you have not chosen (optional, can be left blank).
- Press “Publish” and paste the shortcode generated by If>So in your website.
Ready to get started?