[{"data":1,"prerenderedAt":538},["ShallowReactive",2],{"navigation":3,"\u002Fconcepts\u002Fcards-and-placeholders":246,"\u002Fconcepts\u002Fcards-and-placeholders-surround":533},[4,30,61,96,136,171,196,226],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":29},"Getting started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15,20,25],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Add Clarify","\u002Fgetting-started\u002Fadd-clarify","1.getting-started\u002F2.add-clarify","i-lucide-bot",{"title":21,"path":22,"stem":23,"icon":24},"Dashboard tour","\u002Fgetting-started\u002Fdashboard-tour","1.getting-started\u002F3.dashboard-tour","i-lucide-compass",{"title":26,"path":27,"stem":28,"icon":6},"Quickstart","\u002Fgetting-started\u002Fquickstart","1.getting-started\u002F4.quickstart",false,{"title":31,"icon":32,"path":33,"stem":34,"children":35,"page":29},"Core concepts","i-lucide-lightbulb","\u002Fconcepts","2.concepts",[36,41,46,51,56],{"title":37,"path":38,"stem":39,"icon":40},"How Clarify works","\u002Fconcepts\u002Fhow-clarify-works","2.concepts\u002F1.how-clarify-works","i-lucide-git-compare-arrows",{"title":42,"path":43,"stem":44,"icon":45},"Tickets & delivery modes","\u002Fconcepts\u002Ftickets-and-modes","2.concepts\u002F2.tickets-and-modes","i-lucide-ticket",{"title":47,"path":48,"stem":49,"icon":50},"Categories & ticket fields","\u002Fconcepts\u002Fcategories-and-inputs","2.concepts\u002F3.categories-and-inputs","i-lucide-tags",{"title":52,"path":53,"stem":54,"icon":55},"Cards & placeholders","\u002Fconcepts\u002Fcards-and-placeholders","2.concepts\u002F4.cards-and-placeholders","i-lucide-layout-panel-left",{"title":57,"path":58,"stem":59,"icon":60},"Roles & permissions","\u002Fconcepts\u002Froles-and-permissions","2.concepts\u002F5.roles-and-permissions","i-lucide-user-cog",{"title":62,"icon":63,"path":64,"stem":65,"children":66,"page":29},"Configuration","i-lucide-sliders-horizontal","\u002Fconfiguration","3.configuration",[67,72,77,81,86,91],{"title":68,"path":69,"stem":70,"icon":71},"Onboarding","\u002Fconfiguration\u002Fonboarding","3.configuration\u002F1.onboarding","i-lucide-wand-sparkles",{"title":73,"path":74,"stem":75,"icon":76},"General settings","\u002Fconfiguration\u002Fgeneral-settings","3.configuration\u002F2.general-settings","i-lucide-settings",{"title":78,"path":79,"stem":80,"icon":50},"Categories","\u002Fconfiguration\u002Fcategories","3.configuration\u002F3.categories",{"title":82,"path":83,"stem":84,"icon":85},"Ticket inputs","\u002Fconfiguration\u002Fticket-inputs","3.configuration\u002F4.ticket-inputs","i-lucide-form-input",{"title":87,"path":88,"stem":89,"icon":90},"Panels","\u002Fconfiguration\u002Fpanels","3.configuration\u002F5.panels","i-lucide-panel-top",{"title":92,"path":93,"stem":94,"icon":95},"White label (your own bot)","\u002Fconfiguration\u002Fwhite-label","3.configuration\u002F6.white-label","i-lucide-badge-check",{"title":97,"icon":98,"path":99,"stem":100,"children":101,"page":29},"Modules","i-lucide-blocks","\u002Fmodules","4.modules",[102,106,111,116,121,126,131],{"title":103,"path":104,"stem":105,"icon":98},"Modules overview","\u002Fmodules\u002Foverview","4.modules\u002F1.overview",{"title":107,"path":108,"stem":109,"icon":110},"Transcripts","\u002Fmodules\u002Ftranscripts","4.modules\u002F2.transcripts","i-lucide-file-text",{"title":112,"path":113,"stem":114,"icon":115},"Feedback","\u002Fmodules\u002Ffeedback","4.modules\u002F3.feedback","i-lucide-star",{"title":117,"path":118,"stem":119,"icon":120},"Escalation","\u002Fmodules\u002Fescalation","4.modules\u002F4.escalation","i-lucide-siren",{"title":122,"path":123,"stem":124,"icon":125},"Opening hours","\u002Fmodules\u002Fopening-hours","4.modules\u002F5.opening-hours","i-lucide-clock",{"title":127,"path":128,"stem":129,"icon":130},"Webhooks","\u002Fmodules\u002Fwebhooks","4.modules\u002F6.webhooks","i-lucide-webhook",{"title":132,"path":133,"stem":134,"icon":135},"Assignment","\u002Fmodules\u002Fassignment","4.modules\u002F7.assignment","i-lucide-user-check",{"title":137,"icon":138,"path":139,"stem":140,"children":141,"page":29},"Integrations","i-lucide-plug","\u002Fintegrations","5.integrations",[142,146,151,156,161,166],{"title":143,"path":144,"stem":145,"icon":138},"Integrations overview","\u002Fintegrations\u002Foverview","5.integrations\u002F1.overview",{"title":147,"path":148,"stem":149,"icon":150},"Stripe","\u002Fintegrations\u002Fstripe","5.integrations\u002F2.stripe","i-simple-icons-stripe",{"title":152,"path":153,"stem":154,"icon":155},"PayPal","\u002Fintegrations\u002Fpaypal","5.integrations\u002F3.paypal","i-simple-icons-paypal",{"title":157,"path":158,"stem":159,"icon":160},"Tebex","\u002Fintegrations\u002Ftebex","5.integrations\u002F4.tebex","i-lucide-shopping-cart",{"title":162,"path":163,"stem":164,"icon":165},"Patreon","\u002Fintegrations\u002Fpatreon","5.integrations\u002F5.patreon","i-simple-icons-patreon",{"title":167,"path":168,"stem":169,"icon":170},"GitHub","\u002Fintegrations\u002Fgithub","5.integrations\u002F6.github","i-simple-icons-github",{"title":172,"icon":173,"path":174,"stem":175,"children":176,"page":29},"Data connectors","i-lucide-share-2","\u002Fdata-connectors","6.data-connectors",[177,181,186,191],{"title":178,"path":179,"stem":180,"icon":173},"Data connectors overview","\u002Fdata-connectors\u002Foverview","6.data-connectors\u002F1.overview",{"title":182,"path":183,"stem":184,"icon":185},"Build a connector","\u002Fdata-connectors\u002Fbuild-a-connector","6.data-connectors\u002F2.build-a-connector","i-lucide-wrench",{"title":187,"path":188,"stem":189,"icon":190},"Discord auto-detect","\u002Fdata-connectors\u002Fdiscord-auto-detect","6.data-connectors\u002F3.discord-auto-detect","i-lucide-scan-face",{"title":192,"path":193,"stem":194,"icon":195},"Connector security","\u002Fdata-connectors\u002Fsecurity","6.data-connectors\u002F4.security","i-lucide-shield",{"title":197,"icon":198,"path":199,"stem":200,"children":201,"page":29},"Security & trust","i-lucide-shield-check","\u002Fsecurity","7.security",[202,206,211,216,221],{"title":203,"path":204,"stem":205,"icon":198},"Security overview","\u002Fsecurity\u002Foverview","7.security\u002F1.overview",{"title":207,"path":208,"stem":209,"icon":210},"Encryption & secrets","\u002Fsecurity\u002Fencryption","7.security\u002F2.encryption","i-lucide-lock",{"title":212,"path":213,"stem":214,"icon":215},"The relay & your privacy","\u002Fsecurity\u002Fthe-middleman","7.security\u002F3.the-middleman","i-lucide-eye-off",{"title":217,"path":218,"stem":219,"icon":220},"Access & permissions","\u002Fsecurity\u002Faccess-control","7.security\u002F4.access-control","i-lucide-key-round",{"title":222,"path":223,"stem":224,"icon":225},"Data & retention","\u002Fsecurity\u002Fdata-and-retention","7.security\u002F5.data-and-retention","i-lucide-database",{"title":227,"icon":228,"path":229,"stem":230,"children":231,"page":29},"Reference","i-lucide-book-open","\u002Freference","8.reference",[232,237,241],{"title":233,"path":234,"stem":235,"icon":236},"FAQ","\u002Freference\u002Ffaq","8.reference\u002F1.faq","i-lucide-circle-help",{"title":238,"path":239,"stem":240,"icon":185},"Troubleshooting","\u002Freference\u002Ftroubleshooting","8.reference\u002F2.troubleshooting",{"title":242,"path":243,"stem":244,"icon":245},"Glossary","\u002Freference\u002Fglossary","8.reference\u002F3.glossary","i-lucide-book-a",{"id":247,"title":52,"body":248,"description":526,"extension":527,"links":528,"meta":529,"navigation":530,"path":53,"seo":531,"stem":54,"__hash__":532},"docs\u002F2.concepts\u002F4.cards-and-placeholders.md",{"type":249,"value":250,"toc":515},"minimark",[251,260,263,268,275,278,300,304,311,314,331,334,351,364,373,377,391,436,446,450,457,460,465,469,479,494,498],[252,253,254,255,259],"p",{},"When Clarify looks something up — a Stripe payment, a Patreon membership, a response from one of your own systems — it needs to show that result to your team inside the ticket. It does this with a ",[256,257,258],"strong",{},"card",": a rich Discord message you design once, which Clarify fills with live data every time it runs.",[252,261,262],{},"Cards are also what your members click to open a ticket. The same editor builds both.",[264,265,267],"h2",{"id":266},"what-a-card-is","What a card is",[252,269,270,271,274],{},"A card is a ",[256,272,273],{},"Discord message layout"," built with Discord's modern \"Components V2\" building blocks — headings, text, buttons, dividers and sections. You design the shape and wording; Clarify handles the rest.",[252,276,277],{},"You'll meet cards in three places:",[279,280,281,288,294],"card-group",{},[258,282,285],{"icon":283,"title":284,"to":144},"i-lucide-credit-card","Integration result cards",[252,286,287],{},"When Stripe, Tebex, Patreon or a connector returns a result, it's shown to your team as a card on the ticket.",[258,289,291],{"icon":173,"title":290,"to":183},"Connector responses",[252,292,293],{},"Data pulled from your own shop, CRM or API is displayed with a card you design.",[258,295,297],{"icon":90,"title":296,"to":88},"Creation panels",[252,298,299],{},"The message with a button or dropdown that members click to open a ticket is itself a card.",[264,301,303],{"id":302},"placeholders-how-live-data-gets-in","Placeholders: how live data gets in",[252,305,306,307,310],{},"You don't type the actual amount or customer name into a card — that changes with every lookup. Instead you drop in a ",[256,308,309],{},"placeholder",": a token wrapped in percent signs that Clarify swaps for the real value at the moment the card is shown.",[252,312,313],{},"For example, a card that reads:",[315,316,317],"blockquote",{},[252,318,319,320,323,324,327,328],{},"Payment of ",[256,321,322],{},"%amount%"," — status ",[256,325,326],{},"%status%"," — from ",[256,329,330],{},"%customer%",[252,332,333],{},"might render as:",[315,335,336],{},[252,337,319,338,323,341,327,344],{},[256,339,340],{},"€49.00",[256,342,343],{},"succeeded",[256,345,346],{},[347,348,350],"a",{"href":349},"mailto:jane@example.com","jane@example.com",[252,352,353,354,357,358,360,361,363],{},"Common placeholders include ",[355,356,322],"code",{},", ",[355,359,326],{}," and ",[355,362,330],{},", but the tokens available depend entirely on what the lookup returns. A Patreon membership offers different fields to a Stripe payment; your own connector offers whatever your API sends back.",[365,366,367],"note",{},[252,368,369,370,372],{},"Placeholders are always written between percent signs, like ",[355,371,326],{},". Clarify replaces every one it recognises; anything it can't match is left untouched so you can spot it.",[264,374,376],{"id":375},"mapping-fields-to-placeholders","Mapping fields to placeholders",[252,378,379,380,383,384,386,387,390],{},"Clarify can't know that your API's ",[355,381,382],{},"order_total"," should fill ",[355,385,322],{}," — so you tell it, by ",[256,388,389],{},"clicking",".",[392,393,395,400,415,419,422,426,429,433],"steps",{"level":394},"3",[396,397,399],"h3",{"id":398},"open-the-card-step","Open the card step",[252,401,402,403,406,407,410,411,414],{},"In the setup wizard for an ",[347,404,405],{"href":144},"integration"," or ",[347,408,409],{"href":183},"data connector",", go to the ",[256,412,413],{},"result card"," (blueprint) step.",[396,416,418],{"id":417},"add-your-text-and-placeholders","Add your text and placeholders",[252,420,421],{},"Write the card the way you want your team to read it. Where a live value should appear, insert a placeholder.",[396,423,425],{"id":424},"click-a-response-field-to-map-it","Click a response field to map it",[252,427,428],{},"Clarify shows the fields the lookup returns. Click a field, then click the placeholder it should fill — that's the whole mapping. No formulas, no code.",[396,430,432],{"id":431},"save","Save",[252,434,435],{},"Your card is stored with the module. From then on, every lookup fills it with fresh data automatically.",[437,438,439],"tip",{},[252,440,441,442,445],{},"Not sure which fields a lookup returns? Run one first — Clarify learns the response shape and offers those fields for you to click. This is especially handy for ",[347,443,444],{"href":183},"data connectors",", where the fields are unique to your own system.",[264,447,449],{"id":448},"if-you-dont-design-a-card","If you don't design a card",[252,451,452,453,456],{},"You don't have to build anything to get started. If you leave the card step untouched, Clarify ",[256,454,455],{},"generates a sensible default card"," from the response — laying out the returned fields in a readable message so your team sees the data straight away.",[252,458,459],{},"Design your own card when you want tighter wording, fewer fields, or a layout that matches how your team works. Otherwise the default is a perfectly good starting point.",[365,461,462],{},[252,463,464],{},"Because a default is always available, connecting an integration or building a connector never leaves you with a blank result. You can refine the card later without breaking anything.",[264,466,468],{"id":467},"cards-on-panels","Cards on panels",[252,470,471,472,475,476,478],{},"The same editor builds ",[256,473,474],{},"creation panels"," — the message members click to open a ticket. Here the card holds your welcome copy and the button or dropdown that starts a ticket, rather than lookup data. See ",[347,477,87],{"href":88}," for the full walkthrough.",[365,480,481],{},[252,482,483,484,360,487,490,491,493],{},"Thread names and opening embeds use a related but simpler placeholder style — tokens like ",[355,485,486],{},"%user_name%",[355,488,489],{},"%tag_name%",". Those are covered in ",[347,492,78],{"href":79},", not here.",[264,495,497],{"id":496},"where-to-go-next","Where to go next",[279,499,500,505,510],{},[258,501,502],{"icon":138,"title":143,"to":144},[252,503,504],{},"Connect Stripe, PayPal, Tebex, Patreon or GitHub — each shows results as a card.",[258,506,507],{"icon":185,"title":182,"to":183},[252,508,509],{},"Pull data from your own systems and map the response onto a card, click by click.",[258,511,512],{"icon":90,"title":87,"to":88},[252,513,514],{},"Design the message members click to open a ticket.",{"title":516,"searchDepth":517,"depth":518,"links":519},"",1,2,[520,521,522,523,524,525],{"id":266,"depth":518,"text":267},{"id":302,"depth":518,"text":303},{"id":375,"depth":518,"text":376},{"id":448,"depth":518,"text":449},{"id":467,"depth":518,"text":468},{"id":496,"depth":518,"text":497},"How Clarify turns payment lookups and connector responses into rich Discord cards, and how %placeholder% tokens are filled with live data.","md",null,{},{"icon":55},{"title":52,"description":526},"uC53geko3Eb4YpY-G-XhE7NUuGHKf8MZPCSgwIigzpw",[534,536],{"title":47,"path":48,"stem":49,"description":535,"icon":50,"children":-1},"How categories sort tickets into types and ticket fields collect what your team needs before a conversation begins.",{"title":57,"path":58,"stem":59,"description":537,"icon":60,"children":-1},"How Clarify decides who on your team can handle tickets in Discord, who can change settings on the dashboard, and who is blocked from opening tickets.",1792666274308]