PageSourceSearch

https://crazyrocket.io/

html crazyrocket.io collected 2026-10-02 05:52:20 UTC 53,019 bytes, 1,311 lines download raw bytes

1<!doctype html>
2<html lang="en">
3
4<head>
5    <meta charset="utf-8" />
6    
7
8    <meta property="og:title" content="CrazyRocket - Boost opt-in rates and ignite sales with gamified pop-ups.">
9    <meta property="og:description" content="CrazyRocket is the gamified pop-up platform that allows you to collect up to 3x compared to classic pop-ups.">
10    <meta property="og:image" content="https://www.crazyrocket.io/assets/fb-thumbnail.jpg">
11    <meta property="og:url" content="https://www.crazyrocket.io/">
12    <meta name="twitter:card" content="summary_large_image">
13
14    <meta property="og:site_name" content="CrazyRocket">
15    <meta name="twitter:image:alt" content="Collect more e-mails and boost sales with Gamified Pop-ups. #shopify @CrazyRocketApp">
16
17
18
19    <meta name="twitter:site" content="CrazyRocketApp">
20
21    <link rel="icon" type="image/png" href="https://www.crazyrocket.io/assets/img/favicon-16x16.png">
22    <link rel="apple-touch-icon" sizes="76x76" href="https://www.crazyrocket.io/assets/img/apple-icon.png">
23    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
24
25    <title>Boost opt-in rates and ignite sales with engaging pop-ups</title>
26
27    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
28    <meta name="viewport" content="width=device-width" />
29
30    <link href="https://www.crazyrocket.io/assets/css/bootstrap.min.css" rel="stylesheet" />
31    <link href="https://www.crazyrocket.io/assets/css/paper-kit.css" rel="stylesheet" />
32    <link href="https://www.crazyrocket.io/assets/crazyrocket.css" rel="stylesheet" />
33
34    <link rel="preconnect" href="https://fonts.googleapis.com">
35    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
36    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
37
38
39    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
40
41
42    <!-- cookie consent -->
43    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.css" />
44
45    <style>
46        body {
47            font-family: "Poppins", sans-serif;
48            -webkit-font-smoothing: antialiased;
49            -moz-osx-font-smoothing: grayscale;
50        }
51
52        .navbar .navbar-brand {
53            padding-left: 0;
54            margin-left: 0;
55        }
56
57        .navbar .navbar-translate {
58            margin-left: -20px;
59        }
60
61        /* Nav links — always dark (default for all pages) */
62        .navbar .navbar-nav .nav-item .nav-link {
63            color: #333 !important;
64            text-shadow: none;
65        }
66
67            .shopify, .shopify-home {
68            background-color: #8bc249;
69            border-color: #8bc249;
70            font-size: 15px !important;
71            padding-left: 10px !important;
72            color: #ffffff !important;
73            --rem: 16;
74            transition: all 0.5s ease;
75            border: none;
76            border-radius: 30px;
77            box-shadow: none;
78            cursor: pointer;
79            display: inline-block;
80            font-weight: 600;
81            font-size: 18px;
82            padding: 0 18px;
83            line-height: 50px;
84            text-align: center;
85            text-decoration: none;
86            -webkit-user-select: none;
87            touch-action: manipulation;
88        }
89
90            .shopify:hover {
91            
92            }
93    </style>
94</head>
95
96<body class="profile">
97    <!-- Floating cookie settings button -->
98    <a href="#" onclick="CookieConsent.showPreferences(); return false;" id="cc-settings-btn" title="Cookie Settings" style="position:fixed;bottom:14px;left:14px;z-index:9999;font-size:28px;text-decoration:none;background:rgba(255,255,255,0.9);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:transform 0.2s;cursor:pointer" onmouseover="this.style.transform='scale(1.15)'" onmouseout="this.style.transform='scale(1)'">🍪</a>
99
100    <nav class="navbar navbar-expand-lg fixed-top navbar-transparent nav-down" color-on-scroll="150">
101        <div class="container">
102            <div class="navbar-translate">
103                <div class="navbar-header">
104                    <a class="navbar-brand" href="/"><img id="logo-white" src='https://www.crazyrocket.io/content/logo-small.png'></a>
105                </div>
106                <button class="navbar-toggler navbar-burger" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
107                    <span class="navbar-toggler-bar"></span>
108                    <span class="navbar-toggler-bar"></span>
109                    <span class="navbar-toggler-bar"></span>
110                </button>
111            </div>
112            <div class="collapse navbar-collapse">
113                <ul class="navbar-nav ml-auto">
114
115                    <li class="nav-item">
116                        <a class="nav-link" href="/#features"><span style="float:left;margin-left:10px">Features</span></a>
117                    </li>
118                    <li class="nav-item">
119                        <a class="nav-link" href="/pricing"><span style="float:left;margin-left:10px">Pricing</span></a>
120                    </li>
121                    <li class="nav-item">
122                        <a class="nav-link" href="/support"><span style="float:left;margin-left:10px">Support</span></a>
123                    </li>
124                    <li class="nav-item" style="margin-left:10px; margin-top:-5px">
125                        <a style="padding-left:20px !important; margin-top:-5px" class="install-app btn btn-round shopify">
126                            INSTALL
127                        </a>
128                    </li>
129                </ul>
130            </div>
131        </div>
132    </nav>
133
134    
135
136
137
138<link rel="stylesheet" href="https://www.crazyrocket.io/landing/landing-index.css">
139<link rel="stylesheet" href="https://www.crazyrocket.io/landing/cookiealert.css">
140
141<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
142<style>
143
144    /* Transparent navbar — home page only */
145    .navbar.navbar-transparent .navbar-nav .nav-item .nav-link {
146        color: #fff !important;
147        text-shadow:
148            -1px -1px 0 rgba(0,0,0,0.85),
149             1px -1px 0 rgba(0,0,0,0.85),
150            -1px  1px 0 rgba(0,0,0,0.85),
151             1px  1px 0 rgba(0,0,0,0.85);
152    }
153
154    .navbar.navbar-transparent #logo-white {
155        filter: brightness(0) invert(1);
156    }
157
158    .navbar.navbar-transparent .navbar-toggler-bar {
159        background: #fff !important;
160    }
161
162    .engineered-badge {
163        display: inline-flex;
164        align-items: center;
165        gap: 8px;
166        margin-top: 28px;
167        padding: 10px 20px;
168        background: rgba(0,0,0,0.55);
169        border: 2px solid #8bc249;
170        border-radius: 30px;
171        color: #fff;
172        font-size: 15px;
173        font-weight: 600;
174        backdrop-filter: blur(4px);
175    }
176
177    .engineered-badge .fa-heart {
178        color: #8bc249;
179        font-size: 16px;
180    }
181
182    #submitContact, #demoShop {
183        background-color: white;
184        border-color: #8bc249;
185        font-size: 15px !important;
186   
187        color: black !important;
188        --rem: 16;
189        transition: all 0.5s ease;
190        border: none;
191        border-radius: 30px;
192        box-shadow: none;
193        cursor: pointer;
194        display: inline-block;
195        font-weight: 600;
196        font-size: 18px;
197        padding: 0 18px;
198        line-height: 50px;
199        text-align: center;
200        text-decoration: none;
201        -webkit-user-select: none;
202        touch-action: manipulation;
203    }
204        #submitContact:hover, #demoShop:hover {
205            background-color: #ff7800;
206        }
207
208        .top-section {
209        padding-top: 0 !important;
210        padding-bottom: 0 !important;
211        min-height: 92vh;
212        background-image: url('https://www.crazyrocket.io/content/background-crazyrocket.jpg');
213        background-size: cover;
214        background-position: center right;
215        display: flex;
216        align-items: center;
217    }
218
219    .top-section .hero-copy {
220        padding: 100px 0 80px;
221    }
222
223    .top-section h2 {
224        color: #fff !important;
225        font-size: 42px;
226        font-weight: 800;
227        line-height: 1.2;
228        text-shadow: 0 2px 8px rgba(0,0,0,0.5);
229    }
230
231    .top-section .hero-bullets {
232        color: #f0f0f0;
233        font-size: 18px !important;
234        line-height: 2;
235        text-shadow: 0 1px 4px rgba(0,0,0,0.5);
236        padding-top: 10px;
237        padding-bottom: 10px;
238    }
239
240    @media only screen and (max-width: 768px) {
241        .top-section {
242            background-position: center center;
243            min-height: unset;
244            position: relative;
245        }
246        .top-section::before {
247            content: '';
248            position: absolute;
249            inset: 0;
250            background: rgba(0,0,0,0.5);
251            z-index: 0;
252        }
253        .top-section .container {
254            position: relative;
255            z-index: 1;
256        }
257        .top-section h2 {
258            font-size: 28px !important;
259            text-align: center !important;
260        }
261        .top-section .hero-bullets {
262            font-size: 11px !important;
263            line-height: 1.8;
264            text-align: center !important;
265        }
266        .top-section .hero-copy {
267            padding: 100px 0 40px;
268            text-align: center;
269        }
270        .top-section .shopify-install-btn {
271            justify-content: center !important;
272        }
273        .engineered-badge {
274            font-size: 13px;
275            padding: 8px 14px;
276            margin-left: auto;
277            margin-right: auto;
278        }
279    }
280
281    .fa-question-circle {
282        color: black !important;
283    }
284
285    .faq {
286        overflow: hidden;
287    }
288
289    h6, .h6 {
290        text-transform: unset !important;
291    }
292
293    .title, .card-title, .info-title, .footer-brand, .footer-big h5, .footer-big h4, .media .media-heading {
294        font-family: unset !important;
295    }
296
297    p {
298        font-size: 20px
299    }
300
301    .other-features-row {
302        margin-top: 0;
303        margin-bottom: 0
304    }
305
306    .info p {
307        font-size: 16px !important;
308    }
309
310    body {
311        color: #2f2f2f;
312    }
313
314    .page-header {
315        background-color: #f8fdff;
316    }
317
318    .container, p, .row {
319        font-size: 20px !important;
320    }
321
322    .section-gray {
323        background-color: #f2f7fd;
324    }
325
326    .card-intro .card-title, .card-intro .card-description {
327        color: #2f2f2f !important;
328    }
329
330    .card-body li {
331        margin-bottom: 5px !important;
332    }
333
334    .card .card-description {
335        color: #2f2f2f;
336    }
337
338    .card a:not(.btn) {
339        color: #000000;
340    }
341
342    @media only screen and (max-width: 1024px) {
343        #header-image {
344            margin-top: 40px !important;
345        }
346
347        .home-title {
348            font-size: 38px !important;
349        }
350
351        .sub-title {
352            font-size: 24px !important;
353        }
354    }
355    /* Extra small devices (phones, 600px and down) */
356    @media only screen and (max-width: 768px) {
357        .home-title {
358            font-size: 28px !important;
359            margin-top: 100px;
360            text-align: unset !important;
361        }
362
363        #sub-title {
364            font-size: 18px !important;
365        }
366
367        #header {
368            text-align: center;
369        }
370
371        #header-image-mobile {
372            margin-top: 10px !important;
373            max-height: 35vh !important;
374            display: block !important;
375            margin-left: auto;
376            margin-right: auto;
377        }
378
379        #header-image {
380            display: none !important;
381        }
382
383        h2 {
384            font-size: 24px !important;
385        }
386
387        h4.title {
388            font-size: 18px !important;
389        }
390
391        .text-standard {
392            text-align: left !important;
393        }
394    }
395
396    /* hover try it */
397
398
399    .try-it {
400        position: relative;
401    }
402
403    .img {
404        opacity: 1;
405        display: block;
406        width: 100%;
407        height: auto;
408        transition: .5s ease;
409        backface-visibility: hidden;
410    }
411
412    .middle {
413        transition: .5s ease;
414        opacity: 0;
415        position: absolute;
416        top: 50%;
417        left: 50%;
418        transform: translate(-50%, -50%);
419        -ms-transform: translate(-50%, -50%);
420        text-align: center;
421    }
422
423    .try-it:hover .img {
424        opacity: 0.3;
425        cursor: pointer;
426    }
427
428    .try-it:hover .middle {
429        opacity: 1;
430    }
431
432    .text {
433        background-color: #cc0000;
434        color: white;
435        font-size: 16px;
436        border-radius: 10px;
437        padding: 16px 32px;
438    }
439
440        .text:hover {
441            cursor: pointer;
442        }
443</style>
444
445<section class="top-section section">
446    <div class="container">
447        <div class="row">
448            <div class="col-lg-6 col-md-7 hero-copy">
449                <h2>
450                    Turn Traffic Into Sales 🤑
451                    <br>With High-Converting Spin To Win Pop-ups
452                </h2>
453
454                <p class="hero-bullets mb-4">
455                    ✅ Turn slow days into sales with irresistible deals<br />
456                    ✅ Collect 4x more emails than generic pop-ups<br />
457                    ✅ Convert visitors into happy buyers
458                </p>
459
460                <div class="shopify-install-btn d-flex align-items-center" style="gap:10px; flex-wrap:wrap;">
461                    <button class="shopify-home animated pulse infinite" data-toggle="modal"><span class="fab fa-shopify"></span> INSTALL NOW</button>
462                    <button type="button" id="demoShop" style="width:150px;">DEMO</button>
463                </div>
464
465                <div class="engineered-badge">
466                    <i class="fas fa-heart"></i> Engineered for Shopify
467                </div>
468            </div>
469        </div>
470    </div>
471</section>
472
473
474
475<!-- Customer Reviews from App store -->
476
477<section class="customer-review-section section">
478
479    <div class="container">
480        <div class="row mb-3">
481            <div class="col-lg-10 offset-lg-1 text-center">
482                <h4>❤️ Trusted by Leading E-Commerce Entrepreneurs<br class="d-none d-md-block"> and 7-Figure Brands.</h4>
483            </div>
484        </div>
485        <div class="row">
486
487            <div class="col">
488                <div id="shopify-reviews3" class="carousel slide shopify-review-carousel">
489                    <div class="carousel-inner">
490                        <div class="item carousel-item active">
491                            <div class="row align-items-center justify-content-md-center">
492
493                                <div class="col-md-10">
494
495                                    <p class="lead">
496                                        We've had a wonderful experience working with Crazy Rocket thus far to power our Spin the Wheel campaigns on our website. Their support team has been a joy to work with and have been extremely helpful in building out our customized campaigns as well as helping to build out feature requests.
497
498                                        I would definitely recommend Crazy Rocket if you're in the market for a new Spin Wheel application.
499                                    </p>
500                                    <p><strong>⭐⭐⭐⭐⭐ Princess Polly</strong></p>
501
502                                </div>
503                            </div>
504                        </div>
505                        <div class="item carousel-item ">
506                            <div class="row align-items-center justify-content-md-center">
507
508                                <div class="col-md-10">
509
510                                    <p class="lead">
511                                        • Highly Recommend • Cost Efficient • High Quality App • Fast Support Times
512                                        [...] I highly recommend using this on your Shopify Store for large email conversation rates!
513                                    </p>
514                                    <p><strong>⭐⭐⭐⭐⭐ Presets By Hannah</strong></p>
515
516                                </div>
517                            </div>
518                        </div>
519                        <div class="item carousel-item">
520                            <div class="row align-items-center justify-content-md-center">
521
522                                <div class="col-md-10">
523
524                                    <p class="lead">
525                                        <strong>Works great from day one! Customers love it.</strong> If you have customers who like to play the odds, this app is worth installing.
526
527
528                                    </p>
529                                    <p><strong>⭐⭐⭐⭐⭐ Glitter Chimp</strong></p>
530
531                                </div>
532                            </div>
533                        </div>
534                        <div class="item carousel-item">
535                            <div class="row align-items-center justify-content-md-center">
536
537                                <div class="col-md-10">
538
539                                    <p class="lead">
540                                        <strong>I have been using CrazyRocket for the past 3 weeks and it really is fantastic.</strong> It’s easy to setup and their support team are extremely helpful. <strong>
540The Spin Wheel Popup generates good revenue</strong> and from a customers point of view - it’s something different and fun! Great work CrazyRocket team!
541                                    </p>
542                                    <p><strong>⭐⭐⭐⭐⭐ Zero-G Digital Audio</strong></p>
543
544                                </div>
545                            </div>
546                        </div>
547                        <div class="item carousel-item">
548                            <div class="row align-items-center justify-content-md-center">
549
550                                <div class="col-md-10">
551
552                                    <p class="lead">
553                                        <strong>Great tool to collect email, give discounts and motivate the sale.</strong> I definitely recommend it.
554
555                                    </p>
556                                    <p><strong>⭐⭐⭐⭐⭐ Cali Life Co.</strong></p>
557
558                                </div>
559                            </div>
560                        </div>
561                    </div>
562                    <a class="carousel-control-prev" href="#shopify-reviews3" role="button" data-slide="prev">
563                        <span class="fas fa-chevron-left"></span>
564                        <span class="sr-only">Previous</span>
565                    </a>
566                    <a class="carousel-control-next" href="#shopify-reviews3" role="button" data-slide="next">
567                        <span class="fas fa-chevron-right"></span>
568                        <span class="sr-only">Next</span>
569                    </a>
570                </div>
571            </div>
572        </div>
573    </div>
574</section>
575
576<!-- beautiful templates -->
577
578<div class="section text-center">
579    <div class="container">
580        <div class="row text-center">
581            <div class="col-lg-12">
582                <h2>🎨 Beautiful Templates</h2>
583                <h6>
584                    From Flash Sales to Black Friday, from Valentine's Day to Christmas...<br />
585                    all you need to run catchy promotions.
586                </h6>
587
588            </div>
589        </div>
590        <div class="row mt-5">
591
592            <div class="col">
593                <div id="themes-carousel" class="carousel slide shopify-review-carousel">
594                    <div class="carousel-inner">
595                        <div class="item carousel-item active">
596                            <div class="row align-items-center justify-content-md-center">
597                                <div class="col-md-10">
598                                    <img class="d-block img-fluid lazyload" src="https://www.crazyrocket.io/landing/theme-1.jpg" alt="Popup">
599                                </div>
600                            </div>
601                        </div>
602                        <div class="item carousel-item">
603                            <div class="row align-items-center justify-content-md-center">
604                                <div class="col-md-10">
605                                    <img class="d-block img-fluid lazyload" src="https://www.crazyrocket.io/landing/theme-2.jpg" alt="Popup">
606                                </div>
607                            </div>
608                        </div>
609                        <div class="item carousel-item">
610                            <div class="row align-items-center justify-content-md-center">
611                                <div class="col-md-10">
612                                    <img class="d-block img-fluid lazyload" src="https://www.crazyrocket.io/landing/theme-3.jpg" alt="Popup">
613                                </div>
614                            </div>
615                        </div>
616                        <div class="item carousel-item">
617                            <div class="row align-items-center justify-content-md-center">
618                                <div class="col-md-10">
619                                    <img class="d-block img-fluid lazyload" src="https://www.crazyrocket.io/landing/theme-4.jpg" alt="Popup">
620                                </div>
621                            </div>
622                        </div>
623                        <div class="item carousel-item">
624                            <div class="row align-items-center justify-content-md-center">
625                                <div class="col-md-10">
626                                    <img class="d-block img-fluid lazyload" src="https://www.crazyrocket.io/landing/theme-5.jpg" alt="Popup">
627                                </div>
628                            </div>
629                        </div>
630                        <div class="item carousel-item">
631                            <div class="row align-items-center justify-content-md-center">
632                                <div class="col-md-10">
633                                    <img class="d-block img-fluid lazyload" src="https://www.crazyrocket.io/landing/theme-6.jpg" alt="Popup">
634                                </div>
635                            </div>
636                        </div>
637                        <div class="item carousel-item">
638                            <div class="row align-items-center justify-content-md-center">
639                                <div class="col-md-10">
640                                    <img class="d-block img-fluid lazyload" src="https://www.crazyrocket.io/landing/theme-7.jpg" alt="Popup">
641                                </div>
642                            </div>
643                        </div>
644                        <div class="item carousel-item">
645                            <div class="row align-items-center justify-content-md-center">
646                                <div class="col-md-10">
647                                    <img class="d-block img-fluid lazyload" src="https://www.crazyrocket.io/landing/theme-8.jpg" alt="Popup">
648                                </div>
649                            </div>
650                        </div>
651
652
653                    </div>
654                    <a class="carousel-control-prev" href="#themes-carousel" role="button" data-sli
654de="prev">
655                        <span class="fas fa-chevron-left"></span>
656                        <span class="sr-only">Previous</span>
657                    </a>
658                    <a class="carousel-control-next" href="#themes-carousel" role="button" data-slide="next">
659                        <span class="fas fa-chevron-right"></span>
660                        <span class="sr-only">Next</span>
661                    </a>
662                </div>
663            </div>
664        </div>
665    </div>
666</div>
667
668<!-- Tons of Powerful Features -->
669<div id="features"></div>
670<style>
671    .feature-card {
672        background: #fff;
673        border-radius: 16px;
674        padding: 28px 24px;
675        height: 100%;
676        box-shadow: 0 2px 12px rgba(0,0,0,0.07);
677        border: 1px solid #f0f0f0;
678        transition: transform 0.2s ease, box-shadow 0.2s ease;
679    }
680    .feature-card:hover {
681        transform: translateY(-3px);
682        box-shadow: 0 8px 24px rgba(0,0,0,0.11);
683    }
684    .feature-card .fc-icon {
685        width: 48px;
686        height: 48px;
687        border-radius: 12px;
688        display: flex;
689        align-items: center;
690        justify-content: center;
691        font-size: 20px;
692        margin-bottom: 16px;
693    }
694    .feature-card h5 {
695        font-size: 16px;
696        font-weight: 700;
697        margin-bottom: 8px;
698        color: #1a1a2e;
699    }
700    .feature-card p {
701        font-size: 14px !important;
702        color: #555;
703        line-height: 1.55;
704        margin-bottom: 0;
705    }
706    .fc-blue   { background: #e8f0fe; color: #1a73e8; }
707    .fc-green  { background: #e6f4ea; color: #188038; }
708    .fc-orange { background: #fce8e6; color: #d93025; }
709    .fc-purple { background: #f3e8fd; color: #9334e6; }
710    .fc-teal   { background: #e6f6f6; color: #00897b; }
711    .fc-yellow { background: #fef7e0; color: #f9ab00; }
712    .features-grid .col-md-4 {
713        margin-bottom: 24px;
714    }
715    .deep-dive-row {
716        align-items: center;
717        padding: 50px 0;
718        border-bottom: 1px solid #f0f0f0;
719    }
720    .deep-dive-row:last-child {
721        border-bottom: none;
722    }
723    .deep-dive-row h3 {
724        font-size: 22px;
725        font-weight: 700;
726        color: #1a1a2e;
727        margin-bottom: 12px;
728    }
729    .deep-dive-row p, .deep-dive-row li {
730        font-size: 16px !important;
731        color: #444;
732    }
733    .deep-dive-row img {
734        border-radius: 12px;
735        box-shadow: 0 6px 24px rgba(0,0,0,0.1);
736    }
737</style>
738<section class="section" style="background: #f8faff;">
739    <div class="container">
740        <div class="row text-center">
741            <div class="col-lg-10 offset-lg-1">
742                <h2>🚀 Tons of Powerful Features</h2>
743                <h6>Try CrazyRocket’s premium features <strong>FREE for 7 days.</strong><br class="d-none d-md-block"> Launch your first campaign in 5 minutes!</h6>
744            </div>
745        </div>
746
747        <div class="row features-grid" style="margin-top: 50px;">
748
749            <div class="col-md-4">
750                <div class="feature-card">
751                    <div class="fc-icon fc-orange"><i class="fas fa-bolt"></i></div>
752                    <h5>Exit Intent &amp; Smart Triggers</h5>
753                    <p>Catch visitors before they leave with exit intent detection. Also trigger by time on site, page views, scroll depth, or a clickable launch icon.</p>
754                </div>
755            </div>
756
757            <div class="col-md-4">
758                <div class="feature-card">
759                    <div class="fc-icon fc-green"><i class="fas fa-plug"></i></div>
760                    <h5>Email Integrations</h5>
761                    <p>Sync leads automatically to Klaviyo, Mailchimp, Omnisend, ActiveCampaign, Campaign Monitor, Brevo, MailerLite, or any app via Zapier webhooks.</p>
762                </div>
763            </div>
764
765            <div class="col-md-4">
766                <div class="feature-card">
767                    <div class="fc-icon fc-purple"><i class="fas fa-project-diagram"></i></div>
768                    <h5>Shopify Flow</h5>
769                    <p>Automate post-signup workflows natively in Shopify: tag customers, trigger loyalty flows, send follow-up sequences — all without third-party tools.</p>
770                </div>
771            </div>
772
773            <div class="col-md-4">
774                <div class="feature-card">
775                    <div class="fc-icon fc-teal"><i class="fas fa-gift"></i></div>
776                    <h5>Coupon Auto-Injection</h5>
777                    <p>Automatically apply the won coupon to the cart at checkout — fewer drop-offs, more completed orders.</p>
778                </div>
779            </div>
780
781            <div class="col-md-4">
782                <div class="feature-card">
783                    <div class="fc-icon fc-yellow"><i class="fas fa-hourglass-half"></i></div>
784                    <h5>Countdown Timer &amp; Scarcity</h5>
785                    <p>Show a countdown banner after opt-in to create urgency. Add a scarcity counter to trigger FOMO and push hesitant shoppers to buy.</p>
786                </div>
787            </div>
788
789            <div class="col-md-4">
790                <div class="feature-card">
791                    <div class="fc-icon fc-blue"><i class="fas fa-calendar-alt"></i></div>
792                    <h5>Campaign Scheduling</h5>
793                    <p>Set a start and end date for any campaign. Get email notifications when it goes live or expires — perfect for flash sales and seasonal promos.</p>
794                </div>
795            </div>
796
797            <div class="col-md-4">
798                <div class="feature-card">
799                    <div class="fc-icon fc-orange"><i class="fas fa-crosshairs"></i></div>
800                    <h5>Advanced Page Targeting</h5>
801                    <p>Show or hide campaigns by URL, referrer, landing page query string, or visitor country. Deliver the right offer to the right audience.</p>
802                </div>
803            </div>
804
805            <div class="col-md-4">
806                <div class="feature-card">
807                    <div class="fc-icon fc-green"><i class="fas fa-flask"></i></div>
808                    <h5>A/B Testing</h5>
809                    <p>Run multiple campaigns simultaneously — different games, designs, or offers. The dashboard rotates them and shows you which one wins.</p>
810                </div>
811            </div>
812
813            <div class="col-md-4">
814                <div class="feature-card">
815                    <div class="fc-icon fc-purple"><i class="fas fa-ticket-alt"></i></div>
816                    <h5>Unique Coupons <span style="font-size:11px; background:#f3e8fd; color:#9334e6; border-radius:6px; padding:2px 7px; vertical-align:middle;">PREMIUM</span></h5>
817                    <p>Auto-generate unique, one-time-use coupon codes for every winner — better fraud prevention and precise sales attribution.</p>
818                </div>
819            </div>
820
821            <div class="col-md-4">
822                <div class="feature-card">
823                    <div class="fc-icon fc-teal"><i class="fas fa-chart-pie"></i></div>
824                    <h5>Real-time Analytics</h5>
825                    <p>Track impressions, opt-ins, and conversion rates at a glance. Filter by date and campaign to understand what’s driving results.</p>
826                </div>
827            </div>
828
829            <div class="col-md-4">
830                <div class="feature-card">
831                    <div class="fc-icon fc-yellow"><i class="fas fa-stream"></i></div>
832                    <h5>UTM &amp; Segmentation</h5>
833                    <p>Capture UTM parameters, referrer, and landing URL alongside every lead and pass them to Klaviyo or Mailchimp for precise audience segmentation.</p>
834                </div>
835            </div>
836
837            <div class="col-md-4">
838                <div class="feature-card">
839                    <div class="fc-icon fc-blue"><i class="fas fa-shield-alt"></i></div>
840                    <h5>reCAPTCHA &amp; GDPR</h5>
841                    <p>
841Block bots with Google reCAPTCHA. Handle EU opt-in consent correctly out of the box. Translate all labels into any language.</p>
842                </div>
843            </div>
844
845        </div>
846    </div>
847</section>
848
849<section class="section" style="background:#fff;">
850    <div class="container">
851        <div class="row text-center">
852            <div class="col-lg-10 offset-lg-1">
853                <h2>Build Your Campaigns like a PRO 😎</h2>
854                <h6>The most-wanted features used by 7-figure merchants.</h6>
855            </div>
856        </div>
857
858        <div class="row deep-dive-row" style="margin-top:40px;">
859            <div class="col-md-5">
860                <img class="img-fluid lazyload" src='https://www.crazyrocket.io/content/customize.jpg' alt="WYSIWYG campaign editor">
861            </div>
862            <div class="col-md-7 pl-md-5">
863                <h3>Fully Customizable Design</h3>
864                <p>Your brand, your rules: customize text, logo, background, font, buttons, and CSS. The live WYSIWYG editor lets you see every change in real time — no coding required.</p>
865            </div>
866        </div>
867
868        <div class="row deep-dive-row flex-md-row-reverse">
869            <div class="col-md-5">
870                <img class="img-fluid lazyload" src='https://www.crazyrocket.io/content/launch-icon.jpg' alt="Custom launch icon">
871            </div>
872            <div class="col-md-7 pr-md-5">
873                <h3>Custom Launch Icon</h3>
874                <p>Let visitors open the pop-up on their own terms. Choose from six built-in icons or upload your own. Position it freely on desktop and mobile, or hide it on mobile for a different trigger.</p>
875            </div>
876        </div>
877
878        <div class="row deep-dive-row">
879            <div class="col-md-5">
880                <img class="img-fluid lazyload" src='https://www.crazyrocket.io/content/advanced-targeting.jpg' alt="Advanced page targeting">
881            </div>
882            <div class="col-md-7 pl-md-5">
883                <h3>Advanced Page Targeting</h3>
884                <ul>
885                    <li><strong>URL Filter</strong> — show or hide the widget on specific pages</li>
886                    <li><strong>Landing Page</strong> — trigger only when a query string matches</li>
887                    <li><strong>Referrer</strong> — activate for traffic from specific sources</li>
888                    <li><strong>Country</strong> — geo-target your offers</li>
889                </ul>
890            </div>
891        </div>
892
893        <div class="row deep-dive-row flex-md-row-reverse">
894            <div class="col-md-5">
895                <img class="img-fluid" src='https://www.crazyrocket.io/content/abtest.jpg' alt="A/B test campaigns">
896            </div>
897            <div class="col-md-7 pr-md-5">
898                <h3>A/B Testing</h3>
899                <p>Do your visitors prefer a spin wheel or scratch card? A pop-up or a notification? Clone campaigns, tweak one variable, and let CrazyRocket rotate them automatically. The overview dashboard shows you the winner.</p>
900            </div>
901        </div>
902
903        <div class="row deep-dive-row" style="border-bottom:none;">
904            <div class="col-md-5">
905                <img class="img-fluid" src='https://www.crazyrocket.io/content/uniquecoupons.jpg' alt="Unique coupons">
906            </div>
907            <div class="col-md-7 pl-md-5">
908                <h3>Automatic Unique Coupons <span style="font-size:13px; background:#f3e8fd; color:#9334e6; border-radius:6px; padding:2px 8px; vertical-align:middle;">PREMIUM</span></h3>
909                <p>Generate a fresh, one-time-use coupon code for every spin. Eliminates coupon sharing and gives you clean, per-customer sales attribution in Shopify reports.</p>
910            </div>
911        </div>
912
913    </div>
914</section>
915
916
917
918<div class="col-lg-12 text-center mt-5 mb-5">
919    <div class="shopify-install-btn">
920        <button class="shopify-home animated pulse infinite" data-toggle="modal"><span class="fab fa-shopify"></span> INSTALL NOW</button>
921        
922    </div>
923</div>
924
925<!-- faq -->
926
927<section class="faq-section section">
928    <div class="container">
929        <div class="row mb-3">
930            <div class="col-lg-10 offset-lg-1 text-center">
931                <h2>Frequently Asked Questions</h2>
932                
933            </div>
934        </div>
935        <div class="row accordion-section">
936            <div class="col">
937
938                <div class="accordion" id="faq">
939                    <div class="faq mb-3">
940                        <a class="btn btn-light btn-block btn-lg collapsed" data-toggle="collapse" data-target="#a1" aria-expanded="true" aria-controls="a1">
941                            <span class="fas fa-question-circle text-primary"></span>
942                            How does it work?
943                        </a>
944                        <div id="a1" class="collapse" aria-labelledby="q1" data-parent="#faq">
945                            <div class="card-body">
946
947                                As a merchant, you need to deliver a compelling shopping experience to establish trust and persuade visitors to buy from your shop.<br /><br />
948
949                                CrazyRocket provides three fantastic games to break the ice, engage users and entice them to complete the purchase because:<br /><br />
950
951                                ✔️ Spin to win pop-ups spark curiosity and challenge users to take action<br />
952                                ✔️ Winning a prize creates a sense of achievement<br />
953                                ✔️ Having a coupon to spend infuses desire to use it... nobody wants to miss out a deal :)<br />
954
955                            </div>
956                        </div>
957                    </div>
958                    <div class="faq mb-3">
959                        <a class="btn btn-light btn-block btn-lg collapsed" data-toggle="collapse" data-target="#a2" aria-expanded="false" aria-controls="a2">
960                            <span class="fas fa-question-circle text-primary"></span>
961                            What's the average Opt-in rate ?
962                        </a>
963                        <div id="a2" class="collapse" aria-labelledby="q6" data-parent="#faq">
964                            <div class="card-body">
965                                The average opt-in rate for traditional «Join our newsletter and get a coupon» pop-ups is around 3%.<br />
966                                Our average opt-in rate is above 10%, with peaks up to 56% :)
967                            </div>
968                        </div>
969                    </div>
970                    <div class="faq mb-3">
971                        <a class="btn btn-light btn-block btn-lg collapsed" data-toggle="collapse" data-target="#a3" aria-expanded="false" aria-controls="a3">
972                            <span class="fas fa-question-circle text-primary"></span>
973                            Will the App slow down my website?
974                        </a>
975                        <div id="a3" class="collapse" aria-labelledby="q6" data-parent="#faq">
976                            <div class="card-body">
977                                No! We built CrazyRocket with the best practices in mind and all our scripts are loaded asynchronously.
978                            </div>
979                        </div>
980                    </div>
981
982                    <div class="faq mb-3">
983                        <a class="btn btn-light btn-block btn-lg collapsed" data-toggle="collapse" data-target="#a4" aria-expanded="false" aria-controls="a4">
984                            <span class="fas fa-question-circle text-primary"></span>
985                            Can I create unique coupons?
986                        </a>
987                        <div id="a4" class="collapse" aria-labelledby="q2" data-parent="#faq">
988                            <div class="card-body">
989                                Yes! The Premium plan allows you to create random, unique coupons, starting from the discount codes provided. This allows you to improve the way sales are tracked.
990                            </div>
991                        </div>
992                    </div>
993                    <div class="faq mb-3">
994                        <a class="btn btn-light btn-block btn-lg collapsed" data-toggle="collapse" data-target="#a6" aria-expanded="false" aria-controls="a4">
995                            <span class="fas fa-question-circle text-primary"></span>
996                            <span> Can I embed the wheel on a landing page?</span>
997                        </a>
998                        <div id="a6" class="collapse" aria-labelledby="q2" data-parent="#faq">
999                            <div class="card-body">
1000                                Yes! This feature is available as a preview for Premium plans. Please get in touch with us for your embed code and if you need help with the implementation.
1001                            </div>
1002                        </div>
1003                    </div>
1004
1005
1006                    <div class="faq mb-3">
1007                        <a class="btn btn-light btn-block btn-lg collapsed" data-toggle="collapse" data-target="#a5" aria-expanded="false" aria-controls="a6">
1008                            <span class="fas fa-question-circle text-primary"></span>
1009                            Can I change plan later?
1010                        </a>
1011                        <div id="a5" class="collapse" aria-labelledby="q7" data-parent="#faq">
1012                            <div class="card-body">
1013                                Sure, you can upgrade, downgrade or cancel your plan at any time from the Dashboard.
1014                            </div>
1015                        </div>
1016                    </div>
1017
1018                </div>
1019            </div>
1020        </div>
1021    </div>
1022</section>
1023
1024
1025
1026
1027
1028
1029
1030    <style>
1031    .footer.footer-black.footer-big {
1032        background-color: #111 !important;
1033        color: #e0e0e0 !important;
1034        font-size: 16px !important;
1035    }
1036
1037    .footer.footer-black.footer-big a {
1038        color: #e0e0e0 !important;
1039        font-size: 16px !important;
1040    }
1041
1042    .footer.footer-black.footer-big a:hover {
1043        color: #fff !important;
1044    }
1045
1046    .footer.footer-black.footer-big .copyright {
1047        background-color: transparent !important;
1048        color: #aaa !important;
1049        font-size: 15px !important;
1050    }
1051
1052    .footer.footer-black.footer-big li {
1053        margin-bottom: 0 !important;
1054    }
1055
1056    .footer.footer-black.footer-big ul {
1057        text-align: center !important;
1058    }
1059
1060    .footer.footer-black.footer-big hr {
1061        border-color: #333 !important;
1062    }
1063</style>
1064<footer class="footer footer-black footer-big">
1065
1066    <div class="container">
1067        <div class="row">
1068
1069            <div class="col-md-12 text-center">
1070                <div class="links">
1071                    <ul>
1072                        <li>
1073                            <a href="/support/all-articles">All Support Articles</a>
1074                        </li>
1075                        <li>
1076                            <a href="/home/privacypolicy">Privacy &amp; Cookie Policy</a>
1077                        </li>
1078                        <li>
1079                            <a href="#" onclick="CookieConsent.showPreferences(); return false;">Cookie Settings</a>
1080                        </li>
1081                        <li>
1082                            <a href="/home/tos">Terms of Service</a>
1083                        </li>
1084                    </ul>
1085                    <hr>
1086                    <div class="copyright">
1087                        <div class="pull-left">
1088                            &copy; 
1088<script>document.write(new Date().getFullYear())</script>
1088, made with <i class="fa fa-heart heart"></i> by CrazyRocket - P.I. 13748061002
1089                        </div>
1090                    </div>
1091                </div>
1092            </div>
1093        </div>
1094    </div>
1095</footer>
1096
1097
1098
1099
1100    
1100<script src="https://www.crazyrocket.io/assets/js/jquery-3.2.1.min.js" type="text/javascript"></script>
1100
1101    
1101<script src="https://www.crazyrocket.io/assets/js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
1101
1102    
1102<script src="https://www.crazyrocket.io/assets/js/popper.js" type="text/javascript"></script>
1102
1103    
1103<script src="https://www.crazyrocket.io/assets/js/bootstrap.min.js" type="text/javascript"></script>
1103
1104
1105    
1105<script src="https://www.crazyrocket.io/scripts/jquery.validate.min.js"></script>
1105
1106    
1106<script src="https://www.crazyrocket.io/scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>
1106
1107    
1107<script src="https://www.crazyrocket.io/scripts/jquery.validate.unobtrusive.js" type="text/javascript"></script>
1107
1108
1109    
1109<script src="https://www.crazyrocket.io/assets/js/sweetalert2.js"></script>
1109
1110    
1110<script src="https://www.crazyrocket.io/assets/js/paper-kit.js"></script>
1110
1111
1112    <!-- chat -->
1113    
1113<script type="text/javascript">window.$crisp = []; window.CRISP_WEBSITE_ID = "c96ae38e-61cf-4d31-bb02-887c7a4f0dfb"; (function () { d = document; s = d.createElement("script"); s.src = "https://client.crisp.chat/l.js"; s.async = 1; d.getElementsByTagName("head")[0].appendChild(s); })();</script>
1113
1114
1115
1116    <!-- Google Analytics - blocked until analytics consent -->
vendor: 107 bytes, lines 1116-1117
1116
1117    <script type="text/plain" data-category="analytics" src="https://www.googletagmanager.com/gtag/js?id=
1117UA-127894510-1
vendor: 19 bytes, lines 1117-1119
1117"></script>
1118
1119    
1119<script>
1120        /* --- Tracking functions (called by cookie-consent-config.js on consent) --- */
1121
1122        function startAnalytics() {
1123            window.dataLayer = window.dataLayer || [];
1124            function gtag() { dataLayer.push(arguments); }
1125            window.gtag = gtag;
1126            gtag('js', new Date());
1127            gtag('config', 'UA-127894510-1', { 'anonymize_ip': true });
1128        }
1129
1130        function FbOptIn() {
vendor: 647 bytes, lines 1130-1142
1130
1131            !function (f, b, e, v, n, t, s) {
1132                if (f.fbq) return; n = f.fbq = function () {
1133                    n.callMethod ?
1134                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
1135                };
1136                if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
1137                n.queue = []; t = b.createElement(e); t.async = !0;
1138                t.src = v; s = b.getElementsByTagName(e)[0];
1139                s.parentNode.insertBefore(t, s)
1140            }(window, document, 'script',
1141            'https://connect.facebook.net/en_US/fbevents.js');
1142            fbq('init', '
1142296554337619368
vendor: 52 bytes, lines 1142-1144
1142');
1143            fbq('track', 'PageView');
1144        
1144}
1145
1146        var optinHotJar = function () {
vendor: 175 bytes, lines 1146-1149
1146
1147            (function (h, o, t, j, a, r) {
1148                h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) };
1149                h._hjSettings = { hjid: 
11491059700
vendor: 333 bytes, lines 1149-1155
1149, hjsv: 6 };
1150                a = o.getElementsByTagName('head')[0];
1151                r = o.createElement('script'); r.async = 1;
1152                r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
1153                a.appendChild(r);
1154            })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
1155        
1155}
1156
1157        /* --- Apollo.io tracking (marketing category) --- */
1158        function initApollo() {
1159            // TODO: Add your Apollo.io tracking snippet here when ready.
1160            // It will only fire after marketing consent is granted.
1161        }
1162    </script>
1162
1163
1164    <!-- CookieConsent v3 -->
1165    
1165<script defer src="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.umd.js"></script>
1165
1166    
1166<script defer src="https://www.crazyrocket.io/scripts/cookie-consent-config.js"></script>
1166
1167
1168    
1168<script>
1169        var CrazyRocket = {};
1170
1171        CrazyRocket.ShopifyApiKey = "ea7da5935c92276944090810897e4901";
1172
1173        window.addEventListener('DOMContentLoaded', function() {
1174            (function($) {
1175
1176                var htmlDecode = function(encodedStr) {
1177                    var x = jQuery("<div/>").html(encodedStr).text();
1178                    return x;
1179                }
1180
1181                window.isAuthenticated = false;
1182                window.cdn = 'https://www.crazyrocket.io/';
1183                window.twitterSharingText = htmlDecode('Collect more e-mails and boost sales with Gamified Pop-ups. #shopify @CrazyRocketApp');
1184
1185$(".install-app").click(function () {
1186                    location.href="/home/install";
1187                });
1188
1189                $(".shopify-home").click(function () {
1190                    location.href = "/home/install";
1191                });
1192
1193
1194                $("#btnShareFacebook").click(function () {
1195                    var url="https://crazyrocket.io";
1196                    window.open('http://facebook.com/sharer/sharer.php?u=' + encodeURIComponent(url), '', 'left=0,top=0,width=650,height=420,personalbar=0,toolbar=0,scrollbars=0,resizable=0');
1197                });
1198
1199                $("#btnShareTwitter").click(function () {
1200                    var url="https://crazyrocket.io";
1201                    window.open('http://twitter.com/share?url=' + encodeURIComponent(url) + '&text=' + encodeURIComponent(window.twitterSharingText), '', 'left=0,top=0,width=550,height=450,personalbar=0,toolbar=0,scrollbars=0,resizable=0');
1202                });
1203
1204                $("#btnShareEmail").click(function() {
1205                    var url="https://crazyrocket.io";
1206
1207                    var br = "\r\n";
1208                    var txt ="Hi,\r\n\r\nI am just reaching out to let you know about CrazyRocket, a Shopify App to collect more leads and boost sales thanks to pop-up gamification.\r\n\r\nPlease check this link: "+url;
1209
1210
1211                    var link = "mailto:"
1212                                + "?subject=" + escape("Check this amazing Shopify App")
1213                                + "&body=" + escape(txt);
1214
1215
1216                    window.location.href = link;
1217
1218                });
1219            })(jQuery);
1220
1221        });
1222
1223    </script>
1223
1224
1225    
1226
1227    
1227<script src="https://www.crazyrocket.io/landing/lazysizes.min.js"></script>
1227
1228    
1228<script src="https://cdn.crazyrocket.io/widget/scripts/crazyrocket.start-cdn.js?id=5bfa6b27117cef0d78dacae5&shop=crazyrocket.myshopify.com"></script>
1228
1229
1230    
1230<script type="text/javascript">
1231        $(document).ready(function () {
1232
1233            $("#demoShop").click(function () { window.open("https://crazyrocket.myshopify.com", "_blank");})
1234            $('#submitContact').click(function () {
1235                $.validator.unobtrusive.parse($('#formContact'))
1236
1237                if ($("#formContact").valid()) {
1238
1239                    $('#formContact').trigger('submit');
1240                    $("#preload-contact").show();
1241                    $("#submitContact").hide();
1242                }
1243
1244            }).show();
1245        });
1246
1247
1248
1249        function postContactFailure() {
1250            $("#submitJoinBetat").show();
1251        }
1252
1253        function postContactSuccess(result) {
1254
1255            if (result.response == "ok") {
1256
1257                $("#formContact").hide();
1258                $("#tyContact").show();
1259            } else {
1260                alert(result.error);
1261                $("#preload-contact").hide();
1262                $("#submitContact").show();
1263
1264            }
1265        }
1266
1267        function postContactComplete() {
1268
1269        }
1270
1271    </script>
1271
1272    
1272<script>
1273
1274          $(document).ready(function () {
1275
1276            var CrazyRocket = {};
1277
1278            CrazyRocket.ShopifyApiKey = "ea7da5935c92276944090810897e4901";
1279
1280              $(".shopify-install-btn").click(function () {
1281
1282                  try {
1283
1284                      gtag('event', 'click-app-store-link', {
1285                          'event_category': 'Landing Page',
1286                          'event_label': ""
1287                      });
1288
1289                  }
1290                  catch (e) { }
1291
1292                  try {
1293
1294                      fbq('trackCustom', 'ClickedAppStoreLink', {
1295                          shop_url: "",
1296                          currency: 'USD'
1297                      });
1298
1299                  } catch (e) { }
1300
1301
1302                  window.open("https://apps.shopify.com/crazyrocket", '_blank');
1303            });
1304
1305        });
1306
1307    </script>
1307
1308
1309
1310</body>
1311</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.