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>All Support Articles - CrazyRocket Help Center</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<style> 138 body { 139 color: #2f2f2f; 140 background-color: #fcfbff; 141 } 142 143 h2, h4, h6 { 144 color: #333 !important; 145 } 146 147 .first-container { 148 margin-top: 120px; 149 } 150 151 .article-index-header { 152 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 153 border-radius: 20px; 154 padding: 50px 40px; 155 margin: 20px 0 40px 0; 156 box-shadow: 0 8px 25px rgba(0,0,0,0.08); 157 text-align: center; 158 color: white; 159 } 160 161 .article-index-header h2 { 162 color: white !important; 163 font-weight: 700; 164 font-size: 2.5rem; 165 margin-bottom: 15px; 166 } 167 168 .article-index-header p { 169 color: rgba(255,255,255,0.9); 170 font-size: 1.1rem; 171 margin-bottom: 0; 172 } 173 174 .articles-list { 175 list-style: none; 176 padding: 0; 177 margin: 0; 178 } 179 180 .article-item { 181 background: white; 182 border-radius: 12px; 183 padding: 20px 25px; 184 margin-bottom: 15px; 185 box-shadow: 0 2px 10px rgba(0,0,0,0.05); 186 transition: all 0.3s ease; 187 border-left: 4px solid transparent; 188 } 189 190 .article-item:hover { 191 box-shadow: 0 5px 20px rgba(0,0,0,0.1); 192 transform: translateY(-2px); 193 border-left-color: #667eea; 194 } 195 196 .article-item a { 197 text-decoration: none; 198 color: #333; 199 display: flex; 200 align-items: center; 201 gap: 15px; 202 } 203 204 .article-item a:hover { 205 color: #667eea; 206 } 207 208 .article-icon { 209 font-size: 24px; 210 color: #667eea; 211 min-width: 30px; 212 text-align: center; 213 } 214 215 .article-content { 216 flex: 1; 217 } 218 219 .article-title { 220 font-size: 18px; 221 font-weight: 600; 222 margin-bottom: 5px; 223 color: #333; 224 } 225 226 .article-description { 227 font-size: 14px; 228 color: #6c757d; 229 margin: 0; 230 } 231 232 .article-category { 233 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 234 color: white; 235 padding: 4px 12px; 236 border-radius: 15px; 237 font-size: 12px; 238 font-weight: 600; 239 white-space: nowrap; 240 } 241 242 .category-section { 243 margin-bottom: 40px; 244 } 245 246 .category-section h4 { 247 color: #667eea !important; 248 font-weight: 700; 249 margin-bottom: 20px; 250 padding-bottom: 10px; 251 border-bottom: 2px solid #e9ecef; 252 } 253</style> 254 255<div class="wrapper" style="background-color: unset !important;"> 256 <div class="container first-container"> 257 <div class="row"> 258 <div class="col-md-12"> 259 <div class="article-index-header"> 260 <h2><i class="fas fa-book"></i> All Support Articles</h2> 261 <p>Complete index of all available help articles and guides</p> 262 </div> 263 </div> 264 </div> 265 266 <div class="row"> 267 <div class="col-md-12"> 268 <div id="articles-by-category"> 269 <!-- Articles will be dynamically grouped by category here --> 270 </div> 271 </div> 272 </div> 273 274 <!-- Features Recap --> 275 <div class="row" style="margin-top: 40px;"> 276 <div class="col-md-12"> 277 <div> 278 <h2 style="font-weight: 700; text-align: center; margin-bottom: 10px; font-size: 2rem; color: #333 !important;">Everything You Can Do with CrazyRocket</h2> 279 <h5 style="text-align: center; margin-bottom: 40px; color: #6c757d !important; font-weight: 400; font-size: 1.1rem; line-height: 1.6;">A quick overview of the major features and where to learn more.</h5> 280 281 <div class="row"> 282 <!-- Gamified Popups --> 283 <div class="col-md-4" style="margin-bottom: 30px;"> 284 <div style="background: white; border-radius: 12px; padding: 25px; height: 100%; box-shadow: 0 2px 10px rgba(0,0,0,0.06);"> 285 <h4 style="font-weight: 700; margin-bottom: 10px;"><i class="fas fa-dharmachakra" style="color: #667eea; margin-right: 8px;"></i>Spin Wheels & Gamified Popups</h4> 286 <p style="color: #6c757d; font-size: 15px; line-height: 1.6;">Engage visitors with interactive spin-to-win wheels, scratch cards, and slot machines. Fully customizable templates for every occasion.</p> 287 <a href="/support/create-campaign" style="color: #667eea; font-weight: 600; font-size: 14px;">Launch your first campaign →</a> 288 </div> 289 </div> 290 291 <!-- Shopify Integration --> 292 <div class="col-md-4" style="margin-bottom: 30px;"> 293 <div style="background: white; border-radius: 12px; padding: 25px; height: 100%; box-shadow: 0 2px 10px rgba(0,0,0,0.06);"> 294 <h4 style="font-weight: 700; margin-bottom: 10px;"><i class="fas fa-shopping-bag" style="color: #96bf48; margin-right: 8px;"></i>Shopify Integration</h4> 295 <p style="color: #6c757d; font-size: 15px; line-height: 1.6;">One-click install on your Shopify store. Automatic coupon generation, cart integration, and Shopify Flow automation.</p> 296 <a href="/support/install-on-shopify" style="color: #667eea; font-weight: 600; font-size: 14px;">Install on Shopify</a><span style="color: #ccc; margin: 0 6px;">|</span> 297 <a href="/support/shopify-flow" style="color: #667eea; font-weight: 600; font-size: 14px;">Shopify Flow →</a> 298 </div> 299 </div> 300 301 <!-- Email Integrations --> 302 <div class="col-md-4" style="margin-bottom: 30px;"> 303 <div style="background: white; border-radius: 12px; padding: 25px; height: 100%; box-shadow: 0 2px 10px rgba(0,0,0,0.06);"> 304 <h4 style="font-weight: 700; margin-bottom: 10px;"><i class="fas fa-envelope" style="color: #f5365c; margin-right: 8px;"></i>Email Marketing Integrations</h4> 305 <p style="color: #6c757d; font-size: 15px; line-height: 1.6;">Auto-sync collected emails with Klaviyo, Mailchimp, Omnisend, ActiveCampaign, Brevo, MailerLite, and CampaignMonitor.</p> 306 <a href="/support/klaviyo" style="color: #667eea; font-weight: 600; font-size: 14px;">Klaviyo</a><span style="color: #ccc; margin: 0 6px;">|</span> 307 <a href="/support/mailchimp" style="color: #667eea; font-weight: 600; font-size: 14px;">Mailchimp</a><span style="color: #ccc; margin: 0 6px;">|</span> 308 <a href="/support/omnisend" style="color: #667eea; font-weight: 600; font-size: 14px;">Omnisend</a><span style="color: #ccc; margin: 0 6px;">|</span> 309 <a href="/support#integrations" style="color: #667eea; font-weight: 600; font-size: 14px;">All →</a> 310 </div> 311 </div> 312 313 <!-- Landing Page Embedding --> 314 <div class="col-md-4" style="margin-bottom: 30px;"> 315 <div style="background: white; border-radius: 12px; padding: 25px; height: 100%; box-shadow: 0 2px 10px rgba(0,0,0,0.06);"> 316 <h4 style="font-weight: 700; margin-bottom: 10px;"><i class="fas fa-code" style="color: #fb6340; margin-right: 8px;"></i>Landing Page Embedding</h4> 317 <p style="color: #6c757d; font-size: 15px; line-height: 1.6;">Embed your spin wheel directly on any landing page or custom website for a seamless inline experience.</p> 318 <a href="/support/embed-spin-wheel-on-landing-page" style="color: #667eea; font-weight: 600; font-size: 14px;">Learn how to embed →</a> 319 </div> 320 </div> 321 322 <!-- Conversion Tracking --> 323 <div class="col-md-4" style="margin-bottom: 30px;"> 324 <div style="background: white; border-radius: 12px; padding: 25px; height: 100%; box-shadow: 0 2px 10px rgba(0,0,0,0.06);"> 325 <h4 style="font-weight: 700; margin-bottom: 10px;"><i class="fas fa-chart-line" style="color: #ffd600; margin-right: 8px;"></i>Conversion Tracking</h4> 326 <p style="color: #6c757d; font-size: 15px; line-height: 1.6;">Track performance with custom scripts for Google Analytics, Facebook Pixel, and other tracking platforms.</p> 327 <a href="/support/conversion-script" style="color: #667eea; font-weight: 600; font-size: 14px;">Setup tracking →</a> 328 </div> 329 </div> 330 331 <!-- On-site Notifications --> 332 <div class="col-md-4" style="margin-bottom: 30px;"> 333 <div style="background: white; border-radius: 12px; padding: 25px; height: 100%; box-shadow: 0 2px 10px rgba(0,0,0,0.06);"> 334 <h4 style="font-weight: 700; margin-bottom: 10px;"><i class="fas fa-bell" style="color: #11cdef; margin-right: 8px;"></i>On-site Notifications</h4> 335 <p style="color: #6c757d; font-size: 15px; line-height: 1.6;">Trigger behavior-driven notifications to re-engage visitors based on exit intent, scroll depth, and time on page.</p> 336 <a href="/support/behavior-driven-notification" style="color: #667eea; font-weight: 600; font-size: 14px;">Learn about notifications →</a> 337 </div> 338 </div> 339 340 <!-- Zapier / Webhooks --> 341 <div class="col-md-4" style="margin-bottom: 30px;"> 342 <div style="background: white; border-radius: 12px; padding: 25px; height: 100%; box-shadow: 0 2px 10px rgba(0,0,0,0.06);"> 343 <h4 style="font-weight: 700; margin-bottom: 10px;"><i class="fas fa-plug" style="color: #ff6d00; margin-right: 8px;"></i>Zapier & Webhooks</h4> 344 <p style="color: #6c757d; font-size: 15px; line-height: 1.6;">Connect CrazyRocket to 5,000+ apps via Zapier webhooks. Send leads to your CRM, Google Sheets, or any tool you use.</p> 345 <a href="/support/zapier-webhook" style="color: #667eea; font-weight: 600; font-size: 14px;">Setup Zapier →</a> 346 </div> 347 </div> 348 349 <!-- Security --> 350 <div class="col-md-4" style="margin-bottom: 30px;"> 351 <div style="background: white; border-radius: 12px; padding: 25px; height: 100%; box-shadow: 0 2px 10px rgba(0,0,0,0.06);"> 352 <h4 style="font-weight: 700; margin-bottom: 10px;"><i class="fas fa-shield-alt" style="color: #2dce89; margin-right: 8px;"></i>Bot Protection</h4> 353 <p style="color: #6c757d; font-size: 15px; line-height: 1.6;">Keep your campaigns safe from bots and abuse with built-in Google reCAPTCHA support.</p> 354 <a href="/support/setup-recaptcha" style="color: #667eea; font-weight: 600; font-size: 14px;">Setup reCAPTCHA →</a> 355 </div> 356 </div> 357 358 <!-- Seasonal Playbooks --> 359 <div class="col-md-4" style="margin-bottom: 30px;"> 360 <div style="background: white; border-radius: 12px; padding: 25px; height: 100%; box-shadow: 0 2px 10px rgba(0,0,0,0.06);"> 361 <h4 style="font-weight: 700; margin-bottom: 10px;"><i class="fas fa-calendar-alt" style="color: #8965e0; margin-right: 8px;"></i>Seasonal Playbooks</h4> 362 <p style="color: #6c757d; font-size: 15px; line-height: 1.6;">Ready-made campaign strategies for Black Friday, Christmas, Halloween, Valentine's Day, and more.</p> 363 <a href="/support/spin-wheel-black-friday" style="color: #667eea; font-weight: 600; font-size: 14px;">Black Friday</a><span style="color: #ccc; margin: 0 6px;">|</span> 364 <a href="/support/spin-wheel-christmas" style="color: #667eea; font-weight: 600; font-size: 14px;">Christmas</a><span style="color: #ccc; margin: 0 6px;">|</span> 365 <a href="/support/halloween-playbook" style="color: #667eea; font-weight: 600; font-size: 14px;">Halloween</a><span style="color: #ccc; margin: 0 6px;">|</span> 366 <a href="/support/spin-wheel-valentines" style="color: #667eea; font-weight: 600; font-size: 14px;">Valentine's</a> 367 </div> 368 </div> 369 </div> 370 </div> 371 </div> 372 </div> 373 374 <div class="space-top" style="margin-top: 40px;"></div> 375 </div> 376</div> 377
378<script> 379 // All articles data (same as index.cshtml) 380 var allArticles = [ 381 { 382 link: '/support/campaign-not-showing-up', 383 title: 'Spin Wheel Not Showing Up', 384 category: 'TROUBLESHOOTING', 385 description: 'Solve the most common issue when campaigns don\'t appear on your site.', 386 imageUrl: 'https://www.crazyrocket.io/content/campaign-not-showing.jpg', 387 categories: ['GET STARTED', 'FAQ', 'SHOPIFY'] 388 }, 389 { 390 link: '/support/faq', 391 title: 'FAQ & Troubleshooting', 392 category: 'Got questions?', 393 description: 'Check our FAQ and solve most common issues.', 394 imageUrl: 'https://www.crazyrocket.io/content/faq.jpg', 395 categories: ['FAQ'] 396 }, 397 { 398 link: '/support/install-on-shopify', 399 title: 'Install on Shopify', 400 category: 'SETUP', 401 description: 'Install CrazyRocket on your shop in 3 minutes.', 402 imageUrl: 'https://www.crazyrocket.io/content/install1.jpg', 403 categories: ['GET STARTED', 'SHOPIFY'] 404 }, 405 { 406 link: '/support/install-on-woocommerce', 407 title: 'Install on WooCommerce', 408 category: 'SETUP', 409 description: 'Install on WooCommerce in 3 minutes.', 410 imageUrl: 'https://www.crazyrocket.io/content/install-woo.jpg', 411 categories: ['GET STARTED'] 412 }, 413 { 414 link: '/support/create-campaign', 415 title: 'Launch your first campaign', 416 category: 'GET STARTED', 417 description: 'Time to have fun! Let\'s launch your first campaign.', 418 imageUrl: 'https://www.crazyrocket.io/content/create1.jpg', 419 categories: ['GET STARTED'] 420 }, 421 { 422 link: '/support/schedule-campaign', 423 title: 'Schedule Your Campaign', 424 category: 'GET STARTED', 425 description: 'Set start and end dates for your campaign and get notified when it starts or ends.', 426 imageUrl: 'https://www.crazyrocket.io/content/create1.jpg', 427 categories: ['GET STARTED', 'ADVANCED'] 428 }, 429 { 430 link: '/support/shopify-flow', 431 title: 'Shopify Flow Integration', 432 category: 'SHOPIFY', 433 description: 'Automate workflows with Shopify Flow when customers join your campaigns.', 434 imageUrl: 'https://www.crazyrocket.io/content/shopify-flow0.jpg', 435 categories: ['SHOPIFY', 'INTEGRATIONS'] 436 }, 437 { 438 link: '/support/embed-spin-wheel-on-landing-page', 439 title: 'Embed on Your Landing Page', 440 category: 'SETUP', 441 description: 'Embed your campaign on a landing page (Premium Plan)', 442 imageUrl: 'https://www.crazyrocket.io/content/embedding.jpg', 443 categories: ['ADVANCED'] 444 }, 445 { 446 link: '/support/zapier-webhook', 447 title: 'Zapier Webhook', 448 category: 'INTEGRATIONS', 449 description: 'Send collected e-mails to a Zapier Webhook', 450 imageUrl: 'https://www.crazyrocket.io/content/zapier-webhook0.jpg', 451 categories: ['INTEGRATIONS'] 452 }, 453 { 454 link: '/support/omnisend', 455 title: 'Omnisend Integration', 456 category: 'INTEGRATIONS', 457 description: 'Send collected e-mails to Omnisend automatically.', 458 imageUrl: 'https://www.crazyrocket.io/content/omnisend0.jpg', 459 categories: ['INTEGRATIONS'] 460 }, 461 { 462 link: '/support/campaignmonitor', 463 title: 'CampaignMonitor Integration', 464 category: 'INTEGRATIONS', 465 description: 'Send collected e-mails to CampaignMonitor automatically.', 466 imageUrl: 'https://www.crazyrocket.io/content/campaignmonitor0.jpg', 467 categories: ['INTEGRATIONS'] 468 }, 469 { 470 link: '/support/activecampaign', 471 title: 'ActiveCampaign Integration', 472 category: 'INTEGRATIONS',
473 description: 'Send collected e-mails to ActiveCampaign automatically.', 474 imageUrl: 'https://www.crazyrocket.io/content/activecampaign0.jpg', 475 categories: ['INTEGRATIONS'] 476 }, 477 { 478 link: '/support/mailchimp', 479 title: 'Mailchimp Integration', 480 category: 'INTEGRATIONS', 481 description: 'Send collected e-mails to Mailchimp automatically.', 482 imageUrl: 'https://www.crazyrocket.io/content/mailchimp0.jpg', 483 categories: ['INTEGRATIONS'] 484 }, 485 { 486 link: '/support/klaviyo', 487 title: 'Klaviyo Integration', 488 category: 'INTEGRATIONS', 489 description: 'Send collected e-mails to Klaviyo automatically.', 490 imageUrl: 'https://www.crazyrocket.io/content/klaviyo0.jpg', 491 categories: ['INTEGRATIONS'] 492 }, 493 { 494 link: '/support/conversion-script', 495 title: 'Conversion Tracking', 496 category: 'CONVERSION TRACKING', 497 description: 'Learn how to use custom tracking scripts like Google Analytics and Facebook Pixel.', 498 imageUrl: 'https://www.crazyrocket.io/content/tracking-0.jpg', 499 categories: ['ADVANCED'] 500 }, 501 { 502 link: '/support/behavior-driven-notification', 503 title: 'On-site Notifications', 504 category: 'TIPS', 505 description: 'Learn how to use On-site Notifications', 506 imageUrl: 'https://www.crazyrocket.io/content/bhd0.jpg', 507 categories: ['ADVANCED'] 508 }, 509 { 510 link: '/support/setup-recaptcha', 511 title: 'Setup reCAPTCHA', 512 category: 'SECURITY', 513 description: 'Protect your campaigns from bots with Google reCAPTCHA.', 514 imageUrl: 'https://www.crazyrocket.io/content/recaptcha.jpg', 515 categories: ['ADVANCED', 'FAQ'] 516 }, 517 { 518 link: '/support/halloween-playbook', 519 title: 'Ã°Å¸Å½Æ The Halloween Spin-to-Win Playbook', 520 category: 'MARKETING', 521 description: 'Launch a Halloween campaign in 15 minutes with CrazyRocket - pick a template, drop it on a page, and send a quick "Spin to Win" email.', 522 imageUrl: 'https://www.crazyrocket.io/content/halloween-playbook0.jpg', 523 categories: ['MARKETING', 'SHOPIFY'] 524 }, 525 { 526 link: '/support/spin-wheel-black-friday', 527 title: 'ðŸâºÂ︠The Black Friday Spin-to-Win Playbook', 528 category: 'MARKETING', 529 description: 'Launch a Black Friday campaign in 15 minutes with CrazyRocket - select the template, embed it on a landing page, and send a compelling "Spin to Win" email.', 530 imageUrl: 'https://www.crazyrocket.io/content/bfcm-spin-wheel-shopify.png', 531 categories: ['MARKETING', 'SHOPIFY'] 532 }, 533 { 534 link: '/support/spin-wheel-christmas', 535 title: 'ðŸŽâ The Christmas Spin-to-Win Playbook', 536 category: 'MARKETING', 537 description: 'Launch a Christmas campaign in 15 minutes with CrazyRocket - choose the festive template, embed it on a landing page, and send a joyful "Spin to Win" email.', 538 imageUrl: 'https://www.crazyrocket.io/content/xmas-spin-wheel-shopify.jpg', 539 categories: ['MARKETING', 'SHOPIFY'] 540 }, 541 { 542 link: '/support/spin-wheel-valentines', 543 title: 'ðŸâ The Valentine\'s Day Spin-to-Win Playbook', 544 category: 'MARKETING', 545 description: 'Launch a Valentine\'s Day campaign in 15 minutes with CrazyRocket - pick the template, drop it on a page, and send a "Spin for Love" email.', 546 imageUrl: 'https://www.crazyrocket.io/content/valentines-spin-wheel-shopify.jpg', 547 categories: ['MARKETING', 'SHOPIFY'] 548 } 549 ]; 550 551 // Define category order and icons 552 var categoryConfig = { 553 'GET STARTED': { icon: 'fa-rocket', color: '#51cbce' }, 554 'SHOPIFY': { icon: 'fa-shopping-bag', color: '#96bf48' }, 555 'INTEGRATIONS': { icon: 'fa-plug', color: '#f17e5d' }, 556 'ADVANCED': { icon: 'fa-cogs', color: '#fcc468' }, 557 'FAQ': { icon: 'fa-question-circle', color: '#6c757d' } 558 }; 559 560 // Group articles by main category 561 function groupArticlesByCategory() { 562 var categorizedArticles = {}; 563 var categoryOrder = ['GET STARTED', 'SHOPIFY', 'INTEGRATIONS', 'ADVANCED', 'FAQ']; 564 565 // Initialize categories 566 categoryOrder.forEach(function(cat) { 567 categorizedArticles[cat] = []; 568 }); 569 570 // Assign each article to its primary category
571 allArticles.forEach(function(article) { 572 // Use the first category as the primary category 573 if (article.categories && article.categories.length > 0) { 574 var primaryCategory = article.categories[0]; 575 if (categorizedArticles[primaryCategory]) { 576 categorizedArticles[primaryCategory].push(article); 577 } 578 } 579 }); 580 581 return { categories: categorizedArticles, order: categoryOrder }; 582 } 583 584 // Render all articles grouped by category 585 function renderAllArticles() { 586 var container = document.getElementById('articles-by-category'); 587 var grouped = groupArticlesByCategory(); 588 var html = ''; 589 590 grouped.order.forEach(function(categoryName) { 591 var articles = grouped.categories[categoryName]; 592 if (articles && articles.length > 0) { 593 var config = categoryConfig[categoryName] || { icon: 'fa-file', color: '#667eea' }; 594 595 html += '<div class="category-section">'; 596 html += '<h4><i class="fas ' + config.icon + '" style="color: ' + config.color + ';"></i> ' + categoryName + '</h4>'; 597 html += '<ul class="articles-list">'; 598 599 articles.forEach(function(article) { 600 html += '<li class="article-item">'; 601 html += '<a href="' + article.link + '">'; 602 html += '<div class="article-icon"><i class="fas fa-file-alt"></i></div>'; 603 html += '<div class="article-content">'; 604 html += '<div class="article-title">' + article.title + '</div>'; 605 html += '<div class="article-description">' + article.description + '</div>'; 606 html += '</div>'; 607 html += '<div class="article-category">' + article.category + '</div>'; 608 html += '</a>'; 609 html += '</li>'; 610 }); 611 612 html += '</ul>'; 613 html += '</div>'; 614 } 615 }); 616 617 container.innerHTML = html; 618 } 619 620 // Initialize on page load 621 document.addEventListener('DOMContentLoaded', function() { 622 renderAllArticles(); 623 }); 624</script>
624 625 626 627 <style> 628 .footer.footer-black.footer-big { 629 background-color: #111 !important; 630 color: #e0e0e0 !important; 631 font-size: 16px !important; 632 } 633 634 .footer.footer-black.footer-big a { 635 color: #e0e0e0 !important; 636 font-size: 16px !important; 637 } 638 639 .footer.footer-black.footer-big a:hover { 640 color: #fff !important; 641 } 642 643 .footer.footer-black.footer-big .copyright { 644 background-color: transparent !important; 645 color: #aaa !important; 646 font-size: 15px !important; 647 } 648 649 .footer.footer-black.footer-big li { 650 margin-bottom: 0 !important; 651 } 652 653 .footer.footer-black.footer-big ul { 654 text-align: center !important; 655 } 656 657 .footer.footer-black.footer-big hr { 658 border-color: #333 !important; 659 } 660</style> 661<footer class="footer footer-black footer-big"> 662 663 <div class="container"> 664 <div class="row"> 665 666 <div class="col-md-12 text-center"> 667 <div class="links"> 668 <ul> 669 <li> 670 <a href="/support/all-articles">All Support Articles</a> 671 </li> 672 <li> 673 <a href="/home/privacypolicy">Privacy & Cookie Policy</a> 674 </li> 675 <li> 676 <a href="#" onclick="CookieConsent.showPreferences(); return false;">Cookie Settings</a> 677 </li> 678 <li> 679 <a href="/home/tos">Terms of Service</a> 680 </li> 681 </ul> 682 <hr> 683 <div class="copyright"> 684 <div class="pull-left"> 685 ©
685<script>document.write(new Date().getFullYear())</script>
685, made with <i class="fa fa-heart heart"></i> by CrazyRocket - P.I. 13748061002 686 </div> 687 </div> 688 </div> 689 </div> 690 </div> 691 </div> 692</footer> 693 694 695 696 697
697<script src="https://www.crazyrocket.io/assets/js/jquery-3.2.1.min.js" type="text/javascript"></script>
697 698
698<script src="https://www.crazyrocket.io/assets/js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
698 699
699<script src="https://www.crazyrocket.io/assets/js/popper.js" type="text/javascript"></script>
699 700
700<script src="https://www.crazyrocket.io/assets/js/bootstrap.min.js" type="text/javascript"></script>
700 701 702
702<script src="https://www.crazyrocket.io/scripts/jquery.validate.min.js"></script>
702 703
703<script src="https://www.crazyrocket.io/scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>
703 704
704<script src="https://www.crazyrocket.io/scripts/jquery.validate.unobtrusive.js" type="text/javascript"></script>
704 705 706
706<script src="https://www.crazyrocket.io/assets/js/sweetalert2.js"></script>
706 707
707<script src="https://www.crazyrocket.io/assets/js/paper-kit.js"></script>
707 708 709 <!-- chat --> 710
710<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>
710 711 712 713 <!-- Google Analytics - blocked until analytics consent -->
vendor: 107 bytes, lines 713-714
713 714 <script type="text/plain" data-category="analytics" src="https://www.googletagmanager.com/gtag/js?id=
714UA-127894510-1
vendor: 19 bytes, lines 714-716
714"></script> 715 716
716<script> 717 /* --- Tracking functions (called by cookie-consent-config.js on consent) --- */ 718 719 function startAnalytics() { 720 window.dataLayer = window.dataLayer || []; 721 function gtag() { dataLayer.push(arguments); } 722 window.gtag = gtag; 723 gtag('js', new Date()); 724 gtag('config', 'UA-127894510-1', { 'anonymize_ip': true }); 725 } 726 727 function FbOptIn() {
vendor: 647 bytes, lines 727-739
727 728 !function (f, b, e, v, n, t, s) { 729 if (f.fbq) return; n = f.fbq = function () { 730 n.callMethod ? 731 n.callMethod.apply(n, arguments) : n.queue.push(arguments) 732 }; 733 if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; 734 n.queue = []; t = b.createElement(e); t.async = !0; 735 t.src = v; s = b.getElementsByTagName(e)[0]; 736 s.parentNode.insertBefore(t, s) 737 }(window, document, 'script', 738 'https://connect.facebook.net/en_US/fbevents.js'); 739 fbq('init', '
739296554337619368
vendor: 52 bytes, lines 739-741
739'); 740 fbq('track', 'PageView'); 741
741} 742 743 var optinHotJar = function () {
vendor: 175 bytes, lines 743-746
743 744 (function (h, o, t, j, a, r) { 745 h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) }; 746 h._hjSettings = { hjid:
7461059700
vendor: 333 bytes, lines 746-752
746, hjsv: 6 }; 747 a = o.getElementsByTagName('head')[0]; 748 r = o.createElement('script'); r.async = 1; 749 r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv; 750 a.appendChild(r); 751 })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv='); 752
752} 753 754 /* --- Apollo.io tracking (marketing category) --- */ 755 function initApollo() { 756 // TODO: Add your Apollo.io tracking snippet here when ready. 757 // It will only fire after marketing consent is granted. 758 } 759 </script>
759 760 761 <!-- CookieConsent v3 --> 762
762<script defer src="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.umd.js"></script>
762 763
763<script defer src="https://www.crazyrocket.io/scripts/cookie-consent-config.js"></script>
763 764 765
765<script> 766 var CrazyRocket = {}; 767 768 CrazyRocket.ShopifyApiKey = "ea7da5935c92276944090810897e4901"; 769 770 window.addEventListener('DOMContentLoaded', function() { 771 (function($) { 772 773 var htmlDecode = function(encodedStr) { 774 var x = jQuery("<div/>").html(encodedStr).text(); 775 return x; 776 } 777 778 window.isAuthenticated = false; 779 window.cdn = 'https://www.crazyrocket.io/'; 780 window.twitterSharingText = htmlDecode('Collect more e-mails and boost sales with Gamified Pop-ups. #shopify @CrazyRocketApp'); 781 782$(".install-app").click(function () { 783 location.href="/home/install"; 784 }); 785 786 $(".shopify-home").click(function () { 787 location.href = "/home/install"; 788 }); 789 790 791 $("#btnShareFacebook").click(function () { 792 var url="https://crazyrocket.io"; 793 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'); 794 }); 795 796 $("#btnShareTwitter").click(function () { 797 var url="https://crazyrocket.io"; 798 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'); 799 }); 800 801 $("#btnShareEmail").click(function() { 802 var url="https://crazyrocket.io"; 803 804 var br = "\r\n"; 805 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; 806 807 808 var link = "mailto:" 809 + "?subject=" + escape("Check this amazing Shopify App") 810 + "&body=" + escape(txt); 811 812 813 window.location.href = link; 814 815 }); 816 })(jQuery); 817 818 }); 819 820 </script>
820 821 822 823 824</body> 825</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.