[{"data":1,"prerenderedAt":464},["ShallowReactive",2],{"navigation":3,"\u002Fmoney-in\u002Fget-paid\u002Fpay-buttons":148,"\u002Fmoney-in\u002Fget-paid\u002Fpay-buttons-surround":459},[4,8,12,16,81,98,115],{"title":5,"path":6,"stem":7},"Home","\u002Fhome","1.home",{"title":9,"path":10,"stem":11},"Insights","\u002Finsights","2.insights",{"title":13,"path":14,"stem":15},"Transactions","\u002Ftransactions","3.transactions",{"title":17,"path":18,"stem":19,"children":20,"page":38},"Money In","\u002Fmoney-in","4.money-in",[21,39,43,64,77],{"title":22,"path":23,"stem":24,"children":25,"page":38},"Get Paid","\u002Fmoney-in\u002Fget-paid","4.money-in\u002F1.get-paid",[26,30,34],{"title":27,"path":28,"stem":29},"Payment Links","\u002Fmoney-in\u002Fget-paid\u002Fpayment-links","4.money-in\u002F1.get-paid\u002F1.payment-links",{"title":31,"path":32,"stem":33},"Pay Buttons","\u002Fmoney-in\u002Fget-paid\u002Fpay-buttons","4.money-in\u002F1.get-paid\u002F2.pay-buttons",{"title":35,"path":36,"stem":37},"Electronic Mandates","\u002Fmoney-in\u002Fget-paid\u002Felectronic-mandates","4.money-in\u002F1.get-paid\u002F3.electronic-mandates",false,{"title":40,"path":41,"stem":42},"Customers","\u002Fmoney-in\u002Fcustomers","4.money-in\u002F2.customers",{"title":44,"path":45,"stem":46,"children":47,"page":38},"Recurring","\u002Fmoney-in\u002Frecurring","4.money-in\u002F3.recurring",[48,52,56,60],{"title":49,"path":50,"stem":51},"Collections","\u002Fmoney-in\u002Frecurring\u002Fcollections","4.money-in\u002F3.recurring\u002F1.collections",{"title":53,"path":54,"stem":55},"Subscriptions","\u002Fmoney-in\u002Frecurring\u002Fsubscriptions","4.money-in\u002F3.recurring\u002F2.subscriptions",{"title":57,"path":58,"stem":59},"Mandates","\u002Fmoney-in\u002Frecurring\u002Fmandates","4.money-in\u002F3.recurring\u002F4.mandates",{"title":61,"path":62,"stem":63},"Stored Cards","\u002Fmoney-in\u002Frecurring\u002Fstored-cards","4.money-in\u002F3.recurring\u002F5.stored-cards",{"title":65,"path":66,"stem":67,"children":68,"page":38},"Commerce","\u002Fmoney-in\u002Fcommerce","4.money-in\u002F4.commerce",[69,73],{"title":70,"path":71,"stem":72},"Invoices","\u002Fmoney-in\u002Fcommerce\u002Finvoices","4.money-in\u002F4.commerce\u002F1.invoices",{"title":74,"path":75,"stem":76},"Products","\u002Fmoney-in\u002Fcommerce\u002Fproducts","4.money-in\u002F4.commerce\u002F2.products",{"title":78,"path":79,"stem":80},"Terminals","\u002Fmoney-in\u002Fterminals","4.money-in\u002F5.terminals",{"title":82,"path":83,"stem":84,"children":85,"page":38},"Money Out","\u002Fmoney-out","5.money-out",[86,90,94],{"title":87,"path":88,"stem":89},"Balances","\u002Fmoney-out\u002Fbalance","5.money-out\u002F1.balance",{"title":91,"path":92,"stem":93},"Recipients","\u002Fmoney-out\u002Frecipients","5.money-out\u002F2.recipients",{"title":95,"path":96,"stem":97},"Payouts","\u002Fmoney-out\u002Fpayouts","5.money-out\u002F3.payouts",{"title":99,"path":100,"stem":101,"children":102,"page":38},"Developers","\u002Fdevelopers","6.developers",[103,107,111],{"title":104,"path":105,"stem":106},"Access Tokens","\u002Fdevelopers\u002Faccess-tokens","6.developers\u002F1.access-tokens",{"title":108,"path":109,"stem":110},"Integrations","\u002Fdevelopers\u002Fintegrations","6.developers\u002F2.integrations",{"title":112,"path":113,"stem":114},"Webhooks","\u002Fdevelopers\u002Fwebhooks","6.developers\u002F3.webhooks",{"title":116,"path":117,"stem":118,"children":119,"page":38},"Settings","\u002Fsettings","7.settings",[120,124,128,132,136,140,144],{"title":121,"path":122,"stem":123},"Profile","\u002Fsettings\u002Fprofile","7.settings\u002F1.profile",{"title":125,"path":126,"stem":127},"Business Information","\u002Fsettings\u002Fbusiness-info","7.settings\u002F2.business-info",{"title":129,"path":130,"stem":131},"Branding","\u002Fsettings\u002Fbranding","7.settings\u002F3.branding",{"title":133,"path":134,"stem":135},"Invoice Settings","\u002Fsettings\u002Finvoices","7.settings\u002F4.invoices",{"title":137,"path":138,"stem":139},"Payment Methods","\u002Fsettings\u002Fpayment-methods","7.settings\u002F5.payment-methods",{"title":141,"path":142,"stem":143},"Teams","\u002Fsettings\u002Fteams","7.settings\u002F6.teams",{"title":145,"path":146,"stem":147},"History","\u002Fsettings\u002Fhistory","7.settings\u002F7.history",{"id":149,"title":31,"body":150,"description":452,"extension":453,"links":454,"meta":455,"navigation":456,"path":32,"seo":457,"stem":33,"__hash__":458},"docs\u002F4.money-in\u002F1.get-paid\u002F2.pay-buttons.md",{"type":151,"value":152,"toc":441},"minimark",[153,161,175,180,185,192,195,220,224,227,231,234,286,290,293,298,301,312,316,323,328,331,335,342,346,349,352,420,424],[154,155,156,157,160],"p",{},"Pay Buttons work similarly to ",[158,159,27],"a",{"href":28}," but are designed to be embedded directly into your website. Customers can click the button and complete payment using the Kwik hosted checkout page.",[162,163,164],"blockquote",{},[154,165,166,170,171,174],{},[167,168,169],"strong",{},"Note:"," Pay Buttons support card payments and alternative payment methods. For Debit Orders and DebiCheck collections, an ",[167,172,173],{},"Electronic Mandate"," must be created instead.",[176,177],"img",{"src":178,"alt":31,"width":179},"\u002Fimages\u002Fpay-buttons.png","auto",[181,182,184],"h2",{"id":183},"creating-a-pay-button","Creating a Pay Button",[154,186,187,188,191],{},"Click the ",[167,189,190],{},"Create"," button in the top-right corner.",[154,193,194],{},"The setup process is similar to creating a Payment Link and supports:",[196,197,198,202,205,208,211,214,217],"ul",{},[199,200,201],"li",{},"One-time products",[199,203,204],{},"Recurring subscriptions",[199,206,207],{},"Multiple products",[199,209,210],{},"Customer information capture",[199,212,213],{},"Custom fields",[199,215,216],{},"Invoice generation",[199,218,219],{},"Payment confirmations",[181,221,223],{"id":222},"button-styling","Button Styling",[154,225,226],{},"Customise the appearance of the button to match your website.",[176,228],{"src":229,"alt":223,"width":230},"\u002Fimages\u002Fpay-buttons.create.styling.png",400,[154,232,233],{},"Available styling options include:",[235,236,237,250],"table",{},[238,239,240],"thead",{},[241,242,243,247],"tr",{},[244,245,246],"th",{},"Setting",[244,248,249],{},"Description",[251,252,253,262,270,278],"tbody",{},[241,254,255,259],{},[256,257,258],"td",{},"Primary Colour",[256,260,261],{},"Background colour of the button.",[241,263,264,267],{},[256,265,266],{},"Secondary Colour",[256,268,269],{},"Text colour of the button.",[241,271,272,275],{},[256,273,274],{},"Border Radius",[256,276,277],{},"Rounded corners of the button.",[241,279,280,283],{},[256,281,282],{},"Button Text",[256,284,285],{},"Text displayed on the button.",[181,287,289],{"id":288},"preview","Preview",[154,291,292],{},"A live preview allows you to see how the button will appear before publishing.",[176,294],{"src":295,"alt":296,"width":297},"\u002Fimages\u002Fpay-buttons.create.preview.png","Button Preview",800,[154,299,300],{},"You can also preview:",[196,302,303,306,309],{},[199,304,305],{},"The payment button",[199,307,308],{},"The hosted payment page",[199,310,311],{},"The generated invoice",[181,313,315],{"id":314},"copying-the-embed-code","Copying the Embed Code",[154,317,318,319,322],{},"Once the Pay Button has been created, open the Actions menu and select ",[167,320,321],{},"Copy Pay Button",".",[176,324],{"src":325,"alt":326,"width":327},"\u002Fimages\u002Fpay-buttons.actions.png","Pay Button Actions",200,[154,329,330],{},"Kwik will generate an embeddable HTML button.",[176,332],{"src":333,"alt":334,"width":230},"\u002Fimages\u002Fpay-buttons.actions.copy-code.png","Copy Pay Button Code",[154,336,337,338,341],{},"Click ",[167,339,340],{},"Copy"," and paste the code into your website wherever you want the button to appear.",[181,343,345],{"id":344},"managing-pay-buttons","Managing Pay Buttons",[154,347,348],{},"Use the Actions menu to manage existing Pay Buttons.",[154,350,351],{},"Available actions include:",[235,353,354,363],{},[238,355,356],{},[241,357,358,361],{},[244,359,360],{},"Action",[244,362,249],{},[251,364,365,373,380,388,396,404,412],{},[241,366,367,370],{},[256,368,369],{},"View",[256,371,372],{},"View the Pay Button configuration.",[241,374,375,377],{},[256,376,321],{},[256,378,379],{},"Copy the embed code for your website.",[241,381,382,385],{},[256,383,384],{},"Duplicate",[256,386,387],{},"Create a copy of an existing Pay Button.",[241,389,390,393],{},[256,391,392],{},"Edit",[256,394,395],{},"Update the button configuration.",[241,397,398,401],{},[256,399,400],{},"Deactivate",[256,402,403],{},"Prevent new payments while keeping reporting available.",[241,405,406,409],{},[256,407,408],{},"Archive",[256,410,411],{},"Hide the button from active lists.",[241,413,414,417],{},[256,415,416],{},"Delete",[256,418,419],{},"Permanently remove the Pay Button.",[181,421,423],{"id":422},"tips","Tips",[196,425,426,429,432,435,438],{},[199,427,428],{},"Match the button styling to your website branding.",[199,430,431],{},"Use recurring products for subscriptions and memberships.",[199,433,434],{},"Test the button on your website before making it live.",[199,436,437],{},"Use Payment Links when you do not have access to your website's source code.",[199,439,440],{},"Use Pay Buttons when you want a seamless payment experience directly from your website.",{"title":442,"searchDepth":443,"depth":444,"links":445},"",1,2,[446,447,448,449,450,451],{"id":183,"depth":444,"text":184},{"id":222,"depth":444,"text":223},{"id":288,"depth":444,"text":289},{"id":314,"depth":444,"text":315},{"id":344,"depth":444,"text":345},{"id":422,"depth":444,"text":423},"Generate embeddable payment buttons that can be added directly to your website.","md",null,{},true,{"title":31,"description":452},"e4NuiiGyf4b7QKOBRVy6TCPKMuLYsY-GMsRJMz81XYs",[460,462],{"title":27,"path":28,"stem":29,"description":461,"children":-1},"Create payment links to share for card and other payment methods.",{"title":35,"path":36,"stem":37,"description":463,"children":-1},"Create electronic mandates for DebiCheck, Registered Mandates (RM) and EFT Debit Order collections.",1780840827054]