Build Editable WordPress (Elementor) Landing Page + Airtable Referral System

PLEASE READ COMPLETELY
PLEASE READ COMPLETELY
PLEASE READ COMPLETELY

Project Overview

I need a developer to convert a landing page design into a fully functional WordPress site using Elementor and implement a simple referral tracking system.

This is a lightweight pre-launch system focused on:

Capturing users (email + username)
Generating unique referral codes
Tracking referrals
Storing all data in Airtable
Sending users their referral link automatically

⸻

Scope of Work

1. WordPress + Elementor Build
Convert provided design into a pixel-perfect Elementor page
Fully responsive (mobile + desktop)
Clean, fast, and easy to edit later in Elementor

⸻

2. Form Setup

Using a form plugin (WPForms, Fluent Forms, or similar), capture:
• Email
• Username
• Referral code from URL parameter (?ref=)

⸻

3. Referral Tracking Logic
Capture referral parameter from URL (?ref=…)
Associate new signups with referring user
Generate a unique referral code for each new user

Example:

mydomain.com?ref=user_123


⸻

If you have read and understand the job and can do it use the phrase “quick task” put that at the front/beginning/top of your proposal - give me your price right after DO NOT ask me my budget just give me your price

4. Airtable Integration

Use Airtable to store:
• email
• username
• referral_code (generated)
• referred_by
• created_at

All data must be stored cleanly and reliably.

⸻

5. Automation

Use Make (preferred) or Zapier:

Flow:
1. User submits form
2. Generate referral code
3. Save to Airtable
4. Send email with referral link

Example:
“Your referral link: https://mydomain.com?ref=your_code”

⸻

6. Email Setup
Configure transactional email (SMTP or service)
Ensure reliable delivery (not spam)

⸻

7. Data Structure (Important)

The system must be simple and exportable.

DO NOT:
Use WordPress affiliate plugins
Build unnecessary dashboards
Lock data that can’t be exported

⸻

Technical Requirements:

WordPress + Elementor (blocks)
Proper handling of URL parameters
Clean Airtable integration
Automation via Make or Zapier
Secure handling of API keys

⸻

What I Will Provide
• Landing page design
• Domain + hosting access
• Airtable access (if needed)

⸻

Deliverables
• Fully working Elementor landing page
• Referral tracking system
• Airtable integration
• Automation working end-to-end
• Email system configured
• Brief walkthrough on how to edit/manage

⸻

Timeline
• 2–5 days preferred

⸻

Budget
• Open to proposals

⸻

To Apply

Please include:
1. Examples of Elementor sites you’ve built
2. Experience with Airtable and automation tools
3. Confirmation you understand referral tracking logic
4. Your approach to generating unique referral codes

How it will work: (I’m open to suggestions on this as well)

How to generate unique referral links using Airtable
The secret isn’t in the landing page—it’s in how you handle the URL parameters. You don’t need a complex backend to start; you just need a simple automation loop.
1. The "Generator" (Airtable)
In your Airtable "Users" table, create a Formula Field called Referral Link. Use a formula that combines your website URL with a unique ID for that user.
• Example Formula: "https://yourwebsite.com?ref=" & RECORD_ID()
• Result: https://yourwebsite.com?ref=recXyZ123
2. The "Catch" (Landing Page)
On your landing page (Framer, Webflow, etc.), add a Hidden Field to your signup form titled referred_by.
Most modern builders have a setting to "Map from URL." You tell the form: "If the URL has ?ref= in it, take that value and put it in this hidden field."
3. The "Loop" (Automation)
Use a tool like Make or Zapier to connect the two:
• Trigger: New form submission on your landing page.
• Action: Create a new record in Airtable. The referred_by hidden field value gets saved into a "Referred By" column in your database.
• Action: Send an automated email to the new user containing their own unique Referral Link (which Airtable just generated for them).

Only first referral counts