Promo tools built out: posts, text-a-friend, swipes, banner kit, handouts, objections
- Social posts for X / Facebook / LinkedIn / Telegram-WhatsApp with post and share buttons; 5 SMS-sized Text-a-friend messages (Text it / WhatsApp / Telegram / Copy); email swipes short, standard, long, follow-up. - Banner kit adds 1080x1080, 1080x1920 and 1280x720 (tools/gen-social-banners.cjs) with Download buttons. - Printable half-sheet handouts at /flyers with the member's QR + invite link (qrlib.js, two per letter page, cut line, print-one). - Objection handling bank: truth + ready-to-send reply per objection. - Invite-link strip, Branded Voice CTA, pill menu covers every kit; chatbot canned answer + prompt facts updated. Angle links carry ?v= for the upcoming hook pages. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
martbost
+46
-12
@@ -5,7 +5,7 @@
|
||||
<title>Member area | InstantAdPay</title>
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
|
||||
<link rel="icon" type="image/png" href="/logo-icon.png">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=20260908f">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=20260909a">
|
||||
</head>
|
||||
<body class="bo-body">
|
||||
|
||||
@@ -534,22 +534,54 @@
|
||||
</div>
|
||||
|
||||
<div class="pane" id="pane-promo" hidden>
|
||||
<div class="card promo-strip">
|
||||
<div><span class="eyebrow" style="margin:0 0 4px">Your invite link</span><div class="mono small" id="promoLink" style="overflow-wrap:anywhere">…</div></div>
|
||||
<button class="btn small" id="promoLinkCopy" type="button">Copy link</button>
|
||||
</div>
|
||||
<div class="chips promo-pills" role="tablist" aria-label="Promo tools sections">
|
||||
<button class="chip-t on" data-promo="posts" type="button" role="tab">Social posts</button>
|
||||
<button class="chip-t" data-promo="text" type="button" role="tab">Text a friend</button>
|
||||
<button class="chip-t" data-promo="swipe" type="button" role="tab">Email swipes</button>
|
||||
<button class="chip-t" data-promo="banners" type="button" role="tab">Banners</button>
|
||||
<button class="chip-t" data-promo="flyers" type="button" role="tab">Handouts</button>
|
||||
<button class="chip-t" data-promo="wall" type="button" role="tab">Banner wall</button>
|
||||
<button class="chip-t" data-promo="objections" type="button" role="tab">Objections</button>
|
||||
<button class="chip-t" data-promo="videos" type="button" role="tab">Videos</button>
|
||||
</div>
|
||||
<div class="card promo-sec" id="promo-posts">
|
||||
<h3>Share-ready posts, personalized with your link</h3>
|
||||
<p class="muted small">Copy, paste anywhere, done. Every post already carries your invite link,
|
||||
so the credit is always yours.</p>
|
||||
<h3>Social posts, personalized with your link</h3>
|
||||
<p class="muted small">Copy and paste, or post straight from here. Every post already carries your invite link,
|
||||
so the credit is always yours. Angle links keep working when the matching hook pages ship.</p>
|
||||
<div id="promoPosts"></div>
|
||||
<div class="promo-bv">
|
||||
<b>Want these in your own voice?</b>
|
||||
<span class="muted small">Branded Voice writes posts, emails and stories the way you actually talk.</span>
|
||||
<a class="btn small sec" href="https://mybrandedvoice.com" target="_blank" rel="noopener">mybrandedvoice.com</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card promo-sec" id="promo-text" hidden>
|
||||
<h3>Text a friend</h3>
|
||||
<p class="muted small">Short, low-pressure messages sized for a text. On your phone, <b>Text it</b> opens your
|
||||
messaging app with the message ready, <b>WhatsApp</b> pre-fills it there, <b>Telegram</b> shares your link
|
||||
with a lead-in, and <b>Copy</b> works for Messenger, Instagram DMs, anywhere.</p>
|
||||
<div id="promoTexts"></div>
|
||||
</div>
|
||||
<div class="card promo-sec" id="promo-swipe" hidden>
|
||||
<h3>Email swipe</h3>
|
||||
<p class="muted small" id="promoSwipeWrap"></p>
|
||||
<h3>Email swipes</h3>
|
||||
<p class="muted small">Short, standard and long versions plus a follow-up. Subject line included. Edit freely, keep the honesty lines.</p>
|
||||
<div id="promoSwipeWrap"></div>
|
||||
</div>
|
||||
<div class="card promo-sec" id="promo-banners" hidden>
|
||||
<h3>Banners and graphics</h3>
|
||||
<p class="muted small">Branded InstantAdPay banners in every standard ad size, plus square, story and Telegram
|
||||
group sizes. Pair one with your invite link. Download, or copy the image URL for ad networks.</p>
|
||||
<div id="promoBanners" class="promo-banners"></div>
|
||||
</div>
|
||||
<div class="card promo-sec" id="promo-flyers" hidden>
|
||||
<h3>Printable handouts</h3>
|
||||
<p class="muted small">Old-school still works. Three half-sheet designs, two per letter page with a cut line,
|
||||
each with <b>your</b> QR code and invite link baked in. Coffee shops, gyms, community boards, laundromats.</p>
|
||||
<p><a class="btn small" id="flyersOpen" href="/flyers" target="_blank" rel="noopener">Open your handouts</a></p>
|
||||
</div>
|
||||
<div class="card promo-sec" id="promo-wall" hidden>
|
||||
<h3>Your banner wall</h3>
|
||||
@@ -560,11 +592,12 @@
|
||||
<p><button class="btn small sec" id="wallCopy" type="button" hidden>Copy wall link</button>
|
||||
<a class="btn small sec" id="wallOpen" target="_blank" rel="noopener" hidden>Open your wall</a></p>
|
||||
</div>
|
||||
<div class="card promo-sec" id="promo-banners" hidden>
|
||||
<h3>Banners</h3>
|
||||
<p class="muted small">Branded InstantAdPay banners, ready to drop anywhere. Pair one with your
|
||||
invite link (copy it from "My line"). Right-click to save, or copy the image URL.</p>
|
||||
<div id="promoBanners" class="promo-banners"></div>
|
||||
<div class="card promo-sec" id="promo-objections" hidden>
|
||||
<h3>Objection handling</h3>
|
||||
<p class="muted small">The walls every builder hits, with answers that hold up. Open one: you get
|
||||
<b>the truth</b>, so you never say something a prospect can poke a hole in, and a
|
||||
<b>ready-to-send reply</b> with your link. Golden rule: lead with a real example, never a promise.</p>
|
||||
<div id="promoObjections" class="obj-wrap"></div>
|
||||
</div>
|
||||
<div class="card promo-sec" id="promo-videos" hidden>
|
||||
<h3>Hook videos</h3>
|
||||
@@ -710,7 +743,8 @@
|
||||
</div>
|
||||
<script src="/assets/common.js?v=20260909a"></script>
|
||||
<script src="/assets/wallet.js?v=20260908t"></script>
|
||||
<script src="/assets/my.js?v=20260909c"></script>
|
||||
<script src="/assets/promo.js?v=20260909a"></script>
|
||||
<script src="/assets/my.js?v=20260909d"></script>
|
||||
<script src="/assets/chat.js?v=20260907l"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user