PageSourceSearch

https://crazyrocket.io/support/all-articles

html crazyrocket.io collected 2026-10-02 05:52:20 UTC 39,247 bytes, 825 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>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 &amp; 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 &rarr;</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 &rarr;</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 &rarr;</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 &rarr;</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 &rarr;</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 &rarr;</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 &amp; 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 &rarr;</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 &rarr;</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 &amp; 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                            &copy; 
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.