HTML to Elementor
Website kit · Mobile apps

Mobile app landing page kit

Three Elementor-ready pages for a consumer mobile app campaign: a landing page with store buttons, a Free vs Premium pricing page and a thank-you page.

Templates: 3 Landing page
Download kit (ZIP)
Preview of the Mobile app landing page kit home page

About this kit

A landing page kit is built for one goal and for traffic you paid for or planned: an ad, an App Store search campaign, a newsletter mention, a QR code on packaging. Visitors arrive with a single question — is this app worth installing? — and the page has to answer it and get them to the store. That is why these pages have no site navigation. Each one carries its own slim top bar with the name and one download button, and a single legal row at the bottom, so there is nothing to click except the thing you want people to do. Every extra link is a way to leave without installing.

The kit follows a fictional meal planning app called Simmerly. The landing page leads with the headline and both store buttons, then three core features, a three-step walkthrough, deep-dives with phone screenshots, user quotes, a Free and Premium teaser, an FAQ and a closing download prompt with an email-me-the-link form for desktop visitors. The pricing page compares Free and Premium with monthly and yearly prices, presents the family plan and answers billing and cancellation questions. The thank-you page is where that form sends people: it confirms what happens next, repeats both store links and asks visitors to share.

Import the landing page first, then pricing and thank-you. Because the top bar and footer are built into each page, set every page to the Elementor Canvas template (Page Settings, Page Layout) so your theme’s header and footer do not appear above and below them. Point the form’s redirect at the thank-you page and use that page’s URL as the conversion in your ad account, so a conversion is only counted when someone has really signed up. The form converts to an Elementor Pro Form.

Colors and fonts

Every page in the kit uses the same palette and font pair, so pages imported one by one still look like one site. After import, the colors and fonts are ordinary Elementor settings on each widget.

Aubergine #2a1736
Tangerine #ff6b35
Butter #fff3d6
Basil #2e8b57
White #ffffff
Plum grey #6d5f75
  • Headings: Outfit
  • Body text: Nunito Sans

How to install the kit

  1. Download the kit. The ZIP holds one Elementor JSON template per page and per header/footer, the HTML source of each, and a README.
  2. In WordPress, open Templates → Saved Templates → Import Templates and import the JSON files you need.
  3. Create each page, choose “Elementor Canvas” or “Elementor Full Width” as the page template, and insert the matching saved template.
  4. Landing pages carry their own top bar and footer row, so use the “Elementor Canvas” template to hide your theme’s header and footer on them.
  5. Replace the sample text, images, prices and contact details before publishing. Forms in the kit need Elementor Pro and an action set after import.