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 & 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 & 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 & 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 & 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 & 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 ©
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.