__( 'Create a simple contact form for your users to get hold of you.', 'so-widgets-bundle' ), ), array(), false, plugin_dir_path( __FILE__ ) ); } /** * Initialize the contact form widget */ function initialize() { $this->register_frontend_scripts( array( array( 'sow-contact', plugin_dir_url( __FILE__ ) . 'js/contact' . SOW_BUNDLE_JS_SUFFIX . '.js', array( 'jquery' ), SOW_BUNDLE_VERSION ) ) ); add_filter( 'siteorigin_widgets_sanitize_field_multiple_emails', array( $this, 'sanitize_multiple_emails' ) ); } function get_widget_form() { return array( 'title' => array( 'type' => 'text', 'label' => __( 'Title', 'so-widgets-bundle' ), 'default' => __( 'Contact Us', 'so-widgets-bundle' ), ), 'display_title' => array( 'type' => 'checkbox', 'label' => __( 'Display title', 'so-widgets-bundle' ), ), 'settings' => array( 'type' => 'section', 'label' => __( 'Settings', 'so-widgets-bundle' ), 'hide' => true, 'fields' => array( 'to' => array( 'type' => 'text', 'label' => __( 'To email address', 'so-widgets-bundle' ), 'description' => __( 'Where contact emails will be delivered to. You can send to multiple emails by separating the emails with a comma (,)', 'so-widgets-bundle' ), 'sanitize' => 'multiple_emails', ), 'from' => array( 'type' => 'text', 'label' => __( 'From email address', 'so-widgets-bundle' ), 'description' => __( 'It will appear as if emails are sent from this address. Ideally this should be in the same domain as this server to avoid spam filters.', 'so-widgets-bundle' ), 'sanitize' => 'email', ), 'default_subject' => array( 'type' => 'text', 'label' => __( 'Default subject', 'so-widgets-bundle' ), 'description' => __( "Subject to use when there isn't one available.", 'so-widgets-bundle' ), ), 'subject_prefix' => array( 'type' => 'text', 'label' => __( 'Subject prefix', 'so-widgets-bundle' ), 'description' => __( 'Prefix added to all incoming email subjects.', 'so-widgets-bundle' ), ), 'success_message' => array( 'type' => 'tinymce', 'label' => __( 'Success message', 'so-widgets-bundle' ), 'description' => __( 'Message to display after message successfully sent.', 'so-widgets-bundle' ), 'default' => __( "Thanks for contacting us. We'll get back to you shortly.", 'so-widgets-bundle' ) ), 'submit_text' => array( 'type' => 'text', 'label' => __( 'Submit button text', 'so-widgets-bundle' ), 'default' => __( "Contact Us", 'so-widgets-bundle' ) ), 'submit_id' => array( 'type' => 'text', 'label' => __( 'Button ID', 'so-widgets-bundle' ), 'description' => __( 'An ID attribute allows you to target this button in JavaScript.', 'so-widgets-bundle' ), ), 'onclick' => array( 'type' => 'text', 'label' => __( 'Onclick', 'so-widgets-bundle' ), 'description' => __( 'Run this JavaScript when the button is clicked. Ideal for tracking.', 'so-widgets-bundle' ), ), 'required_field_indicator' => array( 'type' => 'checkbox', 'label' => __( 'Indicate required fields with asterisk (*)', 'so-widgets-bundle' ), 'state_emitter' => array( 'callback' => 'conditional', 'args' => array( 'required_fields[show]: val', 'required_fields[hide]: ! val' ), ) ), 'required_field_indicator_message' => array( 'type' => 'text', 'label' => __( 'Required field indicator message', 'so-widgets-bundle' ), 'default' => __( 'Fields marked with * are required', 'so-widgets-bundle' ), 'state_handler' => array( 'required_fields[show]' => array( 'show' ), 'required_fields[hide]' => array( 'hide' ), ) ), ), ), 'fields' => array( 'type' => 'repeater', 'label' => __( 'Fields', 'so-widgets-bundle' ), 'item_name' => __( 'Field', 'so-widgets-bundle' ), 'item_label' => array( 'selector' => "[id*='label']", ), 'fields' => array( 'type' => array( 'type' => 'select', 'label' => __( 'Field Type', 'so-widgets-bundle' ), 'prompt' => __( 'Select Field Type', 'so-widgets-bundle' ), 'options' => array( 'name' => __( 'Name', 'so-widgets-bundle' ), 'email' => __( 'Email', 'so-widgets-bundle' ), 'subject' => __( 'Subject', 'so-widgets-bundle' ), 'text' => __( 'Text', 'so-widgets-bundle' ), 'textarea' => __( 'Text Area', 'so-widgets-bundle' ), 'select' => __( 'Dropdown Select', 'so-widgets-bundle' ), 'checkboxes' => __( 'Checkboxes', 'so-widgets-bundle' ), 'radio' => __( 'Radio', 'so-widgets-bundle' ), ), 'state_emitter' => array( 'callback' => 'select', 'args' => array( 'field_type_{$repeater}' ), ) ), 'label' => array( 'type' => 'text', 'label' => __( 'Label', 'so-widgets-bundle' ), ), 'description' => array( 'type' => 'text', 'label' => __( 'Description', 'so-widgets-bundle' ), 'description' => __( 'This text will appear small beneath the input field.', 'so-widgets-bundle' ), ), 'required' => array( 'type' => 'section', 'label' => __( 'Required Field', 'so-widgets-bundle' ), 'fields' => array( 'required' => array( 'type' => 'checkbox', 'label' => __( 'Required field', 'so-widgets-bundle' ), 'description' => __( 'Is this field required?', 'so-widgets-bundle' ), ), 'missing_message' => array( 'type' => 'text', 'label' => __( 'Missing message', 'so-widgets-bundle' ), 'description' => __( 'Error message to display if this field is missing.', 'so-widgets-bundle' ), ) ) ), // This are for select, radio, and checkboxes 'options' => array( 'type' => 'repeater', 'label' => __( 'Options', 'so-widgets-bundle' ), 'item_name' => __( 'Option', 'so-widgets-bundle' ), 'item_label' => array( 'selector' => "[id*='value']" ), 'fields' => array( 'value' => array( 'type' => 'text', 'label' => __( 'Value', 'so-widgets-bundle' ), ), ), // These are only required for a few states 'state_handler' => array( 'field_type_{$repeater}[select,checkboxes,radio]' => array( 'show' ), '_else[field_type_{$repeater}]' => array( 'hide' ), ), ), ), ), 'spam' => array( 'type' => 'section', 'label' => __( 'Spam Protection', 'so-widgets-bundle' ), 'hide' => true, 'fields' => array( 'recaptcha' => array( 'type' => 'section', 'label' => __( 'reCAPTCHA', 'so-widgets-bundle' ), 'fields' => array( 'use_captcha' => array( 'type' => 'checkbox', 'label' => __( 'Use reCAPTCHA', 'so-widgets-bundle' ), 'default' => false, ), 'site_key' => array( 'type' => 'text', 'label' => __( 'reCAPTCHA Site Key', 'so-widgets-bundle' ), ), 'secret_key' => array( 'type' => 'text', 'label' => __( 'reCAPTCHA Secret Key', 'so-widgets-bundle' ), ), 'theme' => array( 'type' => 'select', 'label' => __( 'Theme', 'so-widgets-bundle' ), 'default' => 'light', 'options' => array( 'light' => __( 'Light', 'so-widgets-bundle' ), 'dark' => __( 'Dark', 'so-widgets-bundle' ), ), ), 'type' => array( 'type' => 'select', 'label' => __( 'Challenge type', 'so-widgets-bundle' ), 'default' => 'image', 'options' => array( 'image' => __( 'Image', 'so-widgets-bundle' ), 'audio' => __( 'Audio', 'so-widgets-bundle' ), ), ), 'size' => array( 'type' => 'select', 'label' => __( 'Size', 'so-widgets-bundle' ), 'default' => 'normal', 'options' => array( 'normal' => __( 'Normal', 'so-widgets-bundle' ), 'compact' => __( 'Compact', 'so-widgets-bundle' ), ), ), ) ), 'akismet' => array( 'type' => 'section', 'label' => __( 'Akismet', 'so-widgets-bundle' ), 'fields' => array( 'use_akismet' => array( 'type' => 'checkbox', 'label' => __( 'Use Akismet filtering', 'so-widgets-bundle' ), 'default' => true, ), 'spam_action' => array( 'type' => 'select', 'label' => __( 'Spam action', 'so-widgets-bundle' ), 'options' => array( 'error' => __( 'Show error message', 'so-widgets-bundle' ), 'tag' => __( 'Tag as spam in subject', 'so-widgets-bundle' ), ), 'description' => __( 'How to handle submissions that are identified as spam.', 'so-widgets-bundle' ), 'default' => 'error', ), ) ), ), ), 'design' => array( 'type' => 'section', 'label' => __( 'Design', 'so-widgets-bundle' ), 'hide' => true, 'fields' => array( 'container' => array( 'type' => 'section', 'label' => __( 'Container', 'so-widgets-bundle' ), 'fields' => array( 'background' => array( 'type' => 'color', 'label' => __( 'Background color', 'so-widgets-bundle' ), 'default' => '#f2f2f2', ), 'padding' => array( 'type' => 'measurement', 'label' => __( 'Padding', 'so-widgets-bundle' ), 'default' => '10px', ), 'border_color' => array( 'type' => 'color', 'label' => __( 'Border color', 'so-widgets-bundle' ), 'default' => '#c0c0c0', ), 'border_width' => array( 'type' => 'measurement', 'label' => __( 'Border width', 'so-widgets-bundle' ), 'default' => '1px', ), 'border_style' => array( 'type' => 'select', 'label' => __( 'Border style', 'so-widgets-bundle' ), 'default' => 'solid', 'options' => array( 'none' => __( 'None', 'so-widgets-bundle' ), 'hidden' => __( 'Hidden', 'so-widgets-bundle' ), 'dotted' => __( 'Dotted', 'so-widgets-bundle' ), 'dashed' => __( 'Dashed', 'so-widgets-bundle' ), 'solid' => __( 'Solid', 'so-widgets-bundle' ), 'double' => __( 'Double', 'so-widgets-bundle' ), 'groove' => __( 'Groove', 'so-widgets-bundle' ), 'ridge' => __( 'Ridge', 'so-widgets-bundle' ), 'inset' => __( 'Inset', 'so-widgets-bundle' ), 'outset' => __( 'Outset', 'so-widgets-bundle' ), ) ), ) ), 'labels' => array( 'type' => 'section', 'label' => __( 'Field labels', 'so-widgets-bundle' ), 'fields' => array( 'font' => array( 'type' => 'font', 'label' => __( 'Font', 'so-widgets-bundle' ), 'default' => 'default', ), 'size' => array( 'type' => 'measurement', 'label' => __( 'Font size', 'so-widgets-bundle' ), 'default' => 'default', ), 'color' => array( 'type' => 'color', 'label' => __( 'Color', 'so-widgets-bundle' ), 'default' => 'default', ), 'position' => array( 'type' => 'select', 'label' => __( 'Position', 'so-widgets-bundle' ), 'default' => 'above', 'options' => array( 'above' => __( 'Above', 'so-widgets-bundle' ), 'below' => __( 'Below', 'so-widgets-bundle' ), 'left' => __( 'Left', 'so-widgets-bundle' ), 'right' => __( 'Right', 'so-widgets-bundle' ), 'inside' => __( 'Inside', 'so-widgets-bundle' ), ), ), 'width' => array( 'type' => 'measurement', 'label' => __( 'Width', 'so-widgets-bundle' ), 'default' => '', ), 'align' => array( 'type' => 'select', 'label' => __( 'Align', 'so-widgets-bundle' ), 'default' => 'left', 'options' => array( 'left' => __( 'Left', 'so-widgets-bundle' ), 'right' => __( 'Right', 'so-widgets-bundle' ), 'center' => __( 'Center', 'so-widgets-bundle' ), 'justify' => __( 'Justify', 'so-widgets-bundle' ), ) ), ), ), 'fields' => array( 'type' => 'section', 'label' => __( 'Fields', 'so-widgets-bundle' ), 'fields' => array( 'font' => array( 'type' => 'font', 'label' => __( 'Font', 'so-widgets-bundle' ), 'default' => 'default', ), 'font_size' => array( 'type' => 'measurement', 'label' => __( 'Font Size', 'so-widgets-bundle' ) ), 'color' => array( 'type' => 'color', 'label' => __( 'Text Color', 'so-widgets-bundle' ), ), 'margin' => array( 'type' => 'measurement', 'label' => __( 'Margin', 'so-widgets-bundle' ) ), 'padding' => array( 'type' => 'measurement', 'label' => __( 'Padding', 'so-widgets-bundle' ) ), 'height' => array( 'type' => 'measurement', 'label' => __( 'Height', 'so-widgets-bundle' ) ), 'background' => array( 'type' => 'color', 'label' => __( 'Background', 'so-widgets-bundle' ), ), 'border_color' => array( 'type' => 'color', 'label' => __( 'Border color', 'so-widgets-bundle' ), 'default' => '#c0c0c0', ), 'border_width' => array( 'type' => 'measurement', 'label' => __( 'Border width', 'so-widgets-bundle' ), 'default' => '1px', ), 'border_style' => array( 'type' => 'select', 'label' => __( ' Border style', 'so-widgets-bundle' ), 'default' => 'solid', 'options' => array( 'none' => __( 'None', 'so-widgets-bundle' ), 'hidden' => __( 'Hidden', 'so-widgets-bundle' ), 'dotted' => __( 'Dotted', 'so-widgets-bundle' ), 'dashed' => __( 'Dashed', 'so-widgets-bundle' ), 'solid' => __( 'Solid', 'so-widgets-bundle' ), 'double' => __( 'Double', 'so-widgets-bundle' ), 'groove' => __( 'Groove', 'so-widgets-bundle' ), 'ridge' => __( 'Ridge', 'so-widgets-bundle' ), 'inset' => __( 'Inset', 'so-widgets-bundle' ), 'outset' => __( 'Outset', 'so-widgets-bundle' ), ) ), 'border_radius' => array( 'type' => 'slider', 'label' => __( 'Border rounding', 'so-widgets-bundle' ), 'default' => 0, 'max' => 50, 'min' => 0 ), ) ), 'descriptions' => array( 'type' => 'section', 'label' => __( 'Field descriptions', 'so-widgets-bundle' ), 'fields' => array( 'size' => array( 'type' => 'measurement', 'label' => __( 'Size', 'so-widgets-bundle' ), 'default' => '0.9em', ), 'color' => array( 'type' => 'color', 'label' => __( 'Color', 'so-widgets-bundle' ), 'default' => '#999999', ), 'style' => array( 'type' => 'select', 'label' => __( 'Style', 'so-widgets-bundle' ), 'default' => 'italic', 'options' => array( 'italic' => __( 'Italic', 'so-widgets-bundle' ), 'normal' => __( 'Normal', 'so-widgets-bundle' ), ) ), ) ), 'errors' => array( 'type' => 'section', 'label' => __( 'Error messages', 'so-widgets-bundle' ), 'fields' => array( 'background' => array( 'type' => 'color', 'label' => __( 'Error background color', 'so-widgets-bundle' ), 'default' => '#fce4e5', ), 'border_color' => array( 'type' => 'color', 'label' => __( 'Error border color', 'so-widgets-bundle' ), 'default' => '#ec666a', ), 'text_color' => array( 'type' => 'color', 'label' => __( 'Error text color', 'so-widgets-bundle' ), 'default' => '#ec666a', ), 'padding' => array( 'type' => 'measurement', 'label' => __( 'Error padding', 'so-widgets-bundle' ), 'default' => '5px', ), 'margin' => array( 'type' => 'measurement', 'label' => __( 'Error margin', 'so-widgets-bundle' ), 'default' => '10px', ), ) ), 'submit' => array( 'type' => 'section', 'label' => __( 'Submit button', 'so-widgets-bundle' ), 'fields' => array( 'styled' => array( 'type' => 'checkbox', 'label' => __( 'Style submit button', 'so-widgets-bundle' ), 'description' => __( 'Style the button or leave it with default theme styling.', 'so-widgets-bundle' ), 'default' => true, ), 'background_color' => array( 'type' => 'color', 'label' => __( 'Background color', 'so-widgets-bundle' ), 'default' => '#eeeeee', ), 'background_gradient' => array( 'type' => 'slider', 'label' => __( 'Gradient intensity', 'so-widgets-bundle' ), 'default' => 10, ), 'border_color' => array( 'type' => 'color', 'label' => __( 'Border color', 'so-widgets-bundle' ), 'default' => '#989a9c', ), 'border_style' => array( 'type' => 'select', 'label' => __( 'Border style', 'so-widgets-bundle' ), 'default' => 'solid', 'options' => array( 'none' => __( 'None', 'so-widgets-bundle' ), 'solid' => __( 'Solid', 'so-widgets-bundle' ), 'dotted' => __( 'Dotted', 'so-widgets-bundle' ), 'dashed' => __( 'Dashed', 'so-widgets-bundle' ), ) ), 'border_width' => array( 'type' => 'measurement', 'label' => __( 'Border width', 'so-widgets-bundle' ), 'default' => '1px', ), 'border_radius' => array( 'type' => 'slider', 'label' => __( 'Border rounding', 'so-widgets-bundle' ), 'default' => 3, 'max' => 50, 'min' => 0 ), 'text_color' => array( 'type' => 'color', 'label' => __( 'Text color', 'so-widgets-bundle' ), 'default' => '#5a5a5a', ), 'font_size' => array( 'type' => 'measurement', 'label' => __( 'Font size', 'so-widgets-bundle' ), 'default' => 'default', ), 'weight' => array( 'type' => 'select', 'label' => __( 'Font weight', 'so-widgets-bundle' ), 'default' => '500', 'options' => array( 'normal' => __( 'Normal', 'so-widgets-bundle' ), '500' => __( 'Semi-bold', 'so-widgets-bundle' ), 'bold' => __( 'Bold', 'so-widgets-bundle' ), ) ), 'padding' => array( 'type' => 'measurement', 'label' => __( 'Padding', 'so-widgets-bundle' ), 'default' => '10px', ), 'width' => array( 'type' => 'measurement', 'label' => __( 'Width', 'so-widgets-bundle' ), ), 'align' => array( 'type' => 'select', 'label' => __( 'Align', 'so-widgets-bundle' ), 'default' => 'left', 'options' => array( 'left' => __( 'Left', 'so-widgets-bundle' ), 'right' => __( 'Right', 'so-widgets-bundle' ), 'center' => __( 'Center', 'so-widgets-bundle' ), ) ), 'inset_highlight' => array( 'type' => 'slider', 'label' => __( 'Inset highlight', 'so-widgets-bundle' ), 'description' => __( 'The white highlight at the bottom of the button', 'so-widgets-bundle' ), 'default' => 50, 'max' => 100, 'min' => 0 ), ) ), 'focus' => array( 'type' => 'section', 'label' => __( 'Input focus', 'so-widgets-bundle' ), 'fields' => array( 'style' => array( 'type' => 'select', 'label' => __( 'Style', 'so-widgets-bundle' ), 'default' => 'solid', 'options' => array( 'dotted' => __( 'Dotted', 'so-widgets-bundle' ), 'dashed' => __( 'Dashed', 'so-widgets-bundle' ), 'solid' => __( 'Solid', 'so-widgets-bundle' ), 'double' => __( 'Double', 'so-widgets-bundle' ), 'groove' => __( 'Groove', 'so-widgets-bundle' ), 'ridge' => __( 'Ridge', 'so-widgets-bundle' ), 'inset' => __( 'Inset', 'so-widgets-bundle' ), 'outset' => __( 'Outset', 'so-widgets-bundle' ), 'none' => __( 'None', 'so-widgets-bundle' ), 'hidden' => __( 'Hidden', 'so-widgets-bundle' ), ) ), 'color' => array( 'type' => 'color', 'label' => __( 'Color', 'so-widgets-bundle' ), 'default' => 'default', ), 'width' => array( 'type' => 'measurement', 'label' => __( 'Width', 'so-widgets-bundle' ), 'default' => '1px', ), ), ), ), ), ); } function get_form_teaser() { if ( ! $this->display_siteorigin_premium_teaser() ) { return false; } $url = add_query_arg( array( 'featured_addon' => 'plugin/contact-form-fields', 'featured_plugin' => 'widgets-bundle' ), 'https://siteorigin.com/downloads/premium/' ); return sprintf( __( 'Get more form fields for the Contact Form Widget in %s', 'so-widgets-bundle' ), '' . __( 'SiteOrigin Premium', 'so-widgets-bundle' ) . '' ); } function sanitize_multiple_emails( $value ) { $values = explode( ',', $value ); foreach ( $values as $i => $email ) { $values[ $i ] = sanitize_email( $email ); } return implode( ',', $values ); } function modify_instance( $instance ) { // Use this to set up an initial version of the if ( empty( $instance['settings']['to'] ) ) { $current_user = wp_get_current_user(); $instance['settings']['to'] = $current_user->user_email; } if ( empty( $instance['settings']['from'] ) ) { $instance['settings']['from'] = get_option( 'admin_email' ); } if ( empty( $instance['fields'] ) ) { $instance['fields'] = array( array( 'type' => 'name', 'label' => __( 'Your Name', 'so-widgets-bundle' ), 'required' => array( 'required' => true, 'missing_message' => __( 'Please enter your name', 'so-widgets-bundle' ), ), ), array( 'type' => 'email', 'label' => __( 'Your Email', 'so-widgets-bundle' ), 'required' => array( 'required' => true, 'missing_message' => __( 'Please enter a valid email address', 'so-widgets-bundle' ), ), ), array( 'type' => 'subject', 'label' => __( 'Subject', 'so-widgets-bundle' ), 'required' => array( 'required' => true, 'missing_message' => __( 'Please enter a subject', 'so-widgets-bundle' ), ), ), array( 'type' => 'textarea', 'label' => __( 'Message', 'so-widgets-bundle' ), 'required' => array( 'required' => true, 'missing_message' => __( 'Please write something', 'so-widgets-bundle' ), ), ), ); } return $instance; } function get_template_variables( $instance, $args ) { unset( $instance['title'] ); unset( $instance['display_title'] ); unset( $instance['design'] ); unset( $instance['panels_info'] ); // Include '_sow_form_id' in generation of 'instance_hash' to allow multiple instances of the same form on a page. $instance_hash = md5( serialize( $instance ) ); unset( $instance['_sow_form_id'] ); $submit_attributes = array(); if ( ! empty( $instance['settings']['submit_id'] ) ) { $submit_attributes['id'] = $instance['settings']['submit_id']; } return array( 'instance_hash' => $instance_hash, 'submit_attributes' => $submit_attributes, 'onclick' => ! empty( $instance['settings']['onclick'] ) ? $instance['settings']['onclick'] : '', ); } function get_less_variables( $instance ) { if ( empty( $instance['design']['labels']['font'] ) ) { $instance['design']['labels'] = array( 'font' => '' ); } $label_font = siteorigin_widget_get_font( $instance['design']['labels']['font'] ); $field_font = siteorigin_widget_get_font( $instance['design']['fields']['font'] ); $label_position = $instance['design']['labels']['position']; if ( $label_position != 'left' && $label_position != 'right' ) { $label_position = 'default'; } $vars = array( // All the container variables. 'container_background' => $instance['design']['container']['background'], 'container_padding' => $instance['design']['container']['padding'], 'container_border_color' => $instance['design']['container']['border_color'], 'container_border_width' => $instance['design']['container']['border_width'], 'container_border_style' => $instance['design']['container']['border_style'], // Field labels 'label_font_family' => $label_font['family'], 'label_font_weight' => ! empty( $label_font['weight'] ) ? $label_font['weight'] : '', 'label_font_size' => $instance['design']['labels']['size'], 'label_font_color' => $instance['design']['labels']['color'], 'label_position' => $label_position, 'label_width' => $instance['design']['labels']['width'], 'label_align' => $instance['design']['labels']['align'], // Fields 'field_font_family' => $field_font['family'], 'field_font_weight' => ! empty( $field_font['weight'] ) ? $field_font['weight'] : '', 'field_font_size' => $instance['design']['fields']['font_size'], 'field_font_color' => $instance['design']['fields']['color'], 'field_margin' => $instance['design']['fields']['margin'], 'field_padding' => $instance['design']['fields']['padding'], 'field_height' => $instance['design']['fields']['height'], 'field_background' => $instance['design']['fields']['background'], 'field_border_color' => $instance['design']['fields']['border_color'], 'field_border_width' => $instance['design']['fields']['border_width'], 'field_border_style' => $instance['design']['fields']['border_style'], 'field_border_radius' => $instance['design']['fields']['border_radius'] . 'px', // Field descriptions 'description_font_size' => $instance['design']['descriptions']['size'], 'description_font_color' => $instance['design']['descriptions']['color'], 'description_font_style' => $instance['design']['descriptions']['style'], // The error message styles 'error_background' => $instance['design']['errors']['background'], 'error_border' => $instance['design']['errors']['border_color'], 'error_text' => $instance['design']['errors']['text_color'], 'error_padding' => $instance['design']['errors']['padding'], 'error_margin' => $instance['design']['errors']['margin'], // The submit button 'submit_background_color' => $instance['design']['submit']['background_color'], 'submit_background_gradient' => $instance['design']['submit']['background_gradient'] . '%', 'submit_border_color' => $instance['design']['submit']['border_color'], 'submit_border_style' => $instance['design']['submit']['border_style'], 'submit_border_width' => $instance['design']['submit']['border_width'], 'submit_border_radius' => $instance['design']['submit']['border_radius'] . 'px', 'submit_text_color' => $instance['design']['submit']['text_color'], 'submit_font_size' => $instance['design']['submit']['font_size'], 'submit_weight' => $instance['design']['submit']['weight'], 'submit_padding' => $instance['design']['submit']['padding'], 'submit_width' => ! empty( $instance['design']['submit']['width'] ) ? $instance['design']['submit']['width'] : '', 'submit_align' => ! empty( $instance['design']['submit']['align'] ) ? $instance['design']['submit']['align'] : '', 'submit_inset_highlight' => $instance['design']['submit']['inset_highlight'] . '%', // Input focus styles 'outline_style' => $instance['design']['focus']['style'], 'outline_color' => $instance['design']['focus']['color'], 'outline_width' => $instance['design']['focus']['width'], ); return $vars; } function get_google_font_fields( $instance ) { return array( $instance['design']['labels']['font'], $instance['design']['fields']['font'], ); } static function name_from_label( $label, & $ids ) { $it = 0; $label = str_replace( ' ', '-', strtolower( $label ) ); $label = sanitize_html_class( $label ); do { $id = $label . ( $it > 0 ? '-' . $it : '' ); $it ++; } while ( ! empty( $ids[ $id ] ) ); $ids[ $id ] = true; return $id; } /** * Render the form fields * * @param $fields * @param array $errors * @param $instance */ function render_form_fields( $fields, $errors = array(), $instance ) { $field_ids = array(); $label_position = $instance['design']['labels']['position']; $indicate_required_fields = $instance['settings']['required_field_indicator']; if ( ! empty( $indicate_required_fields ) ) { ?>
$field ) { if ( empty( $field['type'] ) ) { continue; } // Using `$instance['_sow_form_id']` to uniquely identify contact form fields across widgets. // I.e. if there are many contact form widgets on a page this will prevent field name conflicts. $field_name = $this->name_from_label( ! empty( $field['label'] ) ? $field['label'] : $i, $field_ids ) . '-' . $instance['_sow_form_id']; $field_id = 'sow-contact-form-field-' . $field_name; $value = ''; if ( ! empty( $_POST[ $field_name ] ) && wp_verify_nonce( $_POST['_wpnonce'], '_contact_form_submit' ) ) { $value = stripslashes_deep( $_POST[ $field_name ] ); } ?>