Landlift

Landingi + LandLift Integration: Track Your Landing Page Performance Beyond Basic Metrics

Back

Stop guessing why your Landingi pages aren't converting. LandLift shows you exactly how visitors interact with each section of your landing page, giving you insights that Landingi's built-in analytics can't provide.

Here's how to set it up in under 10 minutes.

What You'll Get

Once integrated, LandLift will track:

  • How visitors engage with each section (hero, pricing, testimonials, etc.)

  • Where people click and how long they spend reading

  • Exact exit points where you're losing conversions

  • AI-powered recommendations for improving specific sections

Step 1: Add the LandLift Tracking Script (2 minutes)

  • Get your tracking script from your LandLift dashboard (the "Create Landing Page" form)

  • In Landingi, open your landing page and click Dashboard

  • Go to the JavaScript Code tab (you can also access this directly from the editor)

  • Click Add script

  • Name it "LandLift Tracking"

  • Paste your LandLift script in the Content field

  • Set placement to Head

  • Choose Both pages (main page and thank you page)

  • Click Add

Step 2: Set Your Version Number (1 minute)

Version tracking lets you compare how changes affect your page performance over time.

Option A: Meta Tag (Easiest)

  • In the JavaScript Code section, click Add script again

  • Name it "LandLift Version"

  • Paste this code:

<meta name="landlift-version" content="1.0">

  • Set placement to Head, choose Both pages

  • Click Add

Option B: Data Attribute

Add this via an HTML widget anywhere on your page:

<input type="hidden" data-landlift-version="1.0" style="display:none;">

Version Format:

  • Small changes (headline tweak, button color): 1.0 → 1.1

  • Major changes (redesign, new layout): 1.0 → 2.0

Step 3: Mark Your Page Sections (5 minutes)

This is where the magic happens. LandLift needs to know where each section starts and ends.

Method 1: Using CSS Classes (Recommended for Landingi)

Landingi sections can have custom CSS classes added. Here's how:

  1. In the Landingi editor, click on a section

  2. In the right toolbar, find the Other tab

  3. Look for CSS class or Additional CSS class field

  4. Add a class like: landlift-hero, landlift-pricing, landlift-testimonials

  5. Repeat for each major section

Common section names to use:

  • landlift-header (navigation)

  • landlift-hero (main headline area)

  • landlift-benefits (features/benefits section)

  • landlift-testimonials (social proof)

  • landlift-pricing (pricing table)

  • landlift-cta (call-to-action)

  • landlift-footer

Method 2: Using HTML Widget

If you need more control, you can wrap sections using the HTML widget:

  • Drag an HTML widget to the top of a section

  • Add this code:

<div data-landlift="hero">

  • Add another HTML widget at the bottom of that section with:

</div>

  1. Repeat for other sections, changing "hero" to your section name

Note: Method 1 (CSS classes) is usually cleaner and easier in Landingi.

Step 4: Verify Your Setup

  1. Save and publish your Landingi page

  2. Go back to your LandLift dashboard

  3. Click Analyze on your landing page

  4. You should see a screenshot with all detected sections highlighted in green

If sections are missing, double-check your CSS classes or HTML markup.

Start Collecting Data

LandLift needs at least 100-200 sessions to show reliable analytics. Once you hit that threshold, you'll see:

  • Section-by-section engagement - which parts hook attention, which cause exits

  • Click heatmaps - exactly where visitors click in each section

  • Time-spent analysis - how long people read each section

  • AI recommendations - specific suggestions for improving conversions

Making Changes? Update Your Version

Every time you update your Landingi page, bump your version number:

  1. Go to JavaScript Code tab

  2. Find your "LandLift Version" script

  3. Edit it and change content="1.0" to content="1.1" (or 2.0 for major changes)

  4. Publish your page

LandLift will automatically compare the new version's performance to your previous versions, section by section.

Troubleshooting

Not seeing data in LandLift?

  • Make sure you've published (not just saved) your Landingi page

  • Check that the tracking script is in the Head position

  • Verify you have at least 10 sessions (100-200 recommended)

Sections not detected?

  • Confirm CSS classes start with landlift- (with a hyphen)

  • If using HTML widgets, make sure opening and closing <div> tags match

  • Check for typos in section names

Multiple versions showing?

  • This is normal if you've updated your version number—it's a feature! Compare them to see which performs better.

Next Steps

With LandLift tracking your Landingi pages, you'll finally understand what's really happening beyond basic page views and form submissions. Use the AI Copilot to get specific recommendations for each section, then test improvements by updating your version number.

Your Landingi pages are about to get a whole lot smarter.