Referral link block · layout concepts

Four ways to restructure the block

Each concept contains the same pieces — link + copy, WhatsApp, LinkedIn, X, Facebook, email, SMS, QR and the invite form — arranged differently. These are static mockups with a demo link. Tell me the number you like and I'll build it into the page.

1 · Midnight hub

One premium dark panel holds everything: the URL up top, all channels as glowing chips in a rail, QR at the end, invite on a slim cream bar. The most striking, brand-forward option.

Your Referral Link

Anyone who registers through it is tracked to you.

https://eagle-eyes-ears.com/?ref=demo
Copy Link
WhatsAppLinkedInXFacebookEmailSMS QR
Send a personal inviteTheir nameTheir email address Send Invite

2 · Guided steps

A numbered 1-2-3 journey: copy your link, then pick a channel tile, then invite directly. Amber discs and a spine make the order obvious — best for first-time users.

1

Copy your link

Share this unique link with your network.

https://eagle-eyes-ears.com/?ref=demo
Copy Link
2

Choose how to share

Every channel uses the link above, exactly as copied.

WhatsAppInstant messageLinkedInYour professional networkXPost to your followersFacebookShare to your timelineEmailSend a direct messageSMSText the link
QR code mockupShare via QR Code — let others scan to open your referral link. Download
3

Or invite someone directly

We'll email them your link with a personal note from you.

Their nameTheir email address Send Invite

3 · Command bar

The most compact: a single slim card with three hairline-divided bands — link, six square channel tiles with captions, one-line invite. Almost no vertical cost.

https://eagle-eyes-ears.com/?ref=demo
Copy Link
WhatsAppLinkedInXFacebookEmailSMS
QR code mockupShare via QR CodeDownload
Their nameTheir email address Send Invite

4 · Two-column hub

A magazine split: link + invite stack in the warm left column, channels read like a settings list on the right with the QR card anchoring the bottom. Calm and scannable.

Your Referral Link

Tracked to you, always.

https://eagle-eyes-ears.com/?ref=demo
Copy Link

Send a personal invite

Emailed with a personal note from you.

Their nameTheir email address Send Invite

Choose a channel

WhatsAppInstant messageLinkedInYour professional networkXPost to your followersFacebookShare to your timelineEmailSend a direct messageSMSText the link
QR code mockupShare via QR CodeLet others scan this code to open your referral link. Download

We use necessary cookies to run the platform, plus optional analytics and marketing only with your consent. Cookie Policy