{ "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!", "name": "divi/payment-button", "moduleClassName": "et_pb_button", "moduleOrderClassName": "et_pb_payment_button", "title": "Payment Button", "titles": "Payment Buttons", "moduleIcon": "divi/module-payment-button", "category": "module", "childrenName": [], "videos": [ { "id": "xDJFksZljlc", "name": "An introduction to the Payment Button module" }, { "id": "1iqjhnHVA9Y", "name": "Design Settings and Advanced Module Settings" }, { "id": "boNZZ0MYU0E", "name": "Saving and loading from the library" } ], "attributes": { "module": { "type": "object", "selector": "{{selector}}", "styleProps": { "spacing": { "selector": "{{wrapperSelector}}", "propertySelectors": { "desktop": { "value": { "padding": "{{wrapperSelector}} {{baseSelector}}" } } }, "important": true }, "transform": { "selector": "{{wrapperSelector}} a" }, "position": { "selector": "{{wrapperSelector}}" }, "order": { "selector": "{{wrapperSelector}}" } }, "settings": { "meta": { "meta": {} }, "advanced": { "elements": {}, "html": {}, "loop": {}, "text": { "component": { "props": { "fields": { "orientation": { "render": false }, "textShadowGroup": { "render": false } } } } }, "alignment": { "groupType": "group-item", "item": { "groupSlug": "designAlignment", "priority": 5, "render": true, "attrName": "module.advanced.alignment", "label": "Payment Button Alignment", "description": "Here you can define the alignment of Payment Button.", "category": "configuration", "multipleChoices": false, "features": { "hover": false, "sticky": false, "preset": [ "html" ] }, "component": { "type": "field", "name": "divi/button-options", "props": { "options": { "left": { "icon": "divi/align-left" }, "center": { "icon": "divi/align-center" }, "right": { "icon": "divi/align-right" } }, "showLabel": false } } } } }, "decoration": { "layout": {}, "animation": {}, "attributes": {}, "boxShadow": {}, "conditions": {}, "disabledOn": {}, "filters": {}, "interactions": {}, "overflow": {}, "order": {}, "position": {}, "scroll": {}, "spacing": {}, "sticky": {}, "transform": {}, "transition": {}, "zIndex": {} } } }, "button": { "type": "object", "customPostTypeSelector": "body.et-db #page-container #et-boc .et-l {{baseSelector}}", "selector": "body #page-container .et_pb_section {{baseSelector}}", "elementType": "button", "styleProps": { "font": { "important": { "font": { "desktop": { "value": { "color": true, "font-size": true, "letter-spacing": true, "line-height": true } } } } }, "spacing": { "important": true } }, "settings": { "innerContent": { "groupType": "into-multiple-groups", "groups": { "payment": { "groupType": "group-items", "items": { "provider": { "groupSlug": "contentPayment", "priority": 10, "render": true, "attrName": "button.innerContent", "subName": "provider", "label": "Provider", "description": "Choose the payment provider for this checkout button.", "category": "configuration", "features": { "responsive": false, "sticky": false, "hover": false, "preset": "content" }, "component": { "type": "field", "name": "divi/payment-provider" } }, "resourceId": { "groupSlug": "contentPayment", "priority": 20, "render": true, "attrName": "button.innerContent", "subName": "resourceId", "label": "Resource", "description": "Select the payment account or resource that will process payments.", "category": "configuration", "features": { "responsive": false, "sticky": false, "hover": false, "preset": "content" }, "component": { "type": "field", "name": "divi/payment-resource" } }, "environment": { "groupSlug": "contentPayment", "priority": 30, "render": true, "attrName": "button.innerContent", "subName": "environment", "label": "Environment", "description": "Choose whether to run transactions in Sandbox (testing) or Live (production) mode.", "category": "configuration", "features": { "responsive": false, "sticky": false, "hover": false, "preset": "content" }, "component": { "type": "field", "name": "divi/select", "props": { "defaultValue": "sandbox", "options": { "sandbox": { "label": "Sandbox" }, "live": { "label": "Live" } } } } }, "amountMode": { "groupSlug": "contentPayment", "priority": 40, "render": true, "attrName": "button.innerContent", "subName": "amountMode", "label": "Amount Mode", "description": "Choose whether the payment amount is fixed or entered by the customer at checkout.", "category": "configuration", "features": { "responsive": false, "sticky": false, "hover": false, "preset": "content" }, "component": { "type": "field", "name": "divi/select", "props": { "defaultValue": "fixed", "options": { "fixed": { "label": "Fixed" }, "user-defined": { "label": "User Defined" } } } } }, "amount": { "groupSlug": "contentPayment", "priority": 50, "render": true, "attrName": "button.innerContent", "subName": "amount", "label": "Amount", "description": "Enter the fixed payment amount to charge when Amount Mode is set to Fixed.", "category": "configuration", "features": { "responsive": false, "sticky": false, "hover": false, "preset": "content", "dynamicContent": { "type": "text" } }, "component": { "type": "field", "name": "divi/text" } }, "currency": { "groupSlug": "contentPayment", "priority": 60, "render": true, "attrName": "button.innerContent", "subName": "currency", "label": "Currency", "description": "Select the currency used for the payment amount.", "category": "configuration", "features": { "responsive": false, "sticky": false, "hover": false, "preset": "content" }, "component": { "type": "field", "name": "divi/select", "props": { "defaultValue": "USD", "options": "paymentButtonCurrencyOptions", "searchable": true, "searchPlaceholder": "Search currency or country" } } }, "returnUrl": { "groupSlug": "contentPayment", "priority": 70, "render": true, "attrName": "button.innerContent", "subName": "returnUrl", "label": "Return URL", "description": "Enter the URL where customers are redirected after completing a successful payment. When left blank, customers return to the page where the payment was initiated.", "category": "configuration", "features": { "responsive": false, "sticky": false, "hover": false, "preset": "content", "dynamicContent": { "type": "url" } }, "component": { "type": "field", "name": "divi/text" } }, "cancelUrl": { "groupSlug": "contentPayment", "priority": 80, "render": true, "attrName": "button.innerContent", "subName": "cancelUrl", "label": "Cancel URL", "description": "Enter the URL where customers are redirected when they cancel the payment. When left blank, customers return to the page where the payment was initiated.", "category": "configuration", "features": { "responsive": false, "sticky": false, "hover": false, "preset": "content", "dynamicContent": { "type": "url" } }, "component": { "type": "field", "name": "divi/text" } }, "description": { "groupSlug": "contentPayment", "priority": 85, "render": true, "attrName": "button.innerContent", "subName": "description", "label": "Description", "description": "Enter the payment description shown to customers on the PayPal checkout page.", "category": "configuration", "features": { "responsive": false, "sticky": false, "hover": false, "preset": "content", "dynamicContent": { "type": "text" } }, "component": { "type": "field", "name": "divi/text" } }, "openInNewTab": { "groupSlug": "contentPayment", "priority": 90, "render": true, "attrName": "button.innerContent", "subName": "openInNewTab", "label": "Open In New Tab", "description": "Choose whether the checkout page opens in a new browser tab.", "category": "configuration", "features": { "responsive": false, "sticky": false, "hover": false, "preset": "content" }, "component": { "type": "field", "name": "divi/toggle" } } } }, "text": { "groupType": "group-item", "item": { "description": "Input your desired button text.", "groupSlug": "contentText", "label": "Payment Button Text", "priority": 10, "render": true, "subName": "text", "category": "basic_option", "features": { "dynamicContent": { "type": "text" }, "sticky": false, "preset": "content" }, "component": { "name": "divi/text", "type": "field" } } }, "link": { "groupType": "group-item", "item": { "groupSlug": "contentLink", "render": false } } } }, "decoration": { "background": {}, "border": {}, "boxShadow": {}, "button": { "component": { "props": { "dynamicSubgroupHost": true, "dynamicSubgroupLockedSubgroupIds": [ "button.decoration.transform", "button.decoration.filters", "button.decoration.animation" ], "fields": { "alignment": { "render": false }, "boxShadowGroup": { "render": false }, "buttonIconGroup": { "component": { "props": { "fields": { "placement": { "features": { "hover": false } }, "onHover": { "features": { "hover": false } } } } } }, "fontGroup": { "component": { "props": { "fields": { "lineHeight": { "render": true }, "textAlign": { "render": false } } } } }, "spacingGroup": { "render": false } } } } }, "font": {}, "sizing": {}, "spacing": { "component": { "props": { "fields": { "margin": { "render": false }, "padding": { "render": false } } } } } } } } }, "customCssFields": {}, "settings": { "content": "auto", "design": "auto", "advanced": "auto", "groups": { "contentPayment": { "panel": "content", "priority": 5, "groupName": "payment", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Payment", "preset": "content" } } }, "contentText": { "panel": "content", "priority": 10, "groupName": "text", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Text" } } }, "designAlignment": { "panel": "design", "priority": 10, "groupName": "alignment", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Alignment", "clipboardCategory": "style" } } } } }, "wrapper": { "status": true, "tag": "div" } }