Skip to content
Contact us
  • There are no suggestions because the search field is empty.

How to build your Landing Page

Learn how to use all the widgets to create a great Landing page for your clients.

tracking (2)

 

Having a Landing Page is optional, you don't need one to launch your PassionApp.

IN THIS ARTICLE

1. The Landing Page

2. Widgets and how to use them

4. Frequently Asked Questions (FAQs)

1. The Landing Page


The Landing Page is like a Sales Page. We call it "Discover", but you can change this name anytime.

You can create the Landing Page using widgets to add a header with an image or video, testimonials, FAQs, feature lists, photos, and pricing plans. Below, you'll find more about these widgets and how to use them.

To edit your Landing Page:

  • Go to My App > First Impressions > Landing Page

first impressions

first impressions (2)

Can't see "First Impressions?"

Go to My App > Navigation > and toggle Discover on.

2. Available Widgets

You can add different widgets to your Landing Page, it's like a mix & match and all are optional.

  • Header

The Header is an image or video that appears at the top of your app. You can choose between using the "New" Header widget and the "Old" Header widget. 

You will add:

  1. Background Image/Video
    • A vertical image or video works better.
    • The Background Image/Video tooltip text should change to a Square image or video for the top of your app.
    • File types: jpeg, png, mp4, mov.
    • The resolution is 720x720 for the Header (new).
  2. Headline
  3. Caption
  4. Call to action button
    • This button will lead your customers to the subscription area of your app. Example: “Subscribe now.”
    • If you leave the text empty - the button will hide

first impressions (3)

Old Header (with overlay) – Best for:

✅ When you want a smooth transition between the Header and the next widget.
✅ When using light text that needs better contrast against a background.
✅ When your background image is dark and you want to enhance its clarity.

New Header (without overlay) – Best for:

✅ When you want the background image to appear exactly as it is, without shading.
✅ When using text colors that already contrast well with the background.

  • Pricing Plan and Multi-pricing

You can choose to display one or multiple pricing plans.

first impressions (4)

Click here to learn more about How to create hidden pricing.

  • Feature list 

List the key features of your PassionApp.

first impressions (6)

  • FAQ

Add a set of Frequently Asked Questions.

first impressions (7)

  • Hero Image 

Add an image to your Landing Page.

Hero Image Size: 750 x 1336 px

first impressions (8)

  • Carousel

The carousel format can show up to 15 images. These can be testimonials, app features, etc.

Carousel Image Size: 1024 x 768 px

first impressions (9)

 

Looking for widgets to use on your courses?

Check out this article: Product Widgets and Accepted File Types & Sizes

 

 

3. Frequently Asked Questions (FAQs)

When I update my Landing Page, does it automatically update my PassionApp?

Yes!

Why is my Discover page not loading?

Make sure the check mark is shaded green and that there are no blank widgets.

How do I publish my Discover page?

It's automatic when you enable it.

To enable it, go to: My App > Navigation > Discover

Could you tell me why I can't add the widgets?

Please ensure you click on the widget, hold it, and then drag it to the Landing Page. The newly added widgets usually appear at the bottom, then hover over your mouse on the widget and click edit.

"Wow! You have all our featured program images" still appearing in the background. How do I change it?

This will only appear if the client has bought all your programs.

On another note, you can add another pricing plan on your Landing page that your client can't access, so the regular Discover Page will still show up instead of the "Wow! You got all our featured program images."

My client cannot see the contents of the Discover Page on the Passion.io App. Why is that so?

The Passion.io App is for in-app viewing only. That's why your clients (when logged into your app via the Passion.io app) will notice that the pricing plans are greyed out.

You can provide them with the URL link of the pricing plan instead, which you will find in the Pricing tab of the platform.

Why are my testimonials not showing? 

If you are viewing it on the Passion.io App, it's a natural behavior of the feature.

Why is my Header video not playing on Web App?

Please check that your device is not in Battery Safe or low battery mode. When your device is in these modes, the app will comply with the settings because playing videos quickly drains your smartphone's battery.

I uploaded a video to the header widget, but I can't hear the video sound when it plays. 

The Welcome Screen Background and the Landing Page Headers are primarily designed to preview images. Uploading a video with a sound to these fields/widgets won't trigger the sound to play as they're not intended to render the sound of a video.