1<!DOCTYPE html> 2<html lang="en" data-bs-theme="dark"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width"> 6 <meta name="description" content="Christmas Lister GPT helps you organize your family's holiday gift planning in one simple, stress-free place with persistent memory across conversations."> 7 <title>Christmas Lister GPT - Snaggle.ai</title> 8 9 <!-- Preload critical resources --> 10 <link rel="preload" href="https://cdn.replit.com/agent/bootstrap-agent-dark-theme.min.css" as="style"> 11 <link rel="preload" href="/static/css/custom.css" as="style"> 12 13 <!-- Critical CSS --> 14 <link href="https://cdn.replit.com/agent/bootstrap-agent-dark-theme.min.css" rel="stylesheet"> 15 <link rel="stylesheet" href="/static/css/custom.css"> 16 17 <!-- Non-critical CSS loaded asynchronously --> 18 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" media="print" onload="this.media='all'"> 19 <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet" media="print" onload="this.media='all'"> 20 21 <!-- Favicon --> 22 <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> 23</head> 24<body class="d-flex flex-column min-vh-100"> 25 <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> 26 <div class="container"> 27 <a class="navbar-brand" href="/">Snaggle.ai</a> 28 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> 29 <span class="navbar-toggler-icon"></span> 30 </button> 31 <div class="collapse navbar-collapse" id="navbarNav"> 32 <ul class="navbar-nav me-auto"> 33 <li class="nav-item"> 34 <a class="nav-link" href="/">Home</a> 35 </li> 36 <li class="nav-item"> 37 <a class="nav-link" href="/about">About</a> 38 </li> 39 <li class="nav-item"> 40 <a class="nav-link" href="/privacy">Privacy</a> 41 </li> 42 <li class="nav-item"> 43 <a class="nav-link" href="/christmas-lister">Christmas Lister</a> 44 </li> 45 </ul> 46 <ul class="navbar-nav"> 47 <li class="nav-item"> 48 <a class="nav-link" href="https://oauth.snaggle.ai/login">Login</a> 49 </li> 50 <li class="nav-item"> 51 <a class="nav-link" href="https://oauth.snaggle.ai/register">Register</a> 52 </li> 53 </ul> 54 </div> 55 </div> 56 </nav> 57 58 59 60 61 62 <main class="flex-grow-1"> 63 <div class="content-background hero-background"></div> 64 65<div class="container py-5"> 66 <div class="row"> 67 <div class="col-lg-10 mx-auto"> 68 <div class="card bg-dark"> 69 <div class="card-body"> 70 <h1 class="display-4 mb-4">How to Use Christmas Lister GPT: A Complete Guide</h1> 71 72 <div class="lead mb-4"> 73 Welcome to Christmas Lister GPT! This tool is here to help you organize your family's holiday gift planning in one simple, stress-free place. 74 </div> 75 76 <div class="alert alert-info"> 77 <strong>Key Feature:</strong> Unlike regular chat tools, Christmas Lister remembers your family members and their gift lists across conversations. Whether you chat with it today or next week, it will pick up where you left off. 78 </div> 79 80 <div class="mb-5"> 81 <p>To get started, you'll need to create a free <strong>Snaggle.ai account</strong> and log in. This ensures your gift lists are securely stored and accessible only to you and your family members.</p> 82 </div> 83 84 <h2 class="h3 mb-4">What Can Christmas Lister Do?</h2> 85 <ul class="list-group list-group-flush mb-5"> 86 <li class="list-group-item bg-dark">â Create Gift Lists: Add family members and track gift ideas for each one</li> 87 <li class="list-group-item bg-dark">â Memory Across Chats: Remember your lists and conversations</li> 88 <li class="list-group-item bg-dark">â Avoid Duplicate Gifts: Mark gifts as "promised" to keep everyone coordinated</li> 89 <li class="list-group-item bg-dark">â Find Purchase Links: Quickly find where to buy items on your list</li> 90 <li class="list-group-item bg-dark">â Collaborate: Share lists securely with family members</li> 91 </ul> 92 93 <h2 class="h3 mb-4">Getting Started</h2> 94 <div class="card mb-4"> 95 <div class="card-body"> 96 <h3 class="h4">Step 1: Sign Up or Log In</h3> 97 <p>Create a free Snaggle.ai account. Logging in allows the GPT to save your family members and gift lists securely.</p> 98 99 <h3 class="h4">Step 2: Start a Conversation</h3> 100 <p>Access Christmas Lister GPT via our website or directly in your favorite GPT chat tool.</p> 101 102 <h3 class="h4">Step 3: Basic Commands</h3> 103 <ul> 104 <li>Add a Family Member: "Add [Name] to my family."</li> 105 <li>Add a Gift Idea: "Add LEGO Creator Set to Jack's list."</li> 106 <li>See a List: "Show me Jack's list."</li> 107 <li>Mark a Gift as Promised: "Mark LEGO Creator Set as promised for Jack."</li> 108 </ul> 109 </div> 110 </div> 111 112 <h2 class="h3 mb-4">Examples of How to Use Christmas Lister</h2> 113 <div class="row"> 114 <div class="col-md-6 mb-4"> 115 <div class="card h-100"> 116 <div class="card-body"> 117 <h4>Helping Granny Choose a Gift</h4> 118 <p><strong>Command:</strong> "What's still available from Erin's list?"</p> 119 <p>A list of unpromised gifts is displayed that you can share with Granny.</p> 120 </div> 121 </div> 122 </div> 123 <div class="col-md-6 mb-4"> 124 <div class="card h-100"> 125 <div class="card-body"> 126 <h4>Adding Ideas On the Go</h4> 127 <p><strong>Command:</strong> Use voice mode: "Add a silk scarf to Sarah's list."</p> 128 <p>The gift is added without interrupting your activities.</p> 129 </div> 130 </div> 131 </div> 132 </div> 133 134 <h2 class="h3 mb-4">FAQs</h2> 135 <div class="accordion mb-5" id="faqAccordion"> 136 <div class="accordion-item"> 137 <h3 class="accordion-header"> 138 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq1"> 139 Why do I need a Snaggle.ai account? 140 </button> 141 </h3> 142 <div id="faq1" class="accordion-collapse collapse" data-bs-parent="#faqAccordion"> 143 <div class="accordion-body"> 144 Your account allows Christmas Lister to securely save your family and gift lists across conversations. This ensures that your lists are private and only accessible to the right people. 145 </div> 146 </div> 147 </div> 148 <div class="accordion-item"> 149 <h3 class="accordion-header"> 150 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2"> 151 Can other family members use it too? 152 </button> 153 </h3> 154 <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion"> 155 <div class="accordion-body"> 156 Yes! You can create shareable links for individual lists or invite them to create their own accounts to manage their lists. 157 </div> 158 </div> 159 </div> 160 <div class="accordion-item"> 161 <h3 class="accordion-header"> 162 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3"> 163 Is it free? 164 </button> 165 </h3> 166 <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion"> 167 <div class="accordion-body"> 168 Yes, Christmas Lister GPT is completely free to use! 169 </div> 170 </div> 171 </div> 172 </div> 173 174 <div class="text-center mt-5"> 175 <a href="https://oauth.snaggle.ai/register" class="btn btn-primary btn-lg">Sign Up Now</a> 176 </div> 177 </div> 178 </div> 179 </div> 180 </div> 181</div> 182 183 </main> 184 185 <footer class="bg-dark py-4"> 186 <div class="container"> 187 <div class="row"> 188 <div class="col-md-6"> 189 <h5>Snaggle.ai</h5> 190 <p>Making AI accessible for families</p> 191 </div> 192 <div class="col-md-6 text-md-end"> 193 <a href="/privacy" class="text-decoration-none text-light me-3">Privacy Policy</a> 194 <a href="/about" class="text-decoration-none text-light">About Us</a> 195 </div> 196 </div> 197 </div> 198 </footer> 199 200 <!-- Defer non-critical JavaScript --> 201
201<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" defer></script>
201 202
202<script src="https://unpkg.com/[email protected]/dist/aos.js" defer></script>
202 203
203<script src="/static/js/main.js" defer></script>
203 204
204<script src="/static/js/progressive-loading.js" defer></script>
204 205
205<script> 206 if ('serviceWorker' in navigator) { 207 window.addEventListener('load', async () => { 208 try { 209 const registration = await navigator.serviceWorker.register('/static/js/service-worker.js', { 210 scope: '/' 211 }); 212 console.log('ServiceWorker registration successful:', registration); 213 } catch (err) { 214 console.error('ServiceWorker registration failed:', err); 215 } 216 }); 217 } 218 </script>
218 219</body> 220</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.