controls['optin_form_source'] = [
'tab' => 'content',
'group' => 'optin_form_source_group',
'label' => esc_html__( 'Form Source', 'wpfnl' ),
'type' => 'select',
'options' => [
'wpfnl_forms' => 'WPFunnels',
'mailmint_forms' => 'Mail Mint',
],
'inline' => false,
'default' => 'wpfnl_forms',
];
$mailmint_forms = Wpfnl_Widgets_Manager::get_mailmint_forms();
$this->controls['mailmint_form_id'] = [
'tab' => 'content',
'group' => 'optin_form_source_group',
'label' => esc_html__( 'Choose form', 'wpfnl' ),
'type' => 'select',
'default' => array_key_first( $mailmint_forms ),
'options' => $mailmint_forms,
'inline' => false,
'required' => [ 'optin_form_source', '=', 'mailmint_forms' ],
];
if( \WPFunnels\Integrations\Helper::maybe_enabled() ) {
$this->controls['enable_mm_contact'] = [
'tab' => 'content',
'group' => 'optin_form_source_group',
'label' => esc_html__( 'Send leads to Mail Mint', 'wpfnl' ),
'type' => 'checkbox',
];
$this->controls['mm_contact_status'] = [
'tab' => 'content',
'group' => 'optin_form_source_group',
'label' => esc_html__( 'Contact Status', 'wpfnl' ),
'type' => 'select',
'options' => [
'pending' => __('Pending', 'wpfnl'),
'subscribed' => __('Subscribed', 'wpfnl'),
'unsubscribed' => __('Unsubscribed', 'wpfnl'),
],
'inline' => true,
'default' => 'subscribed',
'required' => [ 'enable_mm_contact'],
];
$this->controls['mm_lists'] = [
'tab' => 'content',
'group' => 'optin_form_source_group',
'label' => esc_html__( 'Select List', 'wpfnl' ),
'type' => 'select',
'options' => \WPFunnels\Integrations\Helper::get_lists(),
'inline' => true,
'default' => '',
'required' => [ 'enable_mm_contact'],
];
$this->controls['mm_tags'] = [
'tab' => 'content',
'group' => 'optin_form_source_group',
'label' => esc_html__( 'Select Tag', 'wpfnl' ),
'type' => 'select',
'options' => \WPFunnels\Integrations\Helper::get_tags(),
'inline' => true,
'default' => '',
'required' => [ 'enable_mm_contact'],
];
}else{
$this->controls['mm_install'] = [
'tab' => 'content',
'group' => 'optin_form_source_group',
'content' => sprintf( __( 'Manage your leads easily using Mail Mint. Try it now.', 'wpfnl' )),
'type' => 'info',
'required' => [ 'optin_form_source', '=', 'wpfnl_forms' ],
];
}
}
/**
* Sets the control for the optin form type.
*
* @since 3.1.0
*
* @access public
*/
public function optin_form_type_control(){
// Group: Opt-in form Type
$this->controls['optin_form_type'] = [
'tab' => 'content',
'group' => 'form_layout_group',
'label' => esc_html__( 'Opt-in Form Type', 'wpfnl' ),
'type' => 'select',
'options' => [
'general-optin' => 'General Opt-in',
'clickto-expand-optin' => 'Click To Expand',
],
'inline' => true,
'default' => 'general-optin',
];
$this->controls['optin_form_layout'] = [
'tab' => 'content',
'group' => 'form_layout_group',
'label' => esc_html__( 'Form Style', 'wpfnl' ),
'type' => 'select',
'options' => [
'' => __( 'Default Style', 'wpfnl' ),
'form-style1' => __('Form Style-1', 'wpfnl'),
'form-style2' => __('Form Style-2', 'wpfnl'),
'form-style3' => __('Form Style-3', 'wpfnl'),
'form-style4' => __('Form Style-4', 'wpfnl'),
],
'inline' => true,
'default' => '',
];
}
/**
* Sets the control for the optin form field.
*
* @since 3.1.0
*
* @access public
*/
public function optin_form_field_control(){
// Group: Form fields
// Label condition
$this->controls['field_label'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Show Field Label', 'wpfnl' ),
'type' => 'checkbox',
];
//Icon condition
$this->controls['input_fields_icon'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Show Input Field Icon', 'wpfnl' ),
'type' => 'checkbox',
'default' => true
];
$this->controls['labelSeparator'] = [
'type' => 'separator',
'group' => 'form_field_group',
];
//------Email------
$this->controls['email_label'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Email Label', 'wpfnl' ),
'type' => 'text',
'spellcheck' => true, // Default: false
'inlineEditing' => false,
'default' => 'Email',
'required' => [ 'field_label'],
];
$this->controls['email_placeholder'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Email Placeholder Text', 'wpfnl' ),
'type' => 'text',
'spellcheck' => true, // Default: false
'inlineEditing' => false,
'default' => 'Email',
'placeholder' => 'Email Placeholder Text',
];
$this->controls['emailSeparator'] = [
'type' => 'separator',
'group' => 'form_field_group',
];
// First Name
$this->controls['first_name'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'First Name', 'wpfnl' ),
'type' => 'checkbox',
];
$this->controls['first_name_label'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Label', 'wpfnl' ),
'type' => 'text',
'inline' => true,
'spellcheck' => true, // Default: false
'inlineEditing' => false,
'default' => 'First Name',
'placeholder' => 'First Name',
'required' => [ 'field_label'],
'required' => [ 'first_name'],
];
$this->controls['first_name_placeholder'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Placeholder Text', 'wpfnl' ),
'type' => 'text',
'inline' => true,
'spellcheck' => true, // Default: false
'inlineEditing' => false,
'default' => 'First Name',
'placeholder' => 'First Name',
'required' => [ 'first_name'],
];
$this->controls['is_required_name'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Mark First Name As Required', 'wpfnl' ),
'type' => 'checkbox',
'required' => [ 'first_name'],
];
// End First Name
$this->controls['firstNameSeparator'] = [
'type' => 'separator',
'group' => 'form_field_group',
];
// Last Name
$this->controls['last_name'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Last Name', 'wpfnl' ),
'type' => 'checkbox',
];
$this->controls['last_name_label'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Label', 'wpfnl' ),
'type' => 'text',
'inline' => true,
'spellcheck' => true, // Default: false
'inlineEditing' => false,
'default' => 'Last Name',
'placeholder' => 'Last Name',
'required' => [ 'field_label'],
'required' => [ 'last_name'],
];
$this->controls['last_name_placeholder'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Placeholder Text', 'wpfnl' ),
'type' => 'text',
'inline' => true,
'spellcheck' => true, // Default: false
'inlineEditing' => false,
'default' => 'Last Name',
'placeholder' => 'Last Name',
'required' => [ 'last_name'],
];
$this->controls['is_required_last_name'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Mark Last Name As Required', 'wpfnl' ),
'type' => 'checkbox',
'required' => [ 'last_name'],
];
// End Last Name
$this->controls['lastNameSeparator'] = [
'type' => 'separator',
'group' => 'form_field_group',
];
// Phone
$this->controls['phone'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Phone', 'wpfnl' ),
'type' => 'checkbox',
];
$this->controls['phone_label'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Label', 'wpfnl' ),
'type' => 'text',
'inline' => true,
'spellcheck' => true, // Default: false
'inlineEditing' => false,
'default' => 'Phone',
'placeholder' => 'Phone',
'required' => [ 'field_label'],
'required' => [ 'phone'],
];
$this->controls['phone_placeholder'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Placeholder Text', 'wpfnl' ),
'type' => 'text',
'inline' => true,
'spellcheck' => true, // Default: false
'inlineEditing' => false,
'default' => 'Phone',
'placeholder' => 'Phone',
'required' => [ 'phone'],
];
$this->controls['is_required_phone'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Mark Phone As Required', 'wpfnl' ),
'type' => 'checkbox',
'required' => [ 'phone'],
];
// End Phone
$this->controls['phoneSeparator'] = [
'type' => 'separator',
'group' => 'form_field_group',
];
// Website URL
$this->controls['website_url'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Website Url', 'wpfnl' ),
'type' => 'checkbox',
];
$this->controls['website_url_label'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Label', 'wpfnl' ),
'type' => 'text',
'inline' => true,
'spellcheck' => true, // Default: false
'inlineEditing' => false,
'default' => 'Website Url',
'placeholder' => 'Website Url',
'required' => [ 'field_label'],
'required' => [ 'website_url'],
];
$this->controls['website_url_placeholder'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Placeholder Text', 'wpfnl' ),
'type' => 'text',
'inline' => true,
'spellcheck' => true, // Default: false
'inlineEditing' => false,
'default' => 'Website Url',
'placeholder' => 'Website Url',
'required' => [ 'website_url'],
];
$this->controls['is_required_website_url'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Mark Website Url As Required', 'wpfnl' ),
'type' => 'checkbox',
'required' => [ 'website_url'],
];
// End Website URL
$this->controls['weburlSeparator'] = [
'type' => 'separator',
'group' => 'form_field_group',
];
// Message
$this->controls['message'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Message', 'wpfnl' ),
'type' => 'checkbox',
];
$this->controls['message_label'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Label', 'wpfnl' ),
'type' => 'text',
'inline' => true,
'spellcheck' => true, // Default: false
'inlineEditing' => false,
'default' => 'Message',
'placeholder' => 'Message',
'required' => [ 'field_label'],
'required' => [ 'message'],
];
$this->controls['message_placeholder'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Placeholder Text', 'wpfnl' ),
'type' => 'text',
'inline' => false,
'spellcheck' => true, // Default: false
'inlineEditing' => false,
'default' => '',
'placeholder' => 'Write your message here...',
'required' => [ 'message'],
];
$this->controls['is_required_message'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Mark Message As Required', 'wpfnl' ),
'type' => 'checkbox',
'required' => [ 'message'],
];
// End Message
$this->controls['messageSeparator'] = [
'type' => 'separator',
'group' => 'form_field_group',
];
// Acceptance Checkbox
$this->controls['acceptance_checkbox'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Acceptance Checkbox', 'wpfnl' ),
'type' => 'checkbox',
];
$this->controls['acceptance_checkbox_text'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Acceptance Text', 'wpfnl' ),
'type' => 'editor',
'inline' => false,
'spellcheck' => true, // Default: false
'inlineEditing' => [
'selector' => '.text-editor', // Mount inline editor to this CSS selector
'toolbar' => true, // Enable/disable inline editing toolbar
],
'default' => 'I have read and agree the Terms & Condition.',
'required' => [ 'field_label'],
'required' => [ 'acceptance_checkbox'],
];
$this->controls['is_required_acceptance'] = [
'tab' => 'content',
'group' => 'form_field_group',
'label' => esc_html__( 'Mark Acceptance As Required', 'wpfnl' ),
'type' => 'checkbox',
'required' => [ 'acceptance_checkbox'],
];
// End Acceptance Checkbox
}
/**
* Sets the control for the optin form click to expand button.
*
* @since 3.1.0
*
* @access public
*
*/
public function optin_form_expand_button_control(){
// Group: Expand Button
$this->controls['expandButtonText'] = [
'tab' => 'content',
'group' => 'expand_button_group',
'label' => esc_html__( 'Text', 'wpfnl' ),
'type' => 'text',
'inline' => true,
'placeholder' => esc_html__( 'Send', 'wpfnl' ),
];
$this->controls['expandButtonSize'] = [
'tab' => 'content',
'group' => 'expand_button_group',
'label' => esc_html__( 'Size', 'wpfnl' ),
'type' => 'select',
'default' => 'xl',
'inline' => true,
'options' => $this->control_options['buttonSizes'],
];
$this->controls['expandButtonMargin'] = [
'tab' => 'content',
'group' => 'expand_button_group',
'label' => esc_html__( 'Margin', 'wpfnl' ),
'type' => 'spacing',
'css' => [
[
'property' => 'margin',
'selector' => '.expand-bricks-button',
],
],
];
$this->controls['expandButtonPadding'] = [
'tab' => 'content',
'group' => 'expand_button_group',
'label' => esc_html__( 'Padding', 'wpfnl' ),
'type' => 'spacing',
'css' => [
[
'property' => 'padding',
'selector' => '.expand-bricks-button',
],
],
];
$this->controls['expandButtonTypography'] = [
'tab' => 'content',
'group' => 'expand_button_group',
'label' => esc_html__( 'Typography', 'wpfnl' ),
'type' => 'typography',
'css' => [
[
'property' => 'font',
'selector' => '.expand-bricks-button',
]
],
];
$this->controls['expandButtonBackgroundColor'] = [
'tab' => 'content',
'group' => 'expand_button_group',
'label' => esc_html__( 'Background', 'wpfnl' ),
'type' => 'color',
'default' => '#6E42D3',
'css' => [
[
'property' => 'background-color',
'selector' => '.expand-bricks-button',
]
],
];
$this->controls['expandButtonBorder'] = [
'tab' => 'content',
'group' => 'expand_button_group',
'label' => esc_html__( 'Border', 'wpfnl' ),
'type' => 'border',
'css' => [
[
'property' => 'border',
'selector' => '.expand-bricks-button',
],
],
];
$this->controls['expandButtonIcon'] = [
'tab' => 'content',
'group' => 'expand_button_group',
'label' => esc_html__( 'Icon', 'wpfnl' ),
'type' => 'icon',
];
$this->controls['expandButtonIconPosition'] = [
'tab' => 'content',
'group' => 'expand_button_group',
'label' => esc_html__( 'Icon position', 'wpfnl' ),
'type' => 'select',
'options' => $this->control_options['iconPosition'],
'inline' => true,
'placeholder' => esc_html__( 'Right', 'wpfnl' ),
'required' => [ 'expandButtonIcon', '!=', '' ],
];
}
/**
* Sets the control for the optin form submit button.
*
* @since 3.1.0
*
* @access public
*
*/
public function optin_form_submit_button_control(){
// Group: Submit Button
$this->controls['submitButtonText'] = [
'tab' => 'content',
'group' => 'submit_button_group',
'label' => esc_html__( 'Text', 'wpfnl' ),
'type' => 'text',
'inline' => true,
'placeholder' => esc_html__( 'Send', 'wpfnl' ),
];
$this->controls['submitButtonSize'] = [
'tab' => 'content',
'group' => 'submit_button_group',
'label' => esc_html__( 'Size', 'wpfnl' ),
'type' => 'select',
'inline' => true,
'options' => $this->control_options['buttonSizes'],
];
$this->controls['submitButtonWidth'] = [
'tab' => 'content',
'group' => 'submit_button_group',
'label' => esc_html__( 'Width', 'wpfnl' ) . ' (%)',
'type' => 'number',
'unit' => '%',
'css' => [
[
'property' => 'width',
'selector' => '.submit-button-wrapper',
],
],
];
$this->controls['submitButtonMargin'] = [
'tab' => 'content',
'group' => 'submit_button_group',
'label' => esc_html__( 'Margin', 'wpfnl' ),
'type' => 'spacing',
'css' => [
[
'property' => 'margin',
'selector' => '.submit-button-wrapper',
],
],
];
$this->controls['submitButtonPadding'] = [
'tab' => 'content',
'group' => 'submit_button_group',
'label' => esc_html__( 'Padding', 'wpfnl' ),
'type' => 'spacing',
'css' => [
[
'property' => 'padding',
'selector' => '.bricks-button',
],
],
];
$this->controls['submitButtonTypography'] = [
'tab' => 'content',
'group' => 'submit_button_group',
'label' => esc_html__( 'Typography', 'wpfnl' ),
'type' => 'typography',
'css' => [
[
'property' => 'font',
'selector' => '.bricks-button',
]
],
];
$this->controls['submitButtonBackgroundColor'] = [
'tab' => 'content',
'group' => 'submit_button_group',
'label' => esc_html__( 'Background', 'wpfnl' ),
'type' => 'color',
'default' => '#6E42D3',
'css' => [
[
'property' => 'background-color',
'selector' => '.bricks-button',
]
],
];
$this->controls['submitButtonBorder'] = [
'tab' => 'content',
'group' => 'submit_button_group',
'label' => esc_html__( 'Border', 'wpfnl' ),
'type' => 'border',
'css' => [
[
'property' => 'border',
'selector' => 'button[type=submit].bricks-button',
],
],
];
$this->controls['submitButtonIcon'] = [
'tab' => 'content',
'group' => 'submit_button_group',
'label' => esc_html__( 'Icon', 'wpfnl' ),
'type' => 'icon',
];
$this->controls['submitButtonIconPosition'] = [
'tab' => 'content',
'group' => 'submit_button_group',
'label' => esc_html__( 'Icon position', 'wpfnl' ),
'type' => 'select',
'options' => $this->control_options['iconPosition'],
'inline' => true,
'placeholder' => esc_html__( 'Right', 'wpfnl' ),
'required' => [ 'submitButtonIcon', '!=', '' ],
];
}
/**
* Sets the control for "after submission of opt-in form".
*
* @since 3.1.0
*
* @access public
*/
public function optin_form_after_submission_control(){
// Group: Action After Submission
$this->controls['admin_email'] = [
'tab' => 'content',
'group' => 'action_after_submission_group',
'label' => esc_html__( 'Admin Email', 'wpfnl' ),
'type' => 'text',
'inlineEditing' => false,
'default' => Wpfnl_functions::get_optin_settings('sender_email'),
'placeholder' => wp_get_current_user()->user_email,
];
$this->controls['admin_email_subject'] = [
'tab' => 'content',
'group' => 'action_after_submission_group',
'label' => esc_html__( 'Admin Email Subject', 'wpfnl' ),
'type' => 'text',
'inlineEditing' => false,
'default' => Wpfnl_functions::get_optin_settings('email_subject'),
'placeholder' => Wpfnl_functions::get_optin_settings('email_subject'),
];
$this->controls['notification_text'] = [
'tab' => 'content',
'group' => 'action_after_submission_group',
'label' => esc_html__( 'Confirmation Text', 'wpfnl' ),
'type' => 'textarea',
'inlineEditing' => false,
'default' => 'Thank you! Your form was submitted successfully!',
'placeholder' => 'Type notification texts here',
];
$this->controls['post_action'] = [
'tab' => 'content',
'group' => 'action_after_submission_group',
'label' => esc_html__( 'Other action', 'wpfnl' ),
'type' => 'select',
'options' => [
'notification' => 'None',
'redirect_to' => 'Redirect to url',
'next_step' => 'Next Step',
],
'inline' => true,
'default' => 'notification',
];
$this->controls['redirect_url'] = [
'tab' => 'content',
'group' => 'action_after_submission_group',
'label' => esc_html__( 'Redirect url', 'wpfnl' ),
'type' => 'link',
'pasteStyles' => false,
'placeholder' => esc_html__( 'https://your-link.com', 'wpfnl' ),
'default' => '',
'required' => [ 'post_action', '=', 'redirect_to' ],
];
$this->controls['data_to_checkout'] = [
'tab' => 'content',
'group' => 'action_after_submission_group',
'label' => esc_html__( 'Carry data to the Next Form', 'wpfnl' ),
'type' => 'checkbox',
];
$this->controls['allow_registration'] = [
'tab' => 'content',
'group' => 'action_after_submission_group',
'label' => esc_html__( 'Register User As Subscriber', 'wpfnl' ),
'type' => 'checkbox',
];
$this->controls['allow_user_permission'] = [
'tab' => 'content',
'group' => 'action_after_submission_group',
'label' => esc_html__( 'Registration Permission', 'wpfnl' ),
'type' => 'checkbox',
'required' => [ 'allow_registration'],
];
$this->controls['allow_user_registration_permission_text'] = [
'tab' => 'content',
'group' => 'action_after_submission_group',
'label' => esc_html__( 'Registration Permission Text', 'wpfnl' ),
'type' => 'editor',
'inline' => false,
'spellcheck' => true, // Default: false
'inlineEditing' => [
'selector' => '.text-editor', // Mount inline editor to this CSS selector
'toolbar' => true, // Enable/disable inline editing toolbar
],
'default' => 'I agree to be registered as a subscriber.',
'required' => [ 'allow_user_permission'],
];
}
/**
* Sets the style control for the optin form's field label style.
*
* @since 3.1.0
*
* @access public
*/
public function optin_form_field_label_style_control(){
$this->controls['fieldLabelTypography'] = [
'tab' => 'content',
'group' => 'form_field_label_style_group',
'label' => esc_html__( 'Typography', 'wpfnl' ),
'type' => 'typography',
'css' => [
[
'property' => 'font',
'selector' => '.wpfnl-optin-form-group:not(.acceptance-checkbox):not(.user-registration-checkbox) > label',
],
],
];
$this->controls['fieldLabelMargin'] = [
'tab' => 'content',
'group' => 'form_field_label_style_group',
'label' => esc_html__( 'Margin', 'wpfnl' ),
'type' => 'spacing',
'css' => [
[
'property' => 'margin',
'selector' => '.wpfnl-optin-form-group:not(.acceptance-checkbox):not(.user-registration-checkbox) > label',
],
],
'placeholder' => [
'top' => 0,
'right' => 0,
'bottom' => '7px',
'left' => 0,
],
];
}
/**
* Sets the style control for the optin form field.
*
* @since 3.1.0
*
* @access public
*/
public function optin_form_field_style_control(){
$this->controls['fieldTypography'] = [
'tab' => 'style',
'group' => 'form_field_style_group',
'label' => esc_html__( 'Typography', 'wpfnl' ),
'type' => 'typography',
'css' => [
[
'property' => 'font',
'selector' => '.wpfnl-optin-form-group input:not([type=checkbox]):not([type=radio])',
],
[
'property' => 'font',
'selector' => '.wpfnl-optin-form-group select',
],
[
'property' => 'font',
'selector' => '.wpfnl-optin-form-group textarea',
],
],
];
$this->controls['fieldBackgroundColor'] = [
'tab' => 'style',
'group' => 'form_field_style_group',
'label' => esc_html__( 'Background color', 'wpfnl' ),
'type' => 'color',
'css' => [
[
'property' => 'background-color',
'selector' => '.wpfnl-optin-form-group input:not([type=checkbox]):not([type=radio])',
],
[
'property' => 'background-color',
'selector' => '.wpfnl-optin-form-group select',
],
[
'property' => 'background-color',
'selector' => '.wpfnl-optin-form-group textarea',
],
],
];
$this->controls['fieldBorder'] = [
'tab' => 'style',
'group' => 'form_field_style_group',
'label' => esc_html__( 'Border', 'wpfnl' ),
'type' => 'border',
'css' => [
[
'property' => 'border',
'selector' => '.wpfnl-optin-form-group input:not([type=checkbox]):not([type=radio])',
],
[
'property' => 'border',
'selector' => '.wpfnl-optin-form-group select',
],
[
'property' => 'border',
'selector' => '.wpfnl-optin-form-group textarea',
],
],
];
$this->controls['fieldShadow'] = [
'tab' => 'style',
'group' => 'form_field_style_group',
'label' => esc_html__( 'BoxShadow', 'wpfnl' ),
'type' => 'box-shadow',
'css' => [
[
'property' => 'box-shadow',
'selector' => '.wpfnl-optin-form-group input:not([type=checkbox]):not([type=radio])',
],
[
'property' => 'box-shadow',
'selector' => '.wpfnl-optin-form-group select',
],
[
'property' => 'box-shadow',
'selector' => '.wpfnl-optin-form-group textarea',
],
],
'inline' => true,
'small' => true,
'default' => [
'values' => [
'offsetX' => 0,
'offsetY' => 0,
'blur' => 2,
'spread' => 0,
],
'color' => [
'rgb' => 'rgba(0, 0, 0, .1)',
],
],
];
$this->controls['fieldMargin'] = [
'tab' => 'content',
'group' => 'form_field_style_group',
'label' => esc_html__( 'Margin', 'wpfnl' ),
'type' => 'spacing',
'css' => [
[
'property' => 'margin',
'selector' => '.wpfnl-optin-form-group:not(.submit-button-wrapper)',
],
],
'placeholder' => [
'top' => 0,
'right' => 0,
'bottom' => '12px',
'left' => 0,
],
];
$this->controls['fieldPadding'] = [
'tab' => 'style',
'group' => 'form_field_style_group',
'label' => esc_html__( 'Padding', 'wpfnl' ),
'type' => 'spacing',
'css' => [
[
'property' => 'padding',
'selector' => '.wpfnl-optin-form-group input:not([type=checkbox]):not([type=radio])',
],
[
'property' => 'padding',
'selector' => '.wpfnl-optin-form-group select',
],
[
'property' => 'padding',
'selector' => '.wpfnl-optin-form-group textarea',
],
],
];
}
/**
* Sets the style control for the optin form's checkbox style.
*
* @since 3.1.0
*
* @access public
*/
public function optin_form_field_checkbox_style_control(){
$this->controls['fieldCheckboxTypography'] = [
'tab' => 'style',
'group' => 'form_field_checkbox_style_group',
'label' => esc_html__( 'Typography', 'wpfnl' ),
'type' => 'typography',
'css' => [
[
'property' => 'font',
'selector' => '.wpfnl-optin-form-group.acceptance-checkbox > label',
],
[
'property' => 'font',
'selector' => '.wpfnl-optin-form-group.user-registration-checkbox > label',
],
],
];
$this->controls['fieldCheckboxBorderColor'] = [
'tab' => 'style',
'group' => 'form_field_checkbox_style_group',
'label' => esc_html__( 'Checkbox border color', 'wpfnl' ),
'type' => 'color',
'inline' => true,
'css' => [
[
'property' => 'border-color',
'selector' => '.wpfnl-optin-form-group.acceptance-checkbox > label .check-box',
],
[
'property' => 'border-color',
'selector' => '.wpfnl-optin-form-group.user-registration-checkbox > label .check-box',
],
],
'default' => [
'hex' => '#3ce77b',
'rgb' => 'rgba(60, 231, 123, 0.9)',
],
];
$this->controls['fieldCheckboxActiveBorderColor'] = [
'tab' => 'style',
'group' => 'form_field_checkbox_style_group',
'label' => esc_html__( 'Active checkbox border color', 'wpfnl' ),
'type' => 'color',
'inline' => true,
'css' => [
[
'property' => 'border-color',
'selector' => '.wpfnl-optin-form-group.acceptance-checkbox input[type=checkbox]:checked + label .check-box',
],
[
'property' => 'border-color',
'selector' => '.wpfnl-optin-form-group.user-registration-checkbox input[type=checkbox]:checked + label .check-box',
],
[
'property' => 'background-color',
'selector' => '.wpfnl-optin-form-group.acceptance-checkbox input[type=checkbox]:checked + label .check-box',
],
[
'property' => 'background-color',
'selector' => '.wpfnl-optin-form-group.user-registration-checkbox input[type=checkbox]:checked + label .check-box',
],
],
'default' => [
'hex' => '#3ce77b',
'rgb' => 'rgba(60, 231, 123, 0.9)',
],
];
$this->controls['fieldCheckboxTickColor'] = [
'tab' => 'style',
'group' => 'form_field_checkbox_style_group',
'label' => esc_html__( 'Checkbox Tick color', 'wpfnl' ),
'type' => 'color',
'inline' => true,
'css' => [
[
'property' => 'border-color',
'selector' => '.wpfnl-optin-form-group.acceptance-checkbox > label .check-box::after',
],
[
'property' => 'border-color',
'selector' => '.wpfnl-optin-form-group.user-registration-checkbox > label .check-box::after',
],
],
'default' => [
'hex' => '#3ce77b',
'rgb' => 'rgba(60, 231, 123, 0.9)',
],
];
}
/**
* Set builder control groups
*
* @since 3.1.0
*
* @access public
*/
public function set_control_groups()
{
//form source group
$this->control_groups['optin_form_source_group'] = [
'title' => esc_html__('Opt-in Form Source', 'wpfnl'),
'tab' => 'content',
];
//form layout group
$this->control_groups['form_layout_group'] = [
'title' => esc_html__('Form Layout', 'wpfnl'),
'tab' => 'content',
'required' => [ 'optin_form_source', '=', 'wpfnl_forms' ],
];
//form field group
$this->control_groups['form_field_group'] = [
'title' => esc_html__('Form Fields', 'wpfnl'),
'tab' => 'content',
'required' => [ 'optin_form_source', '=', 'wpfnl_forms' ],
];
//expand button group
$this->control_groups['expand_button_group'] = [
'title' => esc_html__('Expand Button', 'wpfnl'),
'tab' => 'content',
'required' => [ 'optin_form_type', '=', 'clickto-expand-optin' ],
];
//submit button group
$this->control_groups['submit_button_group'] = [
'title' => esc_html__('Submit Button', 'wpfnl'),
'tab' => 'content',
'required' => [ 'optin_form_source', '=', 'wpfnl_forms' ],
];
//after sumbission group
$this->control_groups['action_after_submission_group'] = [
'title' => esc_html__('Action After Submission', 'wpfnl'),
'tab' => 'content',
'required' => [ 'optin_form_source', '=', 'wpfnl_forms' ],
];
if( \WPFunnels\Integrations\Helper::maybe_enabled() ) {
//MM contact
$this->control_groups['mm_contact_group'] = [
'title' => esc_html__('MailMint Contact Control', 'wpfnl'),
'tab' => 'content',
'required' => [ 'optin_form_source', '=', 'wpfnl_forms' ],
];
}
//field label style group
$this->control_groups['form_field_label_style_group'] = [
'title' => esc_html__('Form Fields Label Style', 'wpfnl'),
'tab' => 'style',
'required' => [ 'optin_form_source', '=', 'wpfnl_forms' ],
];
//field style group
$this->control_groups['form_field_style_group'] = [
'title' => esc_html__('Form Fields Style', 'wpfnl'),
'tab' => 'style',
'required' => [ 'optin_form_source', '=', 'wpfnl_forms' ],
];
//field checkbox style group
$this->control_groups['form_field_checkbox_style_group'] = [
'title' => esc_html__('Checkbox Fields Style', 'wpfnl'),
'tab' => 'style',
'required' => [ 'optin_form_source', '=', 'wpfnl_forms' ],
];
}
/**
* Set builder controls
*
* @since 3.1.0
*
* @access public
*/
public function set_controls(){
$this->optin_form_source_control();
$this->optin_form_type_control();
$this->optin_form_field_control();
$this->optin_form_expand_button_control();
$this->optin_form_submit_button_control();
$this->optin_form_after_submission_control();
//----style controls----
$this->optin_form_field_label_style_control();
$this->optin_form_field_style_control();
$this->optin_form_field_checkbox_style_control();
}
/**
* Get wrapper classes
* @since 3.1.0
*
* @access public
* @return array
*/
public function get_wrapper_classes() {
$settings = $this->settings;
if( 'clickto-expand-optin' == $settings['optin_form_type'] ) {
return array( 'wpfnl', 'wpfnl-optin-form', 'wpfnl-bricks-optin-form-wrapper', 'clickto-expand-optin');
}else {
return array( 'wpfnl', 'wpfnl-optin-form', 'wpfnl-bricks-optin-form-wrapper');
}
}
/**
* Render Expand buton.
*
*/
public function render_wpfnl_optin_expand_btn() {
$settings = $this->settings;
// We need the form element ID to recover the element settings on form expand button
$this->set_attribute( '_root', 'data-element-id', $this->id );
// expand button
$expand_button_icon_position = ! empty( $settings['expandButtonIconPosition'] ) ? $settings['expandButtonIconPosition'] : 'right';
$this->set_attribute( 'expand-wrapper', 'class', ['submit-button-wrapper', 'wpfnl-optin-clickto-expand']);
$expand_button_classes[] = 'expand-bricks-button bricks-button clickto-expand-btn';
if ( ! empty( $settings['expandButtonSize'] ) ) {
$expand_button_classes[] = $settings['expandButtonSize'];
}
if ( isset( $settings['expandButtonCircle'] ) ) {
$expand_button_classes[] = 'circle';
}
if ( ! empty( $settings['expandButtonIcon'] ) ) {
$expand_button_classes[] = "icon-$expand_button_icon_position";
}
$this->set_attribute( 'expand-button', 'class', $expand_button_classes );
// expand button icon
$expand_button_icon = isset( $settings['expandButtonIcon'] ) ? self::render_icon( $settings['expandButtonIcon'] ) : false;
?>
render_attributes( 'expand-wrapper' ); echo $this->render_attributes( '_root' ); ?> >
';
$token_input = '';
$token_secret_key = '';
$recaptch_script = '';
}
//mm contact
$enable_mm_contact = isset($settings['enable_mm_contact']) && $settings['enable_mm_contact'] == 'on' ? 'yes' : 'no';
$mm_contact_status = isset($settings['mm_contact_status']) ? $settings['mm_contact_status'] : 'pending';
$mm_lists = isset($settings['mm_lists']) ? $settings['mm_lists'] : '';
$mm_tags = isset($settings['mm_tags']) ? $settings['mm_tags'] : '';
$post_action = isset($settings['post_action']) ? $settings['post_action'] : 'notification';
$redirect_url = isset($settings['redirect_url']['url']) ? $settings['redirect_url']['url'] : '#';
$admin_email_subject = isset($settings['admin_email_subject']) ? $settings['admin_email_subject'] : '';
$admin_email = isset($settings['admin_email']) ? $settings['admin_email'] : '';
$notification_text = isset($settings['notification_text']) ? $settings['notification_text'] : '';
// We need the form element ID to recover the element settings on form submit
$this->set_attribute( '_root', 'data-element-id', $this->id );
// Submit button
$submit_button_icon_position = ! empty( $settings['submitButtonIconPosition'] ) ? $settings['submitButtonIconPosition'] : 'right';
$this->set_attribute( 'submit-wrapper', 'class', [ 'wpfnl-optin-form-group submit', 'submit-button-wrapper' ] );
$submit_button_classes[] = 'bricks-button btn-optin';
if ( ! empty( $settings['submitButtonSize'] ) ) {
$submit_button_classes[] = $settings['submitButtonSize'];
}
if ( isset( $settings['submitButtonCircle'] ) ) {
$submit_button_classes[] = 'circle';
}
if ( ! empty( $settings['submitButtonIcon'] ) ) {
$submit_button_classes[] = "icon-$submit_button_icon_position";
}
$this->set_attribute( 'submit-button', 'class', $submit_button_classes );
// Submit button icon
$submit_button_icon = isset( $settings['submitButtonIcon'] ) ? self::render_icon( $settings['submitButtonIcon'] ) : false;
$randomId = rand();
echo $recaptch_script;
//-----expand button-------
if( isset($settings['optin_form_type']) && 'clickto-expand-optin' === $settings['optin_form_type'] ) {
$this->render_wpfnl_optin_expand_btn();
}
?>
render_attributes( '_root' ); ?> >