Documentation

This guide will walk you through installing and setting up your Landing Page Template from WebThemeKit using Elementor and MetForm.

1. Starting Point
  • Fresh WordPress installation
  • Elementor installed & activated
  • Hello Theme activated
2. Install MetForm Plugin
  1. Go to Plugins → Add New
  2. Search for MetForm
  3. Install and activate it
3. Configure Elementor Settings
  1. Go to Elementor → Settings
  2. Under the General tab, check:
    • Disable Default Colors
    • Disable Default Fonts
  3. Save changes
4. Create a New Page
  1. In WordPress Dashboard, go to Pages → Add New
  2. Enter a page title (e.g., Landing Page)
  3. Under Page Attributes → Template, select Elementor Canvas
  4. Click Publish
  5. Then click Edit with Elementor
5. Import the Landing Page Template
  1. Inside Elementor editor, click the folder icon at the bottom
  2. Go to the Templates tab
  3. Click the Upload icon (top-right)
  4. Upload the downloaded .JSON template file
  5. After upload, click Insert
  6. The template will now appear on your page
6. Add the Contact Form (MetForm)
  1. Scroll to the Contact Section of your page
  2. Select the MetForm widget placeholder under the form text
  3. Click Edit Form
  4. In the popup, choose New → Enter a form name → Select Blank Form → Click Edit Form
  5. Inside the form editor:
    • Click the folder icon
    • Go to the Templates tab
    • Upload the form template file provided
    • Click Insert
  6. Once done, click Publish & Close
7. Save Your Page

Back in Elementor editor, click the Update button to save your changes.

Your Landing Page is now fully installed with the contact form working!