CustomFit.ai โ€” Website personalization, A/B testing and CRO for Shopify and D2C
Product
Features
โœฑ
Website Personalization
Adapt to each visitor's behavior & intent
โง–
A/B & Multivariate Testing
Rigorous experimentation
โœจ
AI CopilotNEW
Personalize with a prompt
๐Ÿค–
AI WingmanNEW
Auto-optimize toward winners
๐ŸŽฏ
AI Conversion OptimizerNEW
GPT-grade test ideas
โœŽ
No-Code Visual Editor
Drag-and-drop edit any element
โ–ฆ
Product Recommendations
Personalized recs that lift AOV
โš‘
Feature Flags
Ship safely with kill-switches
โ—ง
Chrome Extension
Edit your store in the browser
โง‰
Shopify, WooCommerce & more
All platform integrations
View all features โ†’
Use Cases
$
Price A/B Testing
Test price points to maximize revenue
โ–ฆ
Theme A/B Testing
Compare whole layouts & designs
๐Ÿ—‚
Template A/B Testing
Test whole PDP/PLP templates
๐Ÿท
Discount A/B Testing
Find the offer that converts
๐Ÿšš
Shipping A/B Testing
Thresholds, speed & copy
โœ
Content A/B Testing
Copy, images & reviews
๐Ÿ’ณ
Checkout Gateway A/B
Payments & one-click
โŒ–
Geo-Based Personalization
Per-location content & offers
โšก
Buyer-Intent Nudges
Exit-intent & retargeting
โ†”
Split-URL / Redirection
Full-page redirect tests
View all use cases โ†’
Solutions & Guides
โคข
Conversion Rate Optimization
The complete CRO guide
โง–
A/B Testing Software
Buyer's guide for D2C
๐Ÿ›’
Cart Abandonment Recovery
Win back lost carts
๐Ÿ“ฐ
Landing Page Optimization
Convert more paid traffic
S
Shopify A/B Testing
Test your store, no code
S
Shopify Personalization
Tailor the store per shopper
โ—”
First-Time Visitor Offers
Convert new shoppers with trust & offers
โ˜…
Repeat-Customer Experiences
Reward and re-engage loyal buyers
โ—Ž
Campaign-Matched Pages
Match the landing page to the ad
โŒ–
Location-Based Experiences
Currency, language & regional offers
Explore CRO โ†’
Customer stories
GIVA
+32%
conversion via personalized recs
GIVA
Mamaearth
+18%
revenue lift from PDP A/B tests
ME
The Sleep Company
+24%
AOV from product recommendations
TSC
Read customer stories โ†’
Integrations
SWsfGA+15
โœฆ
Not sure where to start?
Let AI Copilot pick your first tests

โ€œWe wake up to evidence-backed tests ready to deploy โ€” not a backlog of maybe ideas.โ€

AN
Anirudh S.
Growth ยท Chargebee
โ˜…โ˜…โ˜…โ˜…โ˜…4.8on G2 ยท 2,400+ brands
Talk to our team โ†’
Widgets
Integrations
Ecommerce & Checkout
Shopify
Shopline
Shoplazza
GoKwik
ShopFlo
Razorpay Magic Checkout
Breeze
Shiprocket
View all integrations โ†’
Analytics & Behavior
Google Analytics 4
Microsoft Clarity
Hotjar
Mixpanel
Amplitude
Heap
Adobe Analytics
Segment (CDP)
View all integrations โ†’
Engagement, CRM & More
Klaviyo
MoEngage
CleverTap
WebEngage
HubSpot
Salesforce
Slack
Meta Ads
View all integrations โ†’
CustomersPricing
Resources
CRO
โ–ค
Playbooks
Proven strategies to boost conversions
๐ŸŽ™
Interviews
D2C leaders & marketing experts
โ–ถ
Webinars
Live deep dives & product sessions
Learn
โœŽ
Blog
Tips, experiments & best practices
๐Ÿ“•
Free E-Books
Mastering personalization
๐Ÿ“–
Conversion Glossary
Every CRO term, defined
โœฆAI CopilotNEWLog inBook a demo
Start free trial
Select your platform โ€” Install in 2 minsWe'll tailor the setup
โšก Risk-free 14-day trial ยท No credit card ยท Cancel anytime
S
Shopify
Install from Shopify App Store
โ€บ
W
WooCommerce
Install the WooCommerce plugin
โ€บ
B
BigCommerce
Install from BigCommerce App Marketplace
โ€บ
SL
Shopline
Install from Shopline App Store
โ€บ
M
Salesforce / Magento
Install from the marketplace
โ€บ
SZ
Shoplazza
Install from Shoplazza App Store
โ€บ
WP
WordPress / Webflow
Install plugin or paste the script
โ€บ
โ—ง
Others
Custom-built on React, Next.js, etc.
โ€บ
Tip: pick your platform โ€” we handle the restBook a demo โ†’
Product
Website PersonalizationA/B & Multivariate TestingAI CopilotAI WingmanAI Conversion OptimizerNo-Code Visual EditorProduct RecommendationsFeature FlagsView all features โ†’
Use Cases
Price A/B TestingTheme A/B TestingTemplate A/B TestingDiscount A/B TestingShipping A/B TestingContent A/B TestingCheckout Gateway A/BGeo-Based PersonalizationBuyer-Intent NudgesSplit-URL / Redirection
Solutions & Guides
Conversion Rate OptimizationA/B Testing SoftwareCart Abandonment RecoveryLanding Page OptimizationShopify A/B TestingShopify Personalization
Explore
WidgetsIntegrationsCustomersPricing
Resources
BlogPlaybooksWebinarsInterviewsE-BooksConversion Glossary
Platforms
ShopifyShoplineShoplazzaChrome ExtensionAll integrations
Start free trialBook a demo
Homeโ€บBlogโ€บlanding pagesโ€บLanding Page Video: Above or Below Fold?

Landing Page Video: Above or Below Fold?

AKAshwin KumarCo-Founder & CEO, CustomFit.aiJanuary 15, 20258 min read
On this page
  1. The Core Question: What Job Is Your Video Doing?
  2. Above the Fold: When Video Works
  3. Background Video Loops
  4. Product Demo Above the Fold
  5. Below the Fold: The Default for Most Videos
  6. Ideal Below-Fold Placement Positions
  7. The Mobile Problem with Video
  8. How to A/B Test Video Placement
  9. Video Format and Technical Checklist
  10. Tips and Best Practices
  11. Key Takeaways
0%
Landing Page Video: Above or Below Fold?

From the conversion glossary

Concepts referenced in this article, defined.

Definition
What Is Variant? Definition, Formula & Guide
Definition
What Is Scroll Depth? Definition, Formula & Guide
Definition
What Is Page Speed? Definition & Guide
Definition
What Is Control? Definition, Formula & Guide
Definition
What Is Friction? Definition & Guide
โ† Back to Landing Pages guide
Try CustomFit.ai

Run A/B tests and personalize your store without code. 14-day free trial, no credit card.

Start free trial โ†’
Share
XLinkedInEmail

Related articles

landing pages

Mobile Landing Page Optimization Checklist

Sapna Joharยท 8 min read
landing pages

Long-Form vs Short-Form Landing Pages

Sharan Kumarยท 6 min read
landing pages

Landing Page vs Homepage: When to Use Which

Sharan Kumarยท 7 min read

Start lifting conversions today.

Run rigorous A/B tests and personalize every visit on Shopify or any storefront โ€” no engineers required.

Start free trialBook a demo

Built for every D2C category

๐Ÿงด
Skincare
๐Ÿ’„
Beauty
๐ŸŒฟ
Wellness
โ˜•
F&B
๐Ÿ‘Ÿ
Apparel
๐Ÿ’
Jewelry
๐Ÿ›‹๏ธ
Home
๐Ÿผ
Baby
Live ยท Right now
Mamaearth โ€” free-shipping band +12.4% AOVGIVA โ€” festive collection page +34% revenueBellavita โ€” PDP CTA test +27.4% CVRKapiva โ€” Quiz-driven recs +9.48% CTRThe Sleep Co โ€” landing personalized 2ร— capturesPlum โ€” Returning shopper swap +18.2% CVRMamaearth โ€” free-shipping band +12.4% AOVGIVA โ€” festive collection page +34% revenueBellavita โ€” PDP CTA test +27.4% CVRKapiva โ€” Quiz-driven recs +9.48% CTRThe Sleep Co โ€” landing personalized 2ร— capturesPlum โ€” Returning shopper swap +18.2% CVR
Get in touch

Tell us about your store.

We reply within an hour during business hours. No sales pitch, no spam โ€” just answers from someone who's seen 2,400+ D2C stores.

โœ“ Reply within 1 hourโœ“ No spam, everโœ“ Free demo & setup help
โœ“ Thanks! We'll be in touch shortly.
CustomFit.ai

The all-in-one website personalization, A/B testing & CRO platform for high-growth D2C brands. Made by marketers, fueled by coffee.

in๐•โ—Žโ–ถf
Product
  • Features
  • A/B Testing
  • Personalization
  • AI Copilot
  • AI Wingman
  • AI Conversion Optimizer
  • Feature Flags
  • Widgets
  • Integrations
  • ROI Calculator
Platforms
  • Shopify
  • Shopline
  • Shoplazza
  • Salesforce
  • Chrome Extension
  • All Integrations
Resources
  • Blog
  • Playbooks
  • Webinars
  • GrowthFit Interviews
  • Free E-Books
  • Conversion Glossary
  • Case Studies
Compare
  • vs VWO
  • vs Optimizely
  • vs Google Optimize
  • vs Mutiny
  • vs Intelligems
  • vs Shoplift
  • vs AB Tasty
  • vs Convert
  • vs Kameleoon
Company
  • About Us
  • Partners
  • CustomFit Awards
  • Recognition
  • Contact
  • Privacy Policy
  • Terms & Conditions
ยฉ 2026 CustomFit.ai ยท Valley Monks Pvt Ltd ยท Made by marketers, fueled by coffee, and obsessed with conversions.
SOC 2 Type II ยท GDPR ยท CCPA ยท ISO 27001

Video on landing pages can lift conversions significantly or tank them โ€” the outcome depends almost entirely on placement, autoplay behaviour, and whether the video earns its position above the fold. The short answer: short product loops belong above the fold; explainer and testimonial videos belong below it, after the CTA has already been visible. Here is how to decide which applies to your page and how to test your way to the right answer.

The Core Question: What Job Is Your Video Doing?

Before debating placement, identify what role the video plays on your landing page:

  1. Atmosphere / brand video โ€” shows lifestyle, evokes emotion, builds brand feeling. Usually 5โ€“15 seconds, looping, no sound.
  2. Product demo โ€” shows the product being used, features in action, or unboxing. Usually 30โ€“60 seconds.
  3. Explainer โ€” explains a concept, process, or differentiator. Usually 60โ€“120 seconds.
  4. Customer testimonial โ€” a real customer speaking to camera about their experience. Usually 45โ€“90 seconds.

Each type has a different ideal placement. Mixing them up โ€” putting a 2-minute explainer above the fold โ€” is the most common video mistake on landing pages.

Above the Fold: When Video Works

Background Video Loops

A short (5โ€“10 second) looping video as a hero background can work when:

  • The product is inherently visual (food, beauty, apparel, lifestyle)
  • The loop shows the product in use without distracting from the headline
  • The file is compressed to under 5MB and loads in under 1.5 seconds
  • There is a fallback static image for slow connections

The loop must not compete with the headline. Movement draws the eye, so if the background video is too dynamic, visitors will watch it instead of reading the headline or clicking the CTA.

Indian D2C brands in food, beauty, and fitness do this well โ€” a slow-motion shot of a smoothie being blended or an oil being applied reinforces the sensory appeal of the product without slowing the page.

Product Demo Above the Fold

A product demo above the fold only makes sense if:

  • The product needs to be seen to be understood (a novel device, a complex tool)
  • The video is 30 seconds or shorter
  • The CTA is still visible without scrolling on mobile

If your product is straightforward (a protein bar, a moisturiser, a T-shirt), putting a demo video above the fold adds weight without adding understanding. Use a strong static image instead and save the video for below the fold.

Below the Fold: The Default for Most Videos

For most landing page videos โ€” especially explainers and testimonials โ€” below the fold is the right position. Here is why:

The CTA must come first. Above-the-fold real estate has one job: get the visitor to understand the offer and take action. A video that plays before the visitor even sees the CTA forces them to watch before they can decide. That is friction, not persuasion.

Visitors who scroll are already interested. By the time a visitor has scrolled past the hero section, they have chosen to engage. A video that appears after the hero โ€” as supporting evidence โ€” speaks to an audience that is already partially convinced. Conversion rates from video CTAs placed at the end of a below-the-fold video are often higher than those from above-the-fold video CTAs.

Mobile performance. In India, a significant share of D2C traffic comes from Android devices on 4G connections in tier-2 and tier-3 cities. A 15MB video file above the fold means the CTA does not render for 3โ€“5 seconds. That is enough time to lose the visitor. Below-the-fold videos load lazily (after the main page content), so they do not block the initial render.

Ideal Below-Fold Placement Positions

After the feature/benefit section. Once you have explained what the product does and why it matters, a video showing it in action reinforces the claim with real evidence.

Next to or above testimonials. A video testimonial placed within a broader social proof section benefits from context โ€” it is one data point among many.

Just above the final CTA. An explainer or demo video placed just before the last CTA gives visitors who have consumed everything a final push. The CTA that follows a well-watched video converts at higher rates because the visitor is primed.

The Mobile Problem with Video

In India, mobile accounts for over 70% of D2C ecommerce traffic. Video placement decisions made for desktop often fail on mobile.

The main mobile video mistakes:

Video pushes CTA below the fold. On a 375px-wide screen, a 16:9 video takes up the entire viewport. If the video is above the fold, the CTA is invisible until the visitor scrolls. This directly reduces conversion rate.

Autoplay video with sound. iPhones block autoplay with sound by default. Android does not, which means some visitors get sound blasting unexpectedly. The result: annoyance, not engagement.

Video does not load. On a 4G connection with intermittent signal, a video that does not load creates a broken-looking page. Always add a poster image (a static frame) that displays while the video loads, so the page looks complete even before the video plays.

Full-width video breaks layout. Test your video placement on a real Android device in portrait mode at 375px width before you launch. What looks fine in the desktop browser preview often breaks on the device your customer actually uses.

How to A/B Test Video Placement

Run a clear A/B test with a single variable: placement. Use the same video, same page content, same CTA โ€” only change whether the video appears above or below the fold.

Test setupControlVariant
Primary metricCTA click rateCTA click rate
Secondary metricScroll depthScroll depth
Video positionAbove fold (below hero headline)Below fold (after feature section)
Sample size500 visitors per variant minimum500 visitors per variant minimum

If scroll depth is higher in the variant but CTA click rate is lower, the video is engaging but in the wrong position. If both are lower in the variant, the video may be the wrong type for above-the-fold use.

Tools like CustomFit.ai let you run this test without developer involvement โ€” create two versions of the page, assign traffic splits, and read results from the dashboard.

Video Format and Technical Checklist

Before adding any video to a landing page:

  • File size under 10MB (aim for under 5MB for above-fold use)
  • Format: MP4 with H.264 encoding (widest compatibility)
  • Autoplay: yes for background loops (muted + loop), no for explainers
  • Poster image: set a static frame for when video has not loaded
  • Captions: always add subtitles โ€” 85% of video is watched without sound
  • Mobile test: confirm CTA is visible on a 375px screen before the video plays
  • Load test: check page speed with video vs. without using PageSpeed Insights

Tips and Best Practices

Captions are not optional. Most people watch landing page video without sound โ€” in a quiet office, on a train, or because they muted the tab. Without captions, the video communicates nothing. With captions, it is a full selling tool.

Short beats long. A 45-second video watched entirely is more valuable than a 2-minute video abandoned at 30 seconds. Edit ruthlessly.

Do not use YouTube embeds. YouTube embeds show recommended videos after playback (your competitor's ads), add YouTube branding, and load more slowly. Host videos on your own CDN or a tool like Wistia/Vimeo with no-branding settings.

Track video completion rate. A video that has a 20% completion rate is not converting visitors โ€” it is wasting their time. Either shorten it or move it below the fold where only engaged visitors will encounter it.

Festive campaigns need updated video. During Diwali and other peak seasons, a landing page with an outdated product video (showing non-festive use cases) misses an opportunity. Swap in a festive-themed video clip or at least update the poster image.

Key Takeaways

  • Background loops (5โ€“10 seconds, muted) can work above the fold; explainers and testimonials belong below.
  • The CTA must be visible before any video plays on mobile โ€” non-negotiable.
  • Lazy-load below-the-fold video to protect page speed and landing page conversion rate.
  • Always add captions โ€” the majority of landing page video is watched without sound.
  • A/B test placement with a single variable; let data decide rather than assuming video always helps.
  • File size, mobile layout, and poster images matter as much as the video content itself.

For more on landing page optimisation, see the Landing Pages pillar guide and the article on mobile landing page optimization.