Customizing Landing Pages

Estimated reading: 2 minutes

Welcome to the guide for customizing mobile and desktop landing pages using CSS in webAR. This guide provides valuable tips on how to enhance the look and feel of your webAR experience by targeting specific DOM classes with CSS. You will learn how to customize the mobile intro image and call-to-action button, as well as the title and subtitle on the desktop landing page. Whether you’re new to webAR or an experienced developer, this guide will help you take your webAR experience to the next level.

Mobile

Customizing the mobile landing page is an essential aspect of enhancing your webAR experience. By targeting specific DOM classes with CSS, you can improve user engagement and add a personal touch to your experience. This section provides practical advice on how to enhance the look and feel of the intro image and call-to-action button to make it easier for users to engage with your experience.

				
					/* Main Image */
.content {
    
}

/* CTA Button*/
.cta-intro {

}

Desktop

Customizing the desktop landing page can help create a more engaging and immersive webAR experience. By targeting specific DOM classes with CSS, you can make subtle yet impactful changes to the title and subtitle. This section provides practical advice on how to create a more memorable webAR experience by enhancing the title and subtitle to increase conversions and user engagement.

				
					/* Container of Title and subtitle */
.description {

}

/* Upper line of text */
.title {

}

/* Lower line of text */
.subtitle {

}

Customizing Landing Pages

Mobile

Desktop

CONTENTS