[{"data":1,"prerenderedAt":381},["ShallowReactive",2],{"blog-getting-started/zero-to-live":3},{"id":4,"title":5,"body":6,"category":356,"date":357,"dateModified":358,"description":359,"draft":360,"extension":361,"faq":362,"featured":360,"keywords":367,"meta":368,"navigation":369,"ogDescription":370,"ogTitle":358,"path":371,"readTime":372,"schemaOrg":373,"schemaType":374,"seo":375,"sitemap":376,"stem":377,"tags":378,"twitterCard":379,"__hash__":380},"blog/blog/getting-started/zero-to-live.md","Getting Started with OperatorStack: From Zero to Live in 10 Minutes",{"type":7,"value":8,"toc":348},"minimark",[9,21,26,29,45,48,52,55,64,67,78,91,111,185,227,231,234,260,263,267,270,273,277,280,300,303,323],[10,11,12],"tldr",{},[13,14,15,16,20],"p",{},"Sign up, create a project, paste one script tag into your site's ",[17,18,19],"code",{},"\u003Chead>",", and you're live. Waitlist, analytics, forms, and referral tracking all start working immediately. Total time: about 10 minutes.",[22,23,25],"h2",{"id":24},"what-youll-have-at-the-end","What You'll Have at the End",[13,27,28],{},"After following these steps, your landing page will have:",[30,31,32,36,39,42],"ul",{},[33,34,35],"li",{},"Privacy-friendly analytics tracking every visitor (no cookie banner needed)",[33,37,38],{},"A working waitlist with built-in referral tracking",[33,40,41],{},"The ability to add forms and AI chat from your dashboard",[33,43,44],{},"A unified contact list that captures everyone who interacts with your site",[13,46,47],{},"No Zapier. No integrations. No third-party accounts.",[22,49,51],{"id":50},"before-you-start","Before You Start",[13,53,54],{},"You'll need two things:",[56,57,58,61],"ol",{},[33,59,60],{},"An email address to create your OperatorStack account",[33,62,63],{},"Access to your site's HTML (or a site builder that supports custom code snippets)",[13,65,66],{},"That's it. No credit card required for the free tier.",[68,69,72,75],"step",{"number":70,"title":71},"1","Create Your Account",[13,73,74],{},"Head to OperatorStack and sign up with your email. You'll get a confirmation email. Click the link, set your password, and you're in the dashboard.",[13,76,77],{},"This takes about 2 minutes.",[68,79,82,85,88],{"number":80,"title":81},"2","Create Your First Project",[13,83,84],{},"Click \"New Project\" in your dashboard. Give it a name (your product name works fine) and enter your site's URL.",[13,86,87],{},"OperatorStack uses the URL to configure your analytics and ensure data is collected from the right domain. You can add multiple domains later if you need to.",[13,89,90],{},"This takes about 1 minute.",[68,92,95,98,108],{"number":93,"title":94},"3","Copy Your Script Tag",[13,96,97],{},"After creating your project, OperatorStack generates a unique script tag. It looks something like this:",[99,100,106],"pre",{"className":101,"code":103,"language":104,"meta":105},[102],"language-html","\u003Cscript src=\"https://operatorstack.dev/os.js\" data-project=\"your-project-id\" defer>\u003C/script>\n","html","",[17,107,103],{"__ignoreMap":105},[13,109,110],{},"Copy this script tag. You'll paste it into your site in the next step.",[68,112,115,125,139,144,179,182],{"number":113,"title":114},"4","Paste the Script Tag Into Your Site",[13,116,117,118,120,121,124],{},"Add the script tag to your site's ",[17,119,19],{}," section, right before the closing ",[17,122,123],{},"\u003C/head>"," tag.",[13,126,127,131,132,135,136,138],{},[128,129,130],"strong",{},"If you're using plain HTML:","\nOpen your ",[17,133,134],{},"index.html"," file and paste the script tag inside the ",[17,137,19],{}," element.",[13,140,141],{},[128,142,143],{},"If you're using a site builder:",[30,145,146,152,158,164,173],{},[33,147,148,151],{},[128,149,150],{},"Webflow:"," Go to Project Settings > Custom Code > Head Code",[33,153,154,157],{},[128,155,156],{},"Carrd:"," Click the + icon > Embed > Head",[33,159,160,163],{},[128,161,162],{},"Framer:"," Go to Site Settings > General > Custom Code > Head",[33,165,166,169,170],{},[128,167,168],{},"WordPress:"," Use a plugin like \"Insert Headers and Footers\" or add it to your theme's ",[17,171,172],{},"header.php",[33,174,175,178],{},[128,176,177],{},"Squarespace:"," Go to Settings > Advanced > Code Injection > Header",[13,180,181],{},"Save and publish your changes.",[13,183,184],{},"This takes about 3 minutes.",[68,186,189,192,195,215,225],{"number":187,"title":188},"5","Verify It's Working",[13,190,191],{},"Go back to your OperatorStack dashboard and visit your site in another tab. Within a few seconds, you should see your visit appear in the real-time analytics view.",[13,193,194],{},"Check these indicators to confirm everything is connected:",[30,196,197,203,209],{},[33,198,199,202],{},[128,200,201],{},"Analytics:"," Your page view shows up with the correct page path and referrer",[33,204,205,208],{},[128,206,207],{},"Waitlist:"," The waitlist widget appears on your site (if you've enabled it)",[33,210,211,214],{},[128,212,213],{},"Project status:"," Your dashboard shows \"Active\" for the project",[13,216,217,218,220,221,224],{},"If you don't see data within 30 seconds, hard-refresh your site (Ctrl+Shift+R) and check that the script tag is inside the ",[17,219,19],{}," element, not the ",[17,222,223],{},"\u003Cbody>",".",[13,226,77],{},[22,228,230],{"id":229},"configure-your-waitlist","Configure Your Waitlist",[13,232,233],{},"With the script tag live, open your project's Waitlist settings in the dashboard. You can customize:",[30,235,236,242,248,254],{},[33,237,238,241],{},[128,239,240],{},"Fields:"," Choose what information to collect (email is the default, you can add name and custom fields)",[33,243,244,247],{},[128,245,246],{},"Referral tracking:"," Enabled by default. Each signup gets a unique referral link they can share",[33,249,250,253],{},[128,251,252],{},"Confirmation behavior:"," Redirect to a thank-you page or show an inline message",[33,255,256,259],{},[128,257,258],{},"Styling:"," Match colors and fonts to your landing page",[13,261,262],{},"Every waitlist signup automatically appears in your unified contact list with their referral source, pages viewed, and any forms they've submitted.",[22,264,266],{"id":265},"add-a-form-optional","Add a Form (Optional)",[13,268,269],{},"If you want to collect structured feedback or run a survey alongside your waitlist, create a form in your dashboard. Choose from pre-built templates or build one from scratch.",[13,271,272],{},"Forms are deployed through the same script tag. No additional code to paste. Create the form in your dashboard, enable it, and it appears on your site.",[22,274,276],{"id":275},"what-to-do-next","What to Do Next",[13,278,279],{},"Now that you're live, here are the three things worth doing in your first week:",[56,281,282,288,294],{},[33,283,284,287],{},[128,285,286],{},"Share your landing page"," and watch referral sources populate in your analytics. You'll see exactly which channels drive signups.",[33,289,290,293],{},[128,291,292],{},"Check your referral leaderboard"," to identify your most enthusiastic early supporters. These people are your future beta testers.",[33,295,296,299],{},[128,297,298],{},"Add a feedback form"," to learn what visitors care about most. Even a single open-ended question (\"What would you use this for?\") generates valuable signal.",[13,301,302],{},"Your dashboard updates in real time, so you can check in whenever you want without waiting for daily reports.",[304,305,306,311,315,319],"faq-section",{},[307,308],"faq-item",{"answer":309,"question":310},"Most founders go from creating an account to seeing live analytics in under 10 minutes. The setup involves signing up, creating a project, and pasting a single script tag into your site.","How long does it take to set up OperatorStack?",[307,312],{"answer":313,"question":314},"You need basic familiarity with HTML, specifically the ability to paste a script tag into your site's head section. If you can edit your site's HTML or use a site builder that supports custom code, you can install OperatorStack.","Do I need any technical skills to install OperatorStack?",[307,316],{"answer":317,"question":318},"Yes. Any platform that lets you add custom code or script tags to your site's head section works with OperatorStack. This includes Webflow, Carrd, Framer, WordPress, Squarespace, and static HTML sites.","Does OperatorStack work with site builders like Webflow, Carrd, and Framer?",[307,320],{"answer":321,"question":322},"As soon as the script tag is live, you get privacy-friendly analytics (page views, referral sources, device types), a working waitlist with referral tracking, and the ability to deploy forms and AI chat from your dashboard.","What do I get immediately after installing the script tag?",[324,325,326,327],"content-related-articles",{},"\n  ",[328,329,326,333],"contentrelatedcard",{"href":330,"title":331,"description":332},"/blog/guides/embed-script-architecture","Embed Script Architecture","How os.js works under the hood: IIFE bundle, Shadow DOM isolation, SDK surface, and event batching.",[328,334,326,338],{"href":335,"title":336,"description":337},"/blog/how-to/set-up-waitlist","How to Set Up a Waitlist in Under 5 Minutes","Step-by-step setup guide for OperatorStack waitlists, including widget and SDK options.",[328,339,343],{"href":340,"title":341,"description":342},"/blog/guides/javascript-sdk","OperatorStack JavaScript SDK Reference","Complete method reference for window.OperatorStack: joinWaitlist, trackEvent, getShareLinks, and more.",[344,345],"cta-box",{"href":346,"label":347},"/","Get Started Free",{"title":105,"searchDepth":349,"depth":349,"links":350},2,[351,352,353,354,355],{"id":24,"depth":349,"text":25},{"id":50,"depth":349,"text":51},{"id":229,"depth":349,"text":230},{"id":265,"depth":349,"text":266},{"id":275,"depth":349,"text":276},"getting-started","2026-03-07",null,"A step-by-step guide to setting up OperatorStack on your landing page. Go from zero to a working waitlist, analytics, and forms in under 10 minutes.",false,"md",[363,364,365,366],{"question":310,"answer":309},{"question":314,"answer":313},{"question":318,"answer":317},{"question":322,"answer":321},"operatorstack setup,getting started operatorstack,waitlist setup guide,pre-launch tools setup,one script tag analytics",{},true,"Set up waitlist signups, privacy-friendly analytics, forms, and referral tracking on your landing page in under 10 minutes with one script tag.","/blog/getting-started/zero-to-live","4 min","[object Object]","HowTo",{"title":5,"description":359},{"loc":371},"blog/getting-started/zero-to-live",[],"summary_large_image","ZvqQ0JRZ6-mYVuvSXh9ImL8Vq8l5wesvWWHvXnCHv8U",1781277655037]