Shaperin Is Giving Away a $500 Amazon Gift Card + Swimsuits to 16 People — And All You Have to Do Is Comment 3 Emojis
:root {
–coral: #f4856a;
–coral-pale: #fff5f2;
–coral-light:#ffe8e0;
–teal: #3abfb1;
–teal-pale: #f0faf9;
–gold: #f5c842;
–gold-pale: #fffdf0;
–sand: #fdf6ec;
–white: #ffffff;
–border: #f0ddd5;
–text-dark: #1a0a00;
–text-gray: #5a3020;
–text-light: #9a7060;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { width: 100%; }
body {
font-family: ‘Inter’, sans-serif;
background: var(–sand);
color: var(–text-dark);
font-size: 17px;
line-height: 1.85;
width: 100%;
overflow-x: hidden;
}
/* WORDPRESS FULL-WIDTH BREAKOUT */
#fm-page-wrap {
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
max-width: 100vw;
overflow-x: hidden;
}
/* PROGRESS BAR */
#xp-bar-container {
position: fixed; top: 0; left: 0; right: 0;
height: 5px; background: var(–coral-light); z-index: 9999;
}
#xp-bar {
height: 100%; width: 0%;
background: linear-gradient(90deg, var(–coral), var(–teal));
transition: width 0.2s ease;
}
/* CLICKBAIT TITLE BANNER */
.clickbait-banner {
background: var(–coral-pale);
border-bottom: 2px solid var(–border);
padding: 18px 20px;
text-align: center;
}
.clickbait-banner p {
font-family: ‘Playfair Display’, serif;
font-size: clamp(1.05rem, 4.2vw, 1.5rem);
font-weight: 700;
font-style: italic;
color: var(–text-dark);
line-height: 1.4;
max-width: 780px;
margin: 0 auto;
}
.clickbait-banner p span { color: var(–coral); font-style: normal; }
/* HEADER — LIGHT, DARK TEXT */
header {
background: linear-gradient(160deg, #fff5f2 0%, #ffe8e0 50%, #fdddd0 100%);
color: var(–text-dark);
text-align: center;
padding: 52px 16px 44px;
position: relative;
overflow: hidden;
width: 100%;
border-bottom: 4px solid var(–coral);
}
header::before {
content: ”;
position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background: radial-gradient(ellipse at 50% 0%, rgba(244,133,106,0.08) 0%, transparent 70%);
pointer-events: none;
}
.status-tag {
display: inline-block;
background: rgba(58,191,177,0.12);
border: 1px solid rgba(58,191,177,0.35);
border-radius: 50px;
padding: 6px 18px;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 20px;
color: var(–teal);
}
header h1 {
font-family: ‘Playfair Display’, serif;
font-size: clamp(1.9rem, 7.5vw, 3.6rem);
font-weight: 800;
line-height: 1.1;
margin-bottom: 16px;
color: var(–text-dark);
}
header h1 span { color: var(–coral); }
.hero-sub {
font-size: 1.05rem;
max-width: 620px;
margin: 0 auto 26px;
line-height: 1.75;
color: var(–text-gray);
}
.prize-value {
font-family: ‘Playfair Display’, serif;
font-size: clamp(2.6rem, 9vw, 4.2rem);
font-weight: 800;
color: var(–coral);
line-height: 1;
margin-bottom: 4px;
}
.prize-label {
font-size: 0.78rem;
letter-spacing: 0.12em;
text-transform: uppercase;
opacity: 0.65;
margin-bottom: 26px;
color: var(–text-dark);
}
.countdown {
display: flex;
justify-content: center;
gap: 10px;
margin-bottom: 28px;
flex-wrap: wrap;
}
.cd-box {
background: var(–white);
border: 1px solid var(–border);
border-radius: 10px;
padding: 12px 16px;
min-width: 68px;
text-align: center;
box-shadow: 0 2px 8px rgba(244,133,106,0.12);
}
.cd-num {
font-family: ‘Playfair Display’, serif;
font-size: 2rem;
font-weight: 700;
color: var(–coral);
line-height: 1;
}
.cd-label {
font-size: 0.65rem;
letter-spacing: 0.1em;
text-transform: uppercase;
opacity: 0.6;
margin-top: 4px;
color: var(–text-dark);
}
/* CTA BUTTON */
.cta-btn {
display: inline-block;
background: linear-gradient(135deg, var(–coral) 0%, #d9604a 100%);
color: #fff;
font-family: ‘Inter’, sans-serif;
font-size: 1.15rem;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 18px 48px;
border-radius: 50px;
border: none;
cursor: pointer;
text-decoration: none;
transition: opacity 0.2s, transform 0.15s;
margin: 8px 0;
box-shadow: 0 8px 28px rgba(244,133,106,0.3);
}
.cta-btn:hover { opacity: 0.9; transform: translateY(-2px); }
/* STAT PILLS */
.stat-row {
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
margin-top: 22px;
}
.stat-pill {
background: var(–white);
border: 1px solid var(–border);
border-radius: 8px;
padding: 8px 16px;
font-size: 0.82rem;
text-align: center;
color: var(–text-gray);
box-shadow: 0 2px 6px rgba(244,133,106,0.1);
}
.stat-pill strong { display: block; font-size: 1.1rem; color: var(–coral); font-family: ‘Playfair Display’, serif; }
/* CONTENT WRAPPER */
.content-wrap {
max-width: 860px;
margin: 0 auto;
padding: 0 0 60px;
}
/* TOC */
.toc-box {
background: var(–white);
border: 1px solid var(–border);
border-left: 5px solid var(–coral);
padding: 24px 20px;
margin: 0;
}
.toc-box .toc-label {
font-size: 0.72rem; font-weight: 700;
letter-spacing: 0.1em; text-transform: uppercase;
color: var(–coral); margin-bottom: 12px;
}
.toc-box ol { padding-left: 20px; }
.toc-box ol li { margin-bottom: 6px; }
.toc-box ol li a { color: var(–text-dark); text-decoration: none; font-weight: 500; }
.toc-box ol li a:hover { color: var(–coral); }
/* SECTIONS */
section {
background: var(–white);
padding: 32px 20px;
margin: 8px 0;
border-top: 1px solid var(–border);
border-bottom: 1px solid var(–border);
width: 100%;
}
section h2 {
font-family: ‘Playfair Display’, serif;
font-size: 1.65rem;
font-weight: 700;
color: var(–text-dark);
margin-bottom: 16px;
padding-bottom: 12px;
border-bottom: 2px solid var(–border);
}
section h2 span { color: var(–coral); }
section p { color: var(–text-gray); margin-bottom: 16px; line-height: 1.85; }
section p:last-child { margin-bottom: 0; }
blockquote {
border-left: 4px solid var(–coral);
background: var(–coral-pale);
padding: 16px 20px;
margin: 20px 0;
border-radius: 0 8px 8px 0;
font-style: italic;
color: var(–text-gray);
font-size: 0.95rem;
}
/* PRIZE CARDS */
.prize-cards {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
margin: 20px 0;
}
.prize-card {
border-radius: 14px;
padding: 22px 18px;
display: flex;
align-items: flex-start;
gap: 16px;
}
.prize-card.gold-card { background: linear-gradient(135deg, #fffdf0, #fff8d0); border: 2px solid var(–gold); }
.prize-card.silver-card { background: linear-gradient(135deg, #f5f5f5, #ebebeb); border: 2px solid #c0c0c0; }
.prize-card.bronze-card { background: linear-gradient(135deg, var(–coral-pale), var(–coral-light)); border: 2px solid var(–coral); }
.prize-card .pc-medal { font-size: 2.4rem; flex-shrink: 0; }
.prize-card .pc-body {}
.prize-card .pc-title { font-family: ‘Playfair Display’, serif; font-size: 1.25rem; font-weight: 800; color: var(–text-dark); margin-bottom: 4px; }
.prize-card .pc-count { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(–text-light); margin-bottom: 6px; }
.prize-card .pc-desc { font-size: 0.92rem; color: var(–text-gray); line-height: 1.5; }
.prize-card .pc-value { display: inline-block; margin-top: 8px; background: var(–coral); color: #fff; font-size: 0.82rem; font-weight: 700; padding: 4px 14px; border-radius: 50px; }
.prize-card.gold-card .pc-value { background: var(–gold); color: var(–text-dark); }
.prize-card.silver-card .pc-value { background: #888; }
/* ENTRY STEPS */
.entry-steps {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin: 16px 0;
}
.entry-step {
background: var(–coral-pale);
border: 1px solid var(–border);
border-radius: 12px;
padding: 18px 14px;
text-align: center;
}
.entry-step .es-num {
width: 34px; height: 34px; border-radius: 50%;
background: var(–coral); color: #fff;
font-weight: 800; font-size: 1rem;
display: flex; align-items: center; justify-content: center;
margin: 0 auto 10px;
}
.entry-step strong { display: block; font-weight: 700; color: var(–text-dark); font-size: 0.95rem; margin-bottom: 4px; }
.entry-step span { color: var(–text-gray); font-size: 0.85rem; line-height: 1.4; }
.bonus-box {
background: linear-gradient(135deg, var(–teal-pale), #d0f5f2);
border: 2px solid var(–teal);
border-radius: 12px;
padding: 18px 18px;
margin: 16px 0;
text-align: center;
}
.bonus-box .bb-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(–teal); margin-bottom: 6px; }
.bonus-box strong { display: block; font-size: 1.05rem; color: var(–text-dark); margin-bottom: 4px; }
.bonus-box span { color: var(–text-gray); font-size: 0.9rem; }
/* EMOJI EXAMPLES */
.emoji-box {
background: var(–gold-pale);
border: 1px solid #f0e0a0;
border-radius: 10px;
padding: 16px 18px;
margin: 16px 0;
text-align: center;
}
.emoji-box .eb-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(–text-light); margin-bottom: 8px; }
.emoji-box .eb-examples { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.emoji-box .eb-ex { background: var(–white); border: 1px solid #f0e0a0; border-radius: 8px; padding: 8px 16px; font-size: 1.2rem; }
/* DATA TABLE */
.data-table {
width: 100%; border-collapse: collapse;
margin: 16px 0; font-size: 0.92rem;
}
.data-table th {
background: var(–coral); color: #fff;
font-weight: 700; text-transform: uppercase;
letter-spacing: 0.04em; padding: 11px 14px;
text-align: left; font-size: 0.82rem;
}
.data-table td {
padding: 10px 14px; border-bottom: 1px solid var(–border);
color: var(–text-gray); vertical-align: top;
}
.data-table tr:nth-child(even) td { background: var(–coral-pale); }
.data-table td strong { color: var(–text-dark); }
/* TIMELINE */
.timeline { list-style: none; padding: 0; margin: 16px 0; }
.timeline li { display: flex; gap: 14px; margin-bottom: 14px; align-items: flex-start; }
.tl-dot { width: 13px; height: 13px; background: var(–coral); border-radius: 50%; margin-top: 6px; flex-shrink: 0; }
.tl-body strong { display: block; color: var(–text-dark); font-weight: 600; }
.tl-body span { color: var(–text-gray); font-size: 0.92rem; }
/* TIPS */
.tips-grid {
display: grid; grid-template-columns: 1fr 1fr;
gap: 12px; margin: 16px 0;
}
.tip-card {
background: var(–coral-pale); border: 1px solid var(–border);
border-radius: 10px; padding: 16px 14px;
}
.tip-card .tip-icon { font-size: 1.6rem; display: block; margin-bottom: 6px; }
.tip-card strong { display: block; font-weight: 700; color: var(–text-dark); margin-bottom: 4px; font-size: 0.93rem; }
.tip-card span { color: var(–text-gray); font-size: 0.88rem; }
/* FAQ */
.faq-item { border: 1px solid var(–border); border-radius: 8px; margin-bottom: 10px; overflow: hidden; }
.faq-q {
width: 100%; background: var(–white); border: none;
padding: 15px 18px; text-align: left;
font-family: ‘Inter’, sans-serif; font-size: 0.97rem; font-weight: 600;
color: var(–text-dark); cursor: pointer;
display: flex; justify-content: space-between; align-items: center; gap: 10px;
}
.faq-q:hover { background: var(–coral-pale); }
.faq-arrow { font-size: 0.78rem; color: var(–coral); transition: transform 0.25s; flex-shrink: 0; }
.faq-item.open .faq-arrow { transform: rotate(180deg); }
.faq-a {
display: none; padding: 0 18px 16px;
color: var(–text-gray); font-size: 0.93rem; line-height: 1.8;
border-top: 1px solid var(–border); background: var(–coral-pale);
}
.faq-item.open .faq-a { display: block; }
/* RELATED */
.related-grid {
display: grid; grid-template-columns: 1fr 1fr;
gap: 10px; margin: 16px 0;
}
.related-card {
background: var(–white); border: 1px solid var(–border);
border-radius: 8px; padding: 14px;
text-decoration: none; color: var(–text-dark);
transition: border-color 0.2s, transform 0.15s; display: block;
}
.related-card:hover { border-color: var(–coral); transform: translateY(-2px); }
.related-card .rc-cat { font-size: 0.66rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(–coral); margin-bottom: 5px; }
.related-card .rc-title { font-size: 0.87rem; font-weight: 600; line-height: 1.35; color: var(–text-dark); }
/* ENTRY SECTION */
.entry-section {
background: linear-gradient(135deg, #fff5f2 0%, #ffe8e0 100%);
border-top: 3px solid var(–coral);
border-bottom: 3px solid var(–coral);
padding: 44px 20px;
text-align: center;
margin: 8px 0;
width: 100%;
}
.entry-section h2 { font-family: ‘Playfair Display’, serif; font-size: 1.9rem; font-weight: 800; color: var(–text-dark); margin-bottom: 10px; }
.entry-section h2 span { color: var(–coral); }
.entry-section p { color: var(–text-gray); margin-bottom: 22px; max-width: 560px; margin-left: auto; margin-right: auto; }
/* FACT POPUPS */
.fact-popup {
display: none; position: fixed;
top: 50%; left: 50%; transform: translate(-50%, -50%);
z-index: 10000; background: var(–white);
border: 3px solid var(–coral); border-radius: 16px;
padding: 24px 26px; max-width: 310px; width: 90%;
text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,0.22);
font-family: ‘Inter’, sans-serif; font-size: 0.93rem;
color: var(–text-dark); line-height: 1.6;
}
.fact-icon { display: block; font-size: 2.2rem; margin-bottom: 10px; }
.fact-title { display: block; font-family: ‘Playfair Display’, serif; font-size: 1.15rem; font-weight: 700; color: var(–coral); margin-bottom: 8px; }
/* SKIP POPUP */
#skip-popup {
display: none; position: fixed;
top: 50%; left: 50%; transform: translate(-50%, -50%);
z-index: 10001; background: var(–white);
border: 3px solid var(–coral); border-radius: 18px;
padding: 30px 26px; max-width: 330px; width: 90%;
text-align: center; box-shadow: 0 24px 70px rgba(0,0,0,0.25);
font-family: ‘Inter’, sans-serif;
}
#skip-popup .skip-icon { font-size: 2.4rem; margin-bottom: 10px; display: block; }
#skip-popup h3 { font-family: ‘Playfair Display’, serif; font-size: 1.35rem; font-weight: 700; color: var(–coral); margin-bottom: 8px; }
#skip-popup p { color: var(–text-gray); font-size: 0.9rem; margin-bottom: 18px; }
.popup-btn-yes { display: block; width: 100%; background: var(–coral); color: #fff; font-family: ‘Inter’, sans-serif; font-size: 1rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; padding: 13px; border-radius: 50px; border: none; cursor: pointer; margin-bottom: 10px; }
.popup-btn-yes:hover { background: #d9604a; }
.popup-btn-no { display: block; width: 100%; background: transparent; color: var(–text-gray); font-size: 0.88rem; padding: 10px; border-radius: 50px; border: 1px solid var(–border); cursor: pointer; }
.popup-btn-no:hover { background: var(–coral-pale); }
/* FOOTER */
footer {
background: #fff5f2;
border-top: 2px solid var(–border);
padding: 32px 20px;
text-align: center;
color: var(–text-light);
font-size: 0.78rem;
line-height: 1.7;
}
footer strong { color: var(–text-dark); }
/* DESKTOP */
@media (min-width: 640px) {
.content-wrap { padding: 0 20px 60px; }
section { border-radius: 12px; margin: 16px 0; border: 1px solid var(–border); }
.toc-box { border-radius: 10px; margin: 16px 0; }
.entry-section { border-radius: 14px; margin: 16px 0; border: 2px solid var(–coral); }
.tips-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.related-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
.prize-cards { grid-template-columns: 1fr; }
}
Shaperin Is Giving Away
$1,500+ in Prizes
to 16 Lucky Winners!
A $500 Amazon gift card, five $100 Shaperin gift cards, and ten best-selling swimsuits — all for free. Just follow, like, comment 3 emojis, and tag 3 friends on Instagram. That’s it.
What Is the Shaperin Spring Break Giveaway?
Shaperin — the popular slimming swimsuit brand known for their confidence-boosting beachwear — is kicking off Spring Break 2026 with a massive Instagram giveaway worth over $1,500 in total prizes. They’re giving away a $500 Amazon gift card, five $100 Shaperin gift cards, and ten of their best-selling swimsuits to 16 lucky winners.
Entry is done entirely on Instagram — no purchase required, no form to fill out. Just follow their account, like the post, comment with 3 emojis that describe your Spring Break vibe, and tag 3 friends. That’s all it takes to be entered for a chance to win.
“We’re giving away over $1,500 in prizes, including our best-selling swimsuits and gift cards — to kick off your season right.” — @shaperinofficial
The giveaway runs through April 1, 2026 at 11:59 PM PST. Winners will be announced on April 3, 2026 in the Shaperin Insiders community. This is a short window — enter today!
The Prizes — All 16 Winners
There are three prize tiers with 16 total winners. Here’s exactly what’s up for grabs:
ARV: $500.00
ARV: $100.00 each
ARV: ~$50.00 each
| Prize Tier | Winners | Prize | Value |
|---|---|---|---|
| Grand Prize | 1 | $500 Amazon Gift Card | $500.00 |
| 2nd Prize | 5 | $100 Shaperin Gift Card | $500.00 total |
| 3rd Prize | 10 | Shaperin Best-Selling Swimsuit | ~$500.00 total |
| Total | 16 | All prizes combined | $1,500+ |
How to Enter — Step by Step
Entry is done entirely on Instagram. Here’s exactly what to do — it takes less than 2 minutes:
Follow @shaperinofficial
Go to Instagram and follow the official @shaperinofficial account if you don’t already
Like the Giveaway Post
Tap the heart on the official Spring Break giveaway post from @shaperinofficial
Comment 3 Emojis
Leave a comment with 3 emojis that describe your Spring Break vibe — any 3 emojis!
Tag 3 Friends
In the same comment (or a new one), tag 3 friends who need to know about this giveaway
Any 3 emojis work — there’s no wrong answer!
Share the post to your Instagram Story
Tag @shaperinofficial in your story and add your 3 emojis for a bonus entry. This doubles your chances of winning!
Who Can Enter
| Requirement | Details |
|---|---|
| Platform | Instagram — must have an active Instagram account |
| Age | Must be 18 years or older |
| Purchase Required? | No — completely free to enter |
| Entry Method | Follow, like, comment with 3 emojis, tag 3 friends on the giveaway post |
| Bonus Entry | Share post to your Instagram Story and tag @shaperinofficial with your 3 emojis |
| Winners | 16 winners selected at random |
| Winner Notification | Announced April 3, 2026 in Shaperin Insiders community |
| Sponsor | Shaperin (@shaperinofficial on Instagram) |
| Instagram Disclaimer | This promotion is in no way sponsored, endorsed, administered by, or associated with Instagram |
Key Dates & Timeline
-
Now — Giveaway Is Live
The Shaperin Spring Break giveaway is currently open and accepting entries on Instagram -
April 1, 2026 at 11:59 PM PST — Entry Deadline
All entries (comments, tags, and story shares) must be received by this time. Don’t wait until the last minute! -
April 3, 2026 — Winners Announced
All 16 winners announced in the Shaperin Insiders community. Join via the link in @shaperinofficial’s bio to get winner alerts!
Tips to Maximize Your Chances
Do the Bonus Entry!
Share the post to your Instagram Story and tag @shaperinofficial with your 3 emojis. This doubles your odds — most people skip this step!
Make Sure You’re Following
You must follow @shaperinofficial to be eligible. Double-check that you’re following before the deadline — unfollowing after entry may disqualify you.
Join Shaperin Insiders
Winners are announced in Shaperin Insiders on April 3. Join via the link in @shaperinofficial’s bio so you don’t miss the announcement!
Tag Real Friends
Tag 3 real friends who would actually want to enter — fake or bot accounts may get your entry disqualified. Plus, your friends might win too!
Enter Before April 1!
The deadline is April 1 at 11:59 PM PST. That’s late night on the West Coast — if you’re on the East Coast, that’s 2:59 AM on April 2. Enter today!
Watch for Scams
Shaperin will only contact winners through the official Shaperin Insiders community. Never pay to claim a prize — it’s always free.
Frequently Asked Questions
More Free Giveaways to Enter
Enter Now — It’s Free!
Tap below to go to the official Shaperin Spring Break giveaway on Instagram. Follow @shaperinofficial, like the post, comment with 3 emojis + tag 3 friends. Don’t forget the bonus story share to double your odds! Ends April 1, 2026 at 11:59 PM PST.
ENTER HERE 🌴
$500 Amazon Gift Card!
One grand prize winner gets a $500 Amazon gift card — spend it on literally anything. All you have to do is comment 3 emojis and tag 3 friends!
16 Total Winners!
With 16 winners across 3 prize tiers, your odds are better than most giveaways. Plus the bonus story share doubles your chances!
Do the Bonus Entry!
Share the post to your Instagram Story and tag @shaperinofficial with your 3 emojis for a bonus entry. Most people skip this — don’t be one of them!
Ends April 1!
The entry deadline is April 1 at 11:59 PM PST. Winners announced April 3 in Shaperin Insiders. Enter today and join Insiders to catch the announcement!
Ready to Enter?
Jump to the entry section and head to the Shaperin Instagram giveaway to enter for your chance at $500 Amazon + swimsuits!
(function() {
// COUNTDOWN to April 1, 2026 11:59 PM PST
var deadline = new Date(‘2026-04-01T23:59:00-07:00’).getTime();
function updateCountdown() {
var now = Date.now();
var diff = deadline – now;
if (diff 0 ? (scrollTop / docHeight) * 100 : 0;
var bar = document.getElementById(‘xp-bar’);
if (bar) bar.style.width = Math.min(pct, 100) + ‘%’;
});
// FAQ ACCORDION
document.querySelectorAll(‘.faq-q’).forEach(function(btn) {
btn.addEventListener(‘click’, function() {
var item = this.closest(‘.faq-item’);
if (!item) return;
var isOpen = item.classList.contains(‘open’);
document.querySelectorAll(‘.faq-item.open’).forEach(function(el) { el.classList.remove(‘open’); });
if (!isOpen) item.classList.add(‘open’);
});
});
// AUTO-SCROLL
var scrolling = false;
var scrollInterval = null;
var factTimers = [];
var skipShown = false;
var skipPopup = document.getElementById(‘skip-popup’);
function triggerFact(id) {
var el = document.getElementById(id);
if (el) {
el.style.display = ‘block’;
setTimeout(function() { el.style.display = ‘none’; }, 4500);
}
}
function startAutoScroll() {
if (scrolling) return;
scrolling = true;
scrollInterval = setInterval(function() {
var scrollTop = window.scrollY || document.documentElement.scrollTop;
var docHeight = document.documentElement.scrollHeight – window.innerHeight;
if (scrollTop >= docHeight – 10) { stopAutoScroll(); return; }
window.scrollBy(0, 5);
var pct = docHeight > 0 ? (scrollTop / docHeight) * 100 : 0;
if (!skipShown) {
if (pct >= 50) {
skipShown = true;
if (skipPopup) skipPopup.style.display = ‘block’;
}
}
}, 16);
factTimers.push(setTimeout(function() { triggerFact(‘fact1’); }, 6000));
factTimers.push(setTimeout(function() { triggerFact(‘fact2’); }, 16000));
factTimers.push(setTimeout(function() { triggerFact(‘fact3’); }, 28000));
factTimers.push(setTimeout(function() { triggerFact(‘fact4’); }, 40000));
}
function stopAutoScroll() {
scrolling = false;
if (scrollInterval) { clearInterval(scrollInterval); scrollInterval = null; }
factTimers.forEach(function(t) { clearTimeout(t); });
factTimers = [];
}
var startBtn = document.getElementById(‘scroll-start-btn’);
if (startBtn) {
startBtn.addEventListener(‘click’, function(e) {
e.preventDefault();
e.stopPropagation();
startAutoScroll();
});
}
var skipYes = document.getElementById(‘skip-yes’);
var skipNo = document.getElementById(‘skip-no’);
if (skipYes) {
skipYes.addEventListener(‘click’, function() {
stopAutoScroll();
if (skipPopup) skipPopup.style.display = ‘none’;
var section = document.getElementById(‘enter-now’);
if (section) section.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ });
});
}
if (skipNo) {
skipNo.addEventListener(‘click’, function() {
if (skipPopup) skipPopup.style.display = ‘none’;
startAutoScroll();
});
}
document.addEventListener(‘click’, function(e) {
if (e.target.id === ‘scroll-start-btn’) return;
if (e.target.id === ‘skip-yes’) return;
if (e.target.id === ‘skip-no’) return;
if (e.target.closest(‘.cta-btn’)) return;
if (skipPopup) { if (skipPopup.style.display === ‘block’) return; }
if (scrolling) stopAutoScroll();
});
})();
Helpful Freebie Mom Guides
Keep going