![\"Flow](\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2024\/03\/ccbill-integrate-flexforms.png\")
<\/figure><\/div>\n\n\n<\/p>\n\n\n\n
When a consumer clicks a Buy Now<\/strong> button, they are directed to a payment form within your payment flow. <\/p>\n\n\n\n The Payment Flow concept allows you to modify its components, such as the payment form or consumer redirections, without changing the initial payment links or buttons placed on your website(s).<\/p>\n\n\n\n <\/p>\n\n\n\n To create a new FlexForms payment flow and form in the Admin Portal<\/a>:<\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n 1. Set the subaccount dropdown menu to All<\/strong>.<\/p>\n\n\n\n 2. Open the FlexForms Systems<\/strong> mega menu and click FlexForms Payment Links<\/strong>.<\/p>\n\n\n\n <\/p>\n\n\n <\/p>\n\n\n\n 3. Click the Add New<\/strong> button on the FlexForms landing page.<\/p>\n\n\n\n <\/p>\n\n\n <\/p>\n\n\n\n 4. Enter a Name<\/strong> for the new Payment Flow.<\/p>\n\n\n\n 5. The Primary<\/em> tile is the starting point of the Payment Flow. Select A New Form<\/strong> in the Redirect To<\/em> section.<\/p>\n\n\n\n <\/p>\n\n\n <\/p>\n\n\n\n Alternatively, select Existing Form<\/strong> to use a previously made Form or URL <\/strong>to redirect consumers to a custom URL.<\/p>\n<\/details>\n\n\n\n <\/p>\n\n\n\n 1. Enter a Form Name<\/strong>. The form name is an internal designation that is not visible to customers.<\/p>\n\n\n\n 2. Click View & Select Pricing<\/strong>.<\/p>\n\n\n\n <\/p>\n\n\n <\/p>\n\n\n Note:<\/strong> Check the box to enable Dynamic Prices on the payment form. Dynamic Pricing<\/a> allows you to create new pricing options on the fly by passing variables into CCBill FlexForms.<\/p>\n<\/div>\n<\/div>\n\n\n\n 4. Check the boxes at the far left of the window to assign prices. You can select multiple price points. The prices appear on the form in the order that they were clicked.<\/p>\n\n\n\n 5. Click OK<\/strong> to confirm the selection.<\/p>\n\n\n\n <\/p>\n\n\n <\/p>\n\n\n Note:<\/strong> Click Create New Price<\/strong> to create a new pricing option<\/a>. You will be redirected to the Pricing Admin, where you can create pricing from scratch or modify your current price points.<\/p>\n<\/div>\n<\/div>\n\n\n\n 6. Click Save<\/strong> to create the new payment form and flow.<\/p>\n\n\n\n <\/p>\n<\/details>\n\n\n\n <\/p>\n\n\n\n You must insert a Web Widget<\/strong> button or hyperlink on your website to redirect customers to an active payment flow.<\/p>\n\n\n\n 1. Click Promote to LIVE<\/strong> to push the Payment Flow to the Live<\/strong> environment.<\/p>\n\n\n\n <\/p>\n\n\n <\/p>\n\n\n\n 2. Click Yes (Promote to Live)<\/strong> to confirm your choice. Promoting a payment flow to the Live environment prompts the FlexForms system to generate a Web Widget code automatically.<\/p>\n\n\n\n 3. Select the Widget Code<\/strong> button in the recently promoted Payment Flow row.<\/p>\n\n\n\n <\/p>\n\n\n <\/p>\n\n\n\n 4. The right side of the Link Codes<\/strong> window displays the Widget Code<\/strong> and URL<\/strong> necessary to launch the LIVE version of the Flow.<\/p>\n\n\n\n <\/p>\n\n\n <\/p>\n\n\n\n 5. Copy the configured LIVE Widget Code Snippet<\/strong> or URL<\/strong> and embed it in your website's code to use the Web Widget functionality.<\/p>\n\n\n\n Now customers can click on the button or hyperlink to open the Payment Flow<\/strong>.<\/p>\n<\/details>\n\n\n\n Designed for maximum flexibility, FlexForms supports a wide array of business models<\/a> and payment options<\/a>. The advanced section explains how to streamline payment flows and customize payment forms to deliver a superior purchasing experience to your customers.<\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n Form Fields<\/strong><\/p>\n\n\n\n Modify Visuals<\/strong><\/p>\n\n\n\n Loyalty Discounts<\/strong><\/p>\n\n\n\n System Settings<\/strong><\/p>\n\n\n\n <\/p>\n\n\n\n Merchant Support<\/p>\n\n\n\n If you need any further assistance in setting up FlexForms, or if you have any questions regarding FlexForms, contact our 24\/7 Merchant Support service:<\/p>\n\n\n\n This step-by-step guide provides merchants with everything they need to create and implement FlexForms on their websites.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"kk_blocks_editor_width":"","_kiokenblocks_attr":"","_kiokenblocks_dimensions":"","footnotes":""},"categories":[45],"tags":[],"class_list":["post-4184","post","type-post","status-publish","format-standard","hentry","category-flexforms"],"acf":[],"yoast_head":"\nSet Up FlexForms<\/h2>\n\n\n\n
\n\n\n\nStep 1: Add a Payment Flow<\/summary>\n
![\"Access](\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2024\/03\/open-flexforms-menu-ccbill.png\")
<\/figure><\/div>\n\n\n![\"Add](\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2024\/03\/add-new-flexforms-flow.png\")
<\/figure><\/div>\n\n\n![\"Create](\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2024\/03\/create-form-payment-flow.png\")
<\/figure><\/div>\n\n\n\n
\n\n\n\nStep 2: Create Payment Form<\/summary>\n
![\"Create](\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2024\/03\/create-flexforms-ccbill.png\")
<\/figure><\/div>\n\n\n![\"Adding](\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2024\/03\/add-prices-flexforms.png\")
<\/figure><\/div>\n\n\n
\n\n\n\nStep 3: Activat\u0435 Payment Flow<\/summary>\n
![\"Promoting](\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2024\/03\/promote-flexforms-to-live.png\")
<\/figure><\/div>\n\n\n![\"Retrieving](\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2024\/03\/flexforms-widget-code.png\")
<\/figure><\/div>\n\n\n![\"Links](\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2024\/03\/link-widget-codes-flexforms.png\")
<\/figure><\/div>\n\n\n
\n\n\n\nAdvanced Settings<\/h2>\n\n\n\n
Payment Flow Options<\/summary>\n
\n
Payment Form - All Options<\/summary>\n
\n
\n
\n
\n
Customize Web Widget<\/summary>\n
\n
\n\n\n\n
<\/div>
<\/div>
<\/div><\/div><\/a><\/div>\n<\/div>\n\n\n\n
<\/div>
<\/div>
<\/div><\/div><\/a><\/div>\n\n\n\n
<\/div><\/div><\/a><\/div>\n<\/div>\n\n\n\n
\n\n\n\n\n