const{Fragment:e,jsx:t,jsxs:n}=arguments[0];function _createMdxContent(i){const o={br:"br",code:"code",em:"em",h2:"h2",hr:"hr",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...i.components},{AnalyticsAnimation:r,BlogCTA:s,BulletPointCard:a,BulletPointCards:l,CodeSnippet:h,FlowAnimation:c,FlowHealthAnimation:d,FlowPublishAnimation:u,MagicWriteAnimation:p,ProductTourBuilderAnimation:g,TableOfContents:f,TriggerConversionAnimation:m}=o;return r||_missingMdxReference("AnalyticsAnimation",!0),s||_missingMdxReference("BlogCTA",!0),a||_missingMdxReference("BulletPointCard",!0),l||_missingMdxReference("BulletPointCards",!0),h||_missingMdxReference("CodeSnippet",!0),c||_missingMdxReference("FlowAnimation",!0),d||_missingMdxReference("FlowHealthAnimation",!0),u||_missingMdxReference("FlowPublishAnimation",!0),p||_missingMdxReference("MagicWriteAnimation",!0),g||_missingMdxReference("ProductTourBuilderAnimation",!0),f||_missingMdxReference("TableOfContents",!0),m||_missingMdxReference("TriggerConversionAnimation",!0),n(e,{children:[t(o.p,{children:"Most product tours never ship. Not because the idea was bad — because building one the traditional way requires opening a JIRA ticket, waiting for a sprint slot, writing frontend code, deploying, testing across browsers, and maintaining it forever. By the time it's done, the feature it was meant to explain has already changed."}),"\n",t(o.p,{children:"There's a faster way. This is how you build a product tour that goes live today."}),"\n",t(f,{items:[{label:"What You're Actually Building",href:"#what-youre-actually-building"},{label:"Step 1: Install the Snippet (5 Minutes)",href:"#step-1-install-the-snippet-5-minutes"},{label:"Step 2: Open the Visual Builder",href:"#step-2-open-the-visual-builder"},{label:"Step 3: Pick Your Elements",href:"#step-3-pick-your-elements"},{label:"Step 4: Write Your Copy",href:"#step-4-write-your-copy"},{label:"Step 5: Set Your Trigger and Conversion Goal",href:"#step-5-set-your-trigger-and-conversion-goal"},{label:"Step 6: Publish",href:"#step-6-publish"},{label:"What to Build First",href:"#what-to-build-first"},{label:"Measuring Whether It Worked",href:"#measuring-whether-it-worked"},{label:"Catching What's Broken",href:"#catching-whats-broken"}]}),"\n",t(o.hr,{}),"\n",t(o.h2,{children:"What You're Actually Building"}),"\n",n(o.p,{children:["A product tour is a sequence of contextual UI elements — tooltips, modals, spotlights — that appear on top of your existing product and guide users through it. The key word is ",t(o.em,{children:"on top of"}),". The tour doesn't live in your codebase. It's injected by a lightweight SDK script that you load once, and then you control everything from a visual builder."]}),"\n",t(g,{}),"\n",t(o.p,{children:"The result: your engineering team installs one script. Your product or growth team builds every tour, makes every copy change, and publishes every update — without opening a code editor."}),"\n",t(o.hr,{}),"\n",t(o.h2,{children:"Step 1: Install the Snippet (5 Minutes)"}),"\n",t(o.p,{children:"This is the only step that requires a developer. It's two lines of HTML. In most frameworks it takes under five minutes."}),"\n",t(h,{children:"\x3c!-- Add before in your app layout --\x3e\n