# notificationx/3.2.14/includes/Extensions/ExitIntent/ExitIntentNotification.php NotificationX – FOMO, Live Sales Notification, WooCommerce Sales Popup, GDPR, Social Proof, Announcement Banner & Floating Notification Bar, version 3.2.14. 2,284 lines. - Page: https://pluginprobe.com/plugins/notificationx/3.2.14/code/includes/Extensions/ExitIntent/ExitIntentNotification.php - Raw: https://pluginprobe.com/plugins/notificationx/3.2.14/raw/includes/Extensions/ExitIntent/ExitIntentNotification.php - Modified: 2026-08-27T12:11:04+00:00 Line numbers below start at 1. Link to a line or a range by appending a fragment to the page URL, for example `https://pluginprobe.com/plugins/notificationx/3.2.14/code/includes/Extensions/ExitIntent/ExitIntentNotification.php#L10-L20`. ```php */ public $elementor_themes = []; public function __construct() { parent::__construct(); add_action( 'init', [ $this, 'register_post_type' ] ); add_filter( 'get_edit_post_link', [ $this, 'filter_edit_post_link' ], 10, 3 ); add_filter( 'nx_filtered_post', [ $this, 'inject_elementor_html' ], 10, 2 ); add_action( 'wp_enqueue_scripts', [ $this, 'enqueue_elementor_assets' ], 20 ); add_action( 'wp_head', [ $this, 'print_section_constraint_css' ], 99 ); add_action( 'elementor/documents/register_controls', [ $this, 'register_popup_layout_controls' ] ); add_action( 'elementor/editor/after_enqueue_scripts', [ $this, 'enqueue_editor_live_preview' ] ); } /** * Print the popup section's width constraint inline in . * * Two cases: * 1. Sections that have the `nx-exit-intent-section` class baked in via the * seed JSON's css_classes setting — constrained by the first rule. * 2. The Elementor editor preview iframe loads the nx_exit_intent post * directly as its own page (body.single-nx_exit_intent). The second * rule constrains ANY section on that page, including legacy imports * made before css_classes was added to the seed JSON. */ public function print_section_constraint_css() { // Width is governed by the Layout panel's Width control via the // `--nx-exit-width` CSS variable; fall back to the historical 540px cap // when it is unset (older popups / default). $vars = ''; if ( is_singular( 'nx_exit_intent' ) ) { // Editor preview / direct view: resolve the variable from the saved // Layout-panel settings on this document. $layout = $this->get_popup_layout_settings( get_the_ID() ); if ( ! empty( $layout['width'] ) ) { $vars .= '--nx-exit-width:' . $layout['width'] . ';'; } if ( ! empty( $layout['height'] ) ) { $vars .= '--nx-exit-height:' . $layout['height'] . ';'; } } echo "\n"; } /** * Server-side: inject the Elementor-rendered HTML + a `mode` flag into the * REST payload so the React popup shell can render it. * * Runs for every campaign settings array via the `nx_filtered_post` filter; * scoped to Exit Intent campaigns that have a linked, published nx_exit_intent. */ public function inject_elementor_html( $settings, $params ) { if ( empty( $settings['source'] ) || $settings['source'] !== $this->id ) { return $settings; } $elementor_id = isset( $settings['elementor_id'] ) ? (int) $settings['elementor_id'] : 0; if ( ! $elementor_id || ! class_exists( '\\Elementor\\Plugin' ) ) { $settings['mode'] = 'built_in'; return $settings; } if ( get_post_status( $elementor_id ) !== 'publish' ) { $settings['mode'] = 'built_in'; return $settings; } // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound -- Reviewed for the NotificationX codebase: acceptable in this context. $resolved_id = apply_filters( 'wpml_object_id', $elementor_id, 'nx_exit_intent', true ); $html = \Elementor\Plugin::$instance->frontend->get_builder_content_for_display( $resolved_id, false ); // Surface the Layout-panel settings (registered in register_popup_layout_controls) // so the popup runtime can honour them, and set --nx-exit-width on a wrapper so // the section width constraint reflects the configured Width on the frontend. $layout = $this->get_popup_layout_settings( $resolved_id ); $wrapper_vars = ''; if ( ! empty( $layout['width'] ) ) { $wrapper_vars .= '--nx-exit-width:' . $layout['width'] . ';'; } if ( ! empty( $layout['height'] ) ) { $wrapper_vars .= '--nx-exit-height:' . $layout['height'] . ';'; } if ( '' !== $wrapper_vars ) { $html = '
' . $html . '
'; } $settings['mode'] = 'elementor'; $settings['elementor_html'] = $html; $settings['popup_layout'] = $layout; return $settings; } /** * Read the Layout-panel settings off an nx_exit_intent Elementor document and * normalise them into a flat array the popup runtime can consume. * * @param int $elementor_id * @return array */ protected function get_popup_layout_settings( $elementor_id ) { $defaults = [ 'width' => '', 'height_mode' => 'fit', 'height' => '', 'horizontal' => 'center', 'vertical' => 'center', 'overlay' => true, 'close_button' => true, 'entrance_animation' => '', 'exit_animation' => '', ]; if ( ! class_exists( '\\Elementor\\Plugin' ) ) { return $defaults; } $document = \Elementor\Plugin::$instance->documents->get( $elementor_id ); if ( ! $document ) { return $defaults; } $size = static function ( $value ) { if ( is_array( $value ) && isset( $value['size'] ) && '' !== $value['size'] ) { return $value['size'] . ( isset( $value['unit'] ) ? $value['unit'] : 'px' ); } return ''; }; $height_mode = $document->get_settings( 'nx_popup_height' ); // Width precedence: the Layout-panel Width control if the user set one, // otherwise the design's own top-level container width (boxed_width). // Without this, every popup falls back to the CSS 540px default, which // crushes wider designs (e.g. the two-column 896px themes). $width = $size( $document->get_settings( 'nx_popup_width' ) ); if ( '' === $width ) { $width = $this->resolve_design_width( $document ); } return [ 'width' => $width, 'height_mode' => $height_mode ? $height_mode : 'fit', 'height' => 'custom' === $height_mode ? $size( $document->get_settings( 'nx_popup_custom_height' ) ) : '', 'horizontal' => $document->get_settings( 'nx_popup_horizontal' ) ?: 'center', 'vertical' => $document->get_settings( 'nx_popup_vertical' ) ?: 'center', 'overlay' => 'yes' === $document->get_settings( 'nx_popup_overlay' ), 'close_button' => 'yes' === $document->get_settings( 'nx_popup_close_button' ), 'entrance_animation' => (string) $document->get_settings( 'nx_popup_entrance_animation' ), 'exit_animation' => (string) $document->get_settings( 'nx_popup_exit_animation' ), ]; } /** * Derive the popup's intended width from its Elementor design — the widest * px width among the top-level elements (boxed_width / width / content_width). * Used as the default popup width when no Layout-panel Width is configured, * so each design keeps its own width instead of the 540px CSS fallback. * Only top-level elements are inspected so inner column widths are ignored. * * @param \Elementor\Core\Base\Document $document * @return string e.g. "896px", or '' when no explicit px width is defined. */ protected function resolve_design_width( $document ) { if ( ! $document || ! method_exists( $document, 'get_elements_data' ) ) { return ''; } $data = $document->get_elements_data(); if ( empty( $data ) || ! is_array( $data ) ) { return ''; } $max = 0; foreach ( $data as $element ) { if ( empty( $element['settings'] ) || ! is_array( $element['settings'] ) ) { continue; } foreach ( [ 'boxed_width', 'width', 'content_width' ] as $key ) { $val = isset( $element['settings'][ $key ] ) ? $element['settings'][ $key ] : null; if ( is_array( $val ) && isset( $val['size'] ) && is_numeric( $val['size'] ) && ( ! isset( $val['unit'] ) || 'px' === $val['unit'] ) ) { $max = max( $max, (float) $val['size'] ); } } } return $max > 0 ? $max . 'px' : ''; } /** * Make sure Elementor's per-document CSS/JS is enqueued on every page where * an Exit Intent campaign can fire — get_builder_content_for_display alone * registers some assets, but not on pages other than the document's own URL. */ public function enqueue_elementor_assets() { if ( ! class_exists( '\\Elementor\\Core\\Files\\CSS\\Post' ) ) { return; } $ids = []; try { $posts = \NotificationX\Core\PostType::get_instance()->get_posts( [ 'source' => $this->id ] ); foreach ( $posts as $post ) { if ( ! empty( $post['elementor_id'] ) && empty( $post['enabled'] ) === false ) { $ids[] = (int) $post['elementor_id']; } } } catch ( \Exception $e ) { return; } foreach ( $ids as $id ) { try { $css = \Elementor\Core\Files\CSS\Post::create( $id ); if ( $css ) { $css->enqueue(); } } catch ( \Exception $e ) { // swallow — one broken doc shouldn't break the rest. } } } /** * Register the post type that backs Elementor-designed Exit Intent popups. * * Mirrors PressBar's `nx_bar`: not public, but publicly_queryable so Elementor's * preview routes resolve. `supports[]` must include `elementor` for Elementor's * documents API to treat this as a first-class document. * * @return void */ public static function register_post_type() { register_post_type( 'nx_exit_intent', [ 'label' => __( 'NotificationX Exit Intent', 'notificationx' ), 'public' => false, 'publicly_queryable' => true, 'show_ui' => false, 'show_in_menu' => true, 'show_in_nav_menus' => false, 'exclude_from_search' => true, 'rewrite' => false, 'capability_type' => 'post', 'hierarchical' => false, 'menu_icon' => 'dashicons-admin-page', 'supports' => [ 'title', 'content', 'author', 'elementor' ], ] ); } /** * Add a "Layout" section to the Elementor document-settings panel, but ONLY * for nx_exit_intent documents. Mirrors Elementor Pro's Popup → Layout panel * (Width / Height / Position / Overlay / Close Button / Animations). * * Hooked on `elementor/documents/register_controls`, which fires for every * document right after its built-in controls register. We bail for any other * post type so these controls never leak into normal pages/posts. * * Width is wired live via the `--nx-exit-width` CSS variable that * print_section_constraint_css()/inject_elementor_html() read; the remaining * controls persist into the document's page settings (`_elementor_page_settings`) * so the popup runtime can consume them. * * @param \Elementor\Core\Base\Document $document * @return void */ public function register_popup_layout_controls( $document ) { if ( ! is_object( $document ) || ! method_exists( $document, 'get_post' ) ) { return; } $post = $document->get_post(); if ( ! $post || 'nx_exit_intent' !== $post->post_type ) { return; } $cm = '\Elementor\Controls_Manager'; $document->start_controls_section( 'nx_popup_layout', [ 'label' => __( 'Layout', 'notificationx' ), 'tab' => $cm::TAB_SETTINGS, ] ); $document->add_responsive_control( 'nx_popup_width', [ 'label' => __( 'Width', 'notificationx' ), 'type' => $cm::SLIDER, 'size_units' => [ 'px', '%', 'vw' ], 'range' => [ 'px' => [ 'min' => 100, 'max' => 1140 ], '%' => [ 'min' => 10, 'max' => 100 ], 'vw' => [ 'min' => 10, 'max' => 100 ], ], // No default: when the user hasn't set a Width, the popup falls back // to the design's own container width (resolve_design_width()), not a // fixed 540px — otherwise wider designs (e.g. the 896px two-column // themes) get crushed. An explicit value here still wins. // // NOTE: no `selectors` key — Elementor silently drops document-level // controls that carry `selectors`. The value is applied server-side // via the --nx-exit-width variable in print_section_constraint_css() // (preview) and inject_elementor_html() (frontend) instead. 'default' => [ 'unit' => 'px', 'size' => '' ], ] ); $document->add_control( 'nx_popup_height', [ 'label' => __( 'Height', 'notificationx' ), 'type' => $cm::SELECT, 'default' => 'fit', 'options' => [ 'fit' => __( 'Fit To Content', 'notificationx' ), 'custom' => __( 'Custom Height', 'notificationx' ), ], ] ); $document->add_responsive_control( 'nx_popup_custom_height', [ 'label' => __( 'Custom Height', 'notificationx' ), 'type' => $cm::SLIDER, 'size_units' => [ 'px', 'vh' ], 'range' => [ 'px' => [ 'min' => 100, 'max' => 1000 ], 'vh' => [ 'min' => 10, 'max' => 100 ], ], 'default' => [ 'unit' => 'px', 'size' => 480 ], 'condition' => [ 'nx_popup_height' => 'custom' ], // No `selectors` (see nx_popup_width note); applied via --nx-exit-height. ] ); $document->add_control( 'nx_popup_position_heading', [ 'label' => __( 'Position', 'notificationx' ), 'type' => $cm::HEADING, 'separator' => 'before', ] ); $document->add_responsive_control( 'nx_popup_horizontal', [ 'label' => __( 'Horizontal', 'notificationx' ), 'type' => $cm::CHOOSE, 'default' => 'center', 'options' => [ 'start' => [ 'title' => __( 'Start', 'notificationx' ), 'icon' => 'eicon-h-align-left' ], 'center' => [ 'title' => __( 'Center', 'notificationx' ), 'icon' => 'eicon-h-align-center' ], 'end' => [ 'title' => __( 'End', 'notificationx' ), 'icon' => 'eicon-h-align-right' ], ], ] ); $document->add_responsive_control( 'nx_popup_vertical', [ 'label' => __( 'Vertical', 'notificationx' ), 'type' => $cm::CHOOSE, 'default' => 'center', 'options' => [ 'start' => [ 'title' => __( 'Top', 'notificationx' ), 'icon' => 'eicon-v-align-top' ], 'center' => [ 'title' => __( 'Middle', 'notificationx' ), 'icon' => 'eicon-v-align-middle' ], 'end' => [ 'title' => __( 'Bottom', 'notificationx' ), 'icon' => 'eicon-v-align-bottom' ], ], ] ); $document->add_control( 'nx_popup_overlay', [ 'label' => __( 'Overlay', 'notificationx' ), 'type' => $cm::SWITCHER, 'label_on' => __( 'Show', 'notificationx' ), 'label_off' => __( 'Hide', 'notificationx' ), 'return_value' => 'yes', 'default' => 'yes', 'separator' => 'before', ] ); $document->add_control( 'nx_popup_close_button', [ 'label' => __( 'Close Button', 'notificationx' ), 'type' => $cm::SWITCHER, 'label_on' => __( 'Show', 'notificationx' ), 'label_off' => __( 'Hide', 'notificationx' ), 'return_value' => 'yes', 'default' => 'yes', ] ); $document->add_control( 'nx_popup_entrance_animation', [ 'label' => __( 'Entrance Animation', 'notificationx' ), 'type' => $cm::ANIMATION, 'separator' => 'before', ] ); $document->add_control( 'nx_popup_exit_animation', [ 'label' => __( 'Exit Animation', 'notificationx' ), 'type' => $cm::EXIT_ANIMATION, ] ); $document->end_controls_section(); } /** * Live-preview bridge for the Layout panel inside the Elementor editor. * * Document-level controls can't carry a `selectors` key (Elementor drops * them), so Width/Height don't get Elementor's built-in live CSS injection. * This registers page-settings change callbacks that write the * `--nx-exit-width` / `--nx-exit-height` variables straight onto the preview * iframe's as the slider moves — so changes reflect instantly instead * of only after a reload. * * Scoped to nx_exit_intent documents only. * * @return void */ public function enqueue_editor_live_preview() { if ( ! class_exists( '\\Elementor\\Plugin' ) ) { return; } $post_id = \Elementor\Plugin::$instance->editor->get_post_id(); if ( ! $post_id || 'nx_exit_intent' !== get_post_type( $post_id ) ) { return; } $js = <<<'JS' ( function ( $ ) { function toCss( value ) { if ( value && '' !== value.size && null != value.size ) { return value.size + ( value.unit || 'px' ); } return ''; } function previewBody() { var frame = elementor.$preview && elementor.$preview[0]; var win = frame && frame.contentWindow; return win && win.document ? win.document.body : null; } function applyVar( name, value ) { var body = previewBody(); if ( ! body ) { return; } var css = toCss( value ); if ( css ) { body.style.setProperty( name, css ); } else { body.style.removeProperty( name ); } } $( window ).on( 'elementor:init', function () { if ( 'undefined' === typeof elementor || ! elementor.settings || ! elementor.settings.page ) { return; } elementor.settings.page.addChangeCallback( 'nx_popup_width', function ( value ) { applyVar( '--nx-exit-width', value ); } ); elementor.settings.page.addChangeCallback( 'nx_popup_custom_height', function ( value ) { applyVar( '--nx-exit-height', value ); } ); } ); } )( jQuery ); JS; wp_add_inline_script( 'elementor-editor', $js ); } /** * Create a new `nx_exit_intent` Elementor document from a seed theme and * respond to the admin with the new post ID + Elementor edit URL. * * Counterpart of PressBar::create_bar_of_type_bar_with_elementor(). * * @param array $params { theme_id: string } * @return void Always responds via wp_send_json_{success,error}. */ public function create_exit_intent_with_elementor( $params ) { if ( empty( $params['theme_id'] ) ) { wp_send_json_error( 'missing_theme_id' ); } $theme = sanitize_text_field( $params['theme_id'] ); $importer = new Importer(); $ID = $importer->create_nx( [ 'theme' => $theme, 'post_title' => 'Design for NotificationX Exit Intent - ', ] ); if ( $ID && ! is_wp_error( $ID ) ) { // Strip theme chrome — popup HTML inlines into the host page. update_post_meta( $ID, '_wp_page_template', 'elementor_canvas' ); wp_send_json_success( [ 'context' => [ 'themes' => null, 'elementor_id' => $ID, 'elementor_edit_link' => \Elementor\Plugin::$instance->documents->get( $ID )->get_edit_url(), ], ] ); } else { wp_send_json_error( is_wp_error( $ID ) ? $ID->get_error_message() : 'failed' ); } } /** * Delete the linked `nx_exit_intent` Elementor post (and its WPML translations). * * @param int|string $elementor_id * @return void */ public function delete_elementor_post( $elementor_id ) { if ( empty( $elementor_id ) ) { return; } // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound -- Reviewed for the NotificationX codebase: acceptable in this context. $languages = apply_filters( 'wpml_active_languages', null ); if ( is_array( $languages ) ) { foreach ( $languages as $lang => $val ) { // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound -- Reviewed for the NotificationX codebase: acceptable in this context. $translated_id = apply_filters( 'wpml_object_id', $elementor_id, 'nx_exit_intent', false, $lang ); if ( $translated_id ) { Helper::delete_owned_post( $translated_id, 'nx_exit_intent' ); } } return; } Helper::delete_owned_post( $elementor_id, 'nx_exit_intent' ); } /** * Redirect WP "Edit" links for nx_exit_intent posts straight into the Elementor editor. * * @param string $link * @param int $id * @param string $context * @return string */ public function filter_edit_post_link( $link, $id, $context ) { $post = get_post( $id ); if ( $post && 'nx_exit_intent' === $post->post_type && class_exists( '\\Elementor\\Plugin' ) ) { return \Elementor\Plugin::$instance->documents->get( $id )->get_edit_url(); } return $link; } public function init_extension() { $this->title = __( 'Exit Intent Popup', 'notificationx' ); $this->module_title = __( 'Exit Intent Popup', 'notificationx' ); $this->themes = [ 'theme-one' => [ 'source' => NOTIFICATIONX_ADMIN_URL . 'images/extensions/themes/exit-intent/exit-intent-theme-one.png', 'defaults' => [ 'exit_intent_title' => __( 'Wait! Before You Go……', 'notificationx' ), 'exit_intent_subtitle' => __( "We'd love to get your feedback and help us make this better for everyone.", 'notificationx' ), 'exit_intent_button_text' => __( 'SUBMIT', 'notificationx' ), // 'exit_intent_show_name' => true, // 'exit_intent_show_email' => true, 'exit_intent_name_label' => __( 'Name *', 'notificationx' ), 'exit_intent_email_label' => __( 'Enter Your Email *', 'notificationx' ), // 'exit_intent_show_message' => false, 'exit_intent_message_placeholder' => __( 'Your message...', 'notificationx' ), 'position' => 'center', ], 'column' => '5', ], 'theme-four' => [ 'source' => NOTIFICATIONX_ADMIN_URL . 'images/extensions/themes/exit-intent/exit-intent-theme-four.png', 'defaults' => [ 'exit_intent_t4_badge' => __( 'Before you go...', 'notificationx' ), 'exit_intent_t4_title' => __( 'Watch this short demo video', 'notificationx' ), 'exit_intent_t4_subtitle' => __( 'See how our product simplifies your workflow.', 'notificationx' ), 'exit_intent_image_url' => [ 'url' => 'https://notificationx.com/wp-content/uploads/2026/05/exit-intend-theme-four.jpg' ], 'exit_intent_t4_video_url' => '', 'position' => 'center', ], 'column' => '5', ], 'theme-three' => [ 'source' => NOTIFICATIONX_ADMIN_URL . 'images/extensions/themes/exit-intent/exit-intent-theme-three.png', 'defaults' => [ 'exit_intent_t3_title' => __( "Wait, don't go!", 'notificationx' ), 'exit_intent_t3_subtitle' => __( 'Before you leave, we have a special offer just for you!', 'notificationx' ), 'exit_intent_t3_offer' => __( 'Get 15% off your next purchase!', 'notificationx' ), 'exit_intent_t3_coupon_text' => __( "Use code STAY15 at checkout. Don't miss out on this limited-time offer.", 'notificationx' ), 'exit_intent_button_text' => __( 'Claim Offer', 'notificationx' ), 'exit_intent_dismiss_text' => __( 'No, thanks!', 'notificationx' ), 'exit_intent_image_url' => [ 'url' => 'https://notificationx.com/wp-content/uploads/2026/05/exit-intend-theme-three.png' ], 'position' => 'center', ], 'column' => '5', ], 'theme-six' => [ 'source' => NOTIFICATIONX_ADMIN_URL . 'images/extensions/themes/exit-intent/exit-intent-theme-seven.png', 'defaults' => [ 'exit_intent_t6_title' => __( 'Limited Edition Bass Boost Headphones', 'notificationx' ), // 'exit_intent_t6_show_timer' => true, 'exit_intent_t6_countdown_label' => __( 'Offer Ends In', 'notificationx' ), 'exit_intent_countdown_end' => '', 'exit_intent_t6_days_label' => __( 'DAYS', 'notificationx' ), 'exit_intent_t6_hours_label' => __( 'HOURS', 'notificationx' ), 'exit_intent_t6_minutes_label' => __( 'MIN', 'notificationx' ), 'exit_intent_t6_seconds_label' => __( 'SEC', 'notificationx' ), 'exit_intent_button_text' => __( 'Grab Now', 'notificationx' ), 'exit_intent_image_url' => [ 'url' => 'https://notificationx.com/wp-content/uploads/2026/05/exit-intend-theme-six.png' ], 'position' => 'center', ], 'column' => '5', 'is_pro' => true, ], 'theme-two' => [ 'source' => NOTIFICATIONX_ADMIN_URL . 'images/extensions/themes/exit-intent/exit-intent-theme-two.png', 'defaults' => [ 'exit_intent_sale_badge' => __( 'Flash Sale', 'notificationx' ), 'exit_intent_sale_headline' => __( '50% OFF', 'notificationx' ), 'exit_intent_sale_desc' => __( 'ON ENTIRE ORDER', 'notificationx' ), 'exit_intent_button_text' => __( 'Shop The Flash Sale Now', 'notificationx' ), 'exit_intent_dismiss_text' => __( 'NO, THANKS!', 'notificationx' ), 'exit_intent_image_url' => [ 'url' => 'https://notificationx.com/wp-content/uploads/2026/05/exit-intend-theme-two.jpg' ], 'position' => 'center', ], 'column' => '5', 'is_pro' => true, ], 'theme-seven' => [ 'source' => NOTIFICATIONX_ADMIN_URL . 'images/extensions/themes/exit-intent/exit-intent-theme-six.png', 'defaults' => [ 'exit_intent_t7_headline' => __( 'Turn Your House Into a Home', 'notificationx' ), 'exit_intent_t7_discount_text' => __( 'Your First Order Comes With a Surprise Deal!', 'notificationx' ), 'exit_intent_t7_description' => __( 'Handpicked decor that feels like home the moment it arrives.', 'notificationx' ), 'exit_intent_t7_email_placeholder' => __( 'Enter your email', 'notificationx' ), 'exit_intent_button_text' => __( 'SEND COUPON', 'notificationx' ), 'exit_intent_image_url' => [ 'url' => 'https://notificationx.com/wp-content/uploads/2026/05/exit-intend-theme-five.png' ], 'position' => 'center', ], 'column' => '5', 'is_pro' => true, ], 'theme-five' => [ 'source' => NOTIFICATIONX_ADMIN_URL . 'images/extensions/themes/exit-intent/exit-intent-theme-five.png', 'defaults' => [ 'exit_intent_t5_title' => __( 'Flash Sale', 'notificationx' ), 'exit_intent_t5_headline' => __( '50% OFF', 'notificationx' ), 'exit_intent_t5_desc' => __( 'ON ENTIRE ORDER', 'notificationx' ), 'exit_intent_t5_countdown_label' => __( 'LIMITED-TIME OFFER! SALE ENDS IN', 'notificationx' ), 'exit_intent_countdown_end' => '', 'exit_intent_t5_days_label' => __( 'DAYS', 'notificationx' ), 'exit_intent_t5_hours_label' => __( 'HRS', 'notificationx' ), 'exit_intent_t5_minutes_label' => __( 'MIN', 'notificationx' ), 'exit_intent_t5_seconds_label' => __( 'SEC', 'notificationx' ), 'exit_intent_t5_timer_bg' => '#fff0f5', 'exit_intent_t5_timer_color' => '#e91e63', 'exit_intent_button_text' => __( 'Shop The Flash Sale Now', 'notificationx' ), 'exit_intent_dismiss_text' => __( 'NO, THANKS!', 'notificationx' ), 'exit_intent_image_url' => [ 'url' => 'https://notificationx.com/wp-content/uploads/2026/05/exit-intend-theme-six.jpg' ], 'position' => 'center', ], 'column' => '5', 'is_pro' => true, ], ]; // Elementor seed themes for the "Build With Elementor" modal. // Each entry has a matching JSON file under jsons/{value}.json (Task 07). // Preview images live under assets/admin/images/extensions/themes/exit-intent-elementor/. // Until per-theme Elementor previews are rendered, we fall back to the existing // built-in screenshots so the modal renders with a real image. // Order intentionally mirrors the built-in $themes preset order above // (one, four, three, six, two, seven, five) so the Elementor modal lists // the same designs in the same sequence as the Default-theme picker. // // Unlike $themes (processed by Extension::__nx_themes), this array is fed // straight to the radio-card field, so we must resolve the pro badge here: // only flag a theme as pro when the Pro plugin is NOT active. $is_pro_badge = ! NotificationX::is_pro(); $this->elementor_themes = [ 'theme-one' => [ 'label' => 'theme-one', 'value' => 'theme-one', 'icon' => NOTIFICATIONX_ADMIN_URL . 'images/extensions/themes/exit-intent/exit-intent-theme-one.png', 'column' => '6', 'title' => 'Exit Intent Theme One', ], 'theme-four' => [ 'label' => 'theme-four', 'value' => 'theme-four', 'icon' => NOTIFICATIONX_ADMIN_URL . 'images/extensions/themes/exit-intent/exit-intent-theme-four.png', 'column' => '6', 'title' => 'Exit Intent Theme Four', ], 'theme-three' => [ 'label' => 'theme-three', 'value' => 'theme-three', 'icon' => NOTIFICATIONX_ADMIN_URL . 'images/extensions/themes/exit-intent/exit-intent-theme-three.png', 'column' => '6', 'title' => 'Exit Intent Theme Three', ], 'theme-six' => [ 'label' => 'theme-six', 'value' => 'theme-six', 'icon' => NOTIFICATIONX_ADMIN_URL . 'images/extensions/themes/exit-intent/exit-intent-theme-six.png', 'column' => '6', 'title' => 'Exit Intent Theme Six', 'is_pro' => $is_pro_badge, ], 'theme-two' => [ 'label' => 'theme-two', 'value' => 'theme-two', 'icon' => NOTIFICATIONX_ADMIN_URL . 'images/extensions/themes/exit-intent/exit-intent-theme-two.png', 'column' => '6', 'title' => 'Exit Intent Theme Two', 'is_pro' => $is_pro_badge, ], 'theme-seven' => [ 'label' => 'theme-seven', 'value' => 'theme-seven', 'icon' => NOTIFICATIONX_ADMIN_URL . 'images/extensions/themes/exit-intent/exit-intent-theme-seven.png', 'column' => '6', 'title' => 'Exit Intent Theme Seven', 'is_pro' => $is_pro_badge, ], 'theme-five' => [ 'label' => 'theme-five', 'value' => 'theme-five', 'icon' => NOTIFICATIONX_ADMIN_URL . 'images/extensions/themes/exit-intent/exit-intent-theme-five.png', 'column' => '6', 'title' => 'Exit Intent Theme Five', 'is_pro' => $is_pro_badge, ], ]; } public function init_fields() { parent::init_fields(); add_filter( 'nx_content_fields', [ $this, 'content_fields' ], 999 ); add_filter( 'nx_design_tab_fields', [ $this, 'design_fields' ], 99 ); add_filter( 'nx_design_tab_fields', [ $this, 'builder_tabs_fields' ], 100 ); add_filter( 'nx_customize_fields', [ $this, 'customize_fields' ], 999 ); add_filter( 'nx_display_fields', [ $this, 'display_fields' ], 999 ); // Hide per-theme content sections when an Elementor doc is linked (Task 06). // We deliberately do NOT hide the themes radio-card itself — keeping it // visible on the Default tab lets users switch back to a built-in theme // after they've imported an Elementor design. add_filter( 'nx_content_fields', [ $this, 'suppress_when_elementor' ], 1001 ); // Hide the whole Content wizard step when an Elementor design is linked — // suppress_when_elementor() empties every content section in that case, so // the step would otherwise render as a blank tab. add_filter( 'nx_metabox_tabs', [ $this, 'hide_content_tab_for_elementor' ] ); } /** * Remove the Content step from the wizard for Exit Intent campaigns that are * built with Elementor. Elementor owns all of the popup's content there (every * `exit_intent_*_section` is suppressed by suppress_when_elementor()), leaving * the Content tab empty. Built-in themes keep the Content step, and all other * sources are untouched. * * The tab stays visible UNLESS (source is Exit Intent AND elementor_id is a * number), expressed below as the OR'd "show when" rule. */ public function hide_content_tab_for_elementor( $tabs ) { if ( empty( $tabs['content_tab'] ) ) { return $tabs; } $show_rule = Rules::_logicalRule( [ Rules::_is( 'source', $this->id, true ), Rules::_isOfType( 'elementor_id', 'number', true ), ], 'or' ); $tabs['content_tab'] = Rules::add( $show_rule, $tabs['content_tab'] ); return $tabs; } /** * Hide every per-theme content section once an Elementor design is linked. * Elementor owns all of these fields; showing them would let users edit * values with no visible effect on the rendered popup. */ public function suppress_when_elementor( $fields ) { foreach ( $fields as $key => $field ) { if ( strpos( $key, 'exit_intent_' ) === 0 && substr( $key, -8 ) === '_section' ) { $fields[ $key ] = Rules::isOfType( 'elementor_id', 'number', true, $field ); } } return $fields; } /** * @deprecated Kept for back-compat only; the filter that called this has * been removed so the themes radio stays visible on the Default tab even * when an Elementor design is linked (lets users switch back). */ public function suppress_themes_radio( $fields ) { if ( ! isset( $fields['themes']['fields']['themes']['rules'] ) ) { return $fields; } $existing = $fields['themes']['fields']['themes']['rules']; // Additional clause: either we're NOT on Exit Intent (so this rule // shouldn't change anything for other sources), OR elementor_id is // not yet set. Combined via AND with the existing tab-gate so other // sources (e.g. PressBar) keep their tab-based hiding intact. $additional = Rules::logicalRule( [ Rules::is( 'source', $this->id, true ), Rules::isOfType( 'elementor_id', 'number', true ), ], 'or' ); $fields['themes']['fields']['themes']['rules'] = Rules::logicalRule( [ $existing, $additional, ], 'and' ); return $fields; } /** * Restructures the Themes section into two tabs: * 1. Default — original 7 React themes grid (the `themes` radio-card, * already gated to themes_tab='for_desktop' in GlobalFields). * 2. Custom — Build With Elementor button + modal, plus Edit/Remove * and Install fallback after a doc is linked. * * Matches Notification Bar's Default/Custom tab structure. */ public function builder_tabs_fields( $fields ) { if ( empty( $fields['themes']['fields']['themes_section']['fields']['themes_tab']['fields'] ) ) { return $fields; } $tab =& $fields['themes']['fields']['themes_section']['fields']['themes_tab']['fields']; // Hide the global "For Desktop" / "For Mobile" tabs for Exit Intent only — we // ship our own Default + Custom tabs below. foreach ( [ 'for_desktop', 'for_mobile' ] as $key ) { if ( isset( $tab[ $key ] ) ) { $tab[ $key ] = Rules::is( 'source', $this->id, true, $tab[ $key ] ); } } // Expand the global themes radio-card so it ALSO renders when our new // Default tab is active. Without this, the radio would never appear for // Exit Intent — its existing rule is hard-coded to themes_tab='for_desktop'. if ( isset( $fields['themes']['fields']['themes'] ) ) { $fields['themes']['fields']['themes']['rules'] = Rules::logicalRule( [ Rules::is( 'themes_tab', 'for_desktop' ), Rules::is( 'themes_tab', 'exit_intent_default_tab' ), ], 'or' ); } $is_installed = Helper::is_plugin_installed( 'elementor/elementor.php' ); $install_activate_text = $is_installed ? __( 'Activate Elementor', 'notificationx' ) : __( 'Install Elementor', 'notificationx' ); // Default tab — unique name (no collision with global for_desktop). $tab[] = [ 'label' => __( 'Default', 'notificationx' ), 'name' => 'exit_intent_default_tab', 'id' => 'exit_intent_default_tab', 'type' => 'section', 'icon' => NOTIFICATIONX_ADMIN_URL . 'images/icons/nxbar-presets-icon.svg', 'rules' => Rules::is( 'source', $this->id ), ]; // The Custom tab — only renders for Exit Intent campaigns. $tab[] = [ 'label' => __( 'Custom', 'notificationx' ), 'name' => 'exit_intent_custom_tab', 'id' => 'exit_intent_custom_tab', 'type' => 'section', 'icon' => NOTIFICATIONX_ADMIN_URL . 'images/icons/nxbar-custom-tab.svg', 'rules' => Rules::is( 'source', $this->id ), 'fields' => [ // Preview image / empty-state illustration (reuses NxBarPresets). 'exit_intent_custom_preview' => [ 'name' => 'exit_intent_custom_preview', 'type' => 'exit-intent-custom', 'label' => __( 'Exit Intent', 'notificationx' ), 'priority' => 5, ], // Edit With Elementor — shown when an Elementor doc is linked. 'elementor_edit_link' => [ 'name' => 'elementor_edit_link', 'type' => 'button', 'text' => __( 'Edit With Elementor', 'notificationx' ), 'href' => -1, 'priority' => 10, 'target' => '_blank', 'rules' => Rules::logicalRule( [ Rules::is( 'elementor_edit_link', false, true ), Rules::isOfType( 'elementor_edit_link', 'string' ), Rules::is( 'elementor_id', false, true ), ] ), ], // Remove — deletes the Elementor doc and resets state. 'nx-exit-intent_with_elementor-remove' => [ 'name' => 'nx-exit-intent_with_elementor-remove', 'type' => 'button', 'text' => __( 'Remove', 'notificationx' ), 'priority' => 15, 'rules' => Rules::logicalRule( [ Rules::is( 'elementor_id', false, true ), Rules::is( 'is_elementor', true ), Rules::is( 'source', $this->id ), ] ), 'ajax' => [ 'on' => 'click', 'api' => '/notificationx/v1/exit-intent/elementor/remove', 'data' => [ 'elementor_id' => '@elementor_id' ], 'hideSwal' => true, ], 'trigger' => [ [ 'type' => 'setFieldValue', 'action' => [ 'elementor_id' => false, 'elementor_edit_link' => '', 'elementor_exit_theme' => 'theme-one', 'is_confirmed' => false, 'themes' => $this->id . '_theme-one', ], ], ], ], // Build With Elementor — modal with seed-theme picker. 'nx-exit-intent_with_elementor' => [ 'name' => 'nx-exit-intent_with_elementor', 'type' => 'modal', 'priority' => 20, 'button' => [ 'name' => 'build_with_elementor', 'text' => __( 'Build With Elementor', 'notificationx' ), 'trigger' => [ [ 'type' => 'setFieldValue', 'action' => [ 'import_elementor_theme' => false ], ], ], ], 'confirm_button' => [ 'type' => 'button', 'name' => 'import_elementor_theme', 'group' => true, 'fields' => [ [ 'type' => 'button', 'name' => 'import_elementor_theme', 'default' => false, 'text' => [ 'normal' => __( 'Import', 'notificationx' ), 'saved' => __( 'Import', 'notificationx' ), 'loading' => __( 'Importing...', 'notificationx' ), ], 'ajax' => [ 'on' => 'click', 'api' => '/notificationx/v1/exit-intent/elementor/import', 'data' => [ 'theme_id' => '@elementor_exit_theme' ], 'trigger' => '@is_confirmed:true', 'hideSwal' => true, ], 'rules' => Rules::is( 'is_confirmed', true, true ), ], [ 'type' => 'button', 'name' => 'import_elementor_theme_next', 'default' => false, 'text' => __( 'Next', 'notificationx' ), 'rules' => Rules::is( 'is_confirmed', true ), 'trigger' => [ [ 'type' => 'setContext', 'action' => [ 'config.active' => 'display_tab' ], ], [ 'type' => 'setFieldValue', 'action' => [ 'import_elementor_theme_next' => true ], ], ], ], ], ], 'cancel' => 'import_elementor_theme_next', 'body' => [ 'header' => __( 'Choose Your ', 'notificationx' ), 'fields' => [ 'themes' => [ 'type' => 'radio-card', 'name' => 'elementor_exit_theme', 'style' => [ 'label' => [ 'position' => 'top' ] ], 'rules' => Rules::is( 'is_confirmed', true, true ), 'default' => 'theme-one', 'options' => $this->elementor_themes, ], ], ], 'rules' => Rules::logicalRule( [ Rules::is( 'elementor_id', false ), Rules::is( 'is_elementor', true ), Rules::is( 'is_confirmed', true, true ), Rules::is( 'source', $this->id ), ] ), ], // Install / Activate Elementor — fallback when Elementor isn't active. 'nx-exit-intent_with_elementor_install' => [ 'name' => 'nx-exit-intent_with_elementor_install', 'type' => 'button', 'priority' => 25, 'text' => [ 'normal' => $install_activate_text, 'saved' => $is_installed ? __( 'Activated Elementor', 'notificationx' ) : __( 'Installed Elementor', 'notificationx' ), 'loading' => $is_installed ? __( 'Activating Elementor...', 'notificationx' ) : __( 'Installing Elementor...', 'notificationx' ), ], 'rules' => Rules::logicalRule( [ Rules::is( 'is_elementor', false ), Rules::is( 'source', $this->id ), ] ), 'ajax' => [ 'on' => 'click', 'api' => '/notificationx/v1/core-install', 'data' => [ 'source' => $this->id, 'slug' => 'elementor', 'file' => 'elementor.php', 'is_installed' => $is_installed, ], 'swal' => [ 'icon' => 'success', 'text' => __( 'Successfully Activated', 'notificationx' ), ], 'trigger' => '@is_elementor:true', ], ], // Hidden state fields (Task 05). 'is_elementor' => [ 'name' => 'is_elementor', 'type' => 'hidden', 'default' => class_exists( '\\Elementor\\Plugin' ), 'rules' => Rules::is( 'source', $this->id ), ], 'elementor_id' => [ 'name' => 'elementor_id', 'type' => 'hidden', 'default' => false, 'rules' => Rules::is( 'source', $this->id ), ], 'is_confirmed' => [ 'name' => 'is_confirmed', 'type' => 'hidden', 'default' => false, ], ], ]; // Build With AI tab — Pro feature. Free plugin only registers the tab // shell + field type; the Pro plugin supplies the actual builder via // the `nx_build_ai_render` filter (see PressBar's `nxbar_build_with_ai` // for the same pattern already shipped for Notification Bar). $tab[] = [ 'label' => __( 'Build With AI', 'notificationx' ), 'name' => 'exit_intent_ai_tab', 'id' => 'exit_intent_ai_tab', 'type' => 'section', 'icon' => NOTIFICATIONX_ADMIN_URL . 'images/icons/build-with-ai-icon.svg', 'rules' => Rules::is( 'source', $this->id ), 'fields' => [ 'exit_intent_ai_tab' => [ 'label' => __( 'Build With AI', 'notificationx' ), 'name' => 'exit_intent_ai_tab', 'id' => 'exit_intent_ai_tab', 'type' => 'section', 'icon' => NOTIFICATIONX_ADMIN_URL . 'images/responsive/desktop.svg', 'fields' => [ 'exit_intent_ai_tab_fields' => [ 'name' => 'exit_intent_ai_tab_fields', 'type' => 'exit-intent-build_with_ai', 'label' => __( 'Exit Intent', 'notificationx' ), 'priority' => 10, ], ], ], ], ]; return $fields; } public function display_fields( $fields ) { if ( isset( $fields['image-section'] ) ) { $fields['image-section'] = Rules::is( 'source', $this->id, true, $fields['image-section'] ); } return $fields; } public function content_fields( $fields ) { // Hide standard content fields for this source if ( isset( $fields['utm_options'] ) ) { $fields['utm_options'] = Rules::is( 'source', $this->id, true, $fields['utm_options'] ); } if ( isset( $fields['content'] ) ) { $fields['content'] = Rules::is( 'source', $this->id, true, $fields['content'] ); } if ( isset( $fields['link_options'] ) ) { $fields['link_options'] = Rules::is( 'source', $this->id, true, $fields['link_options'] ); } // ── Theme Two content fields ───────────────────────────────────────────── $fields['exit_intent_theme_two_section'] = [ 'label' => __( 'Exit Intent Content', 'notificationx' ), 'name' => 'exit_intent_theme_two_section', 'type' => 'section', 'priority' => 5, 'rules' => Rules::logicalRule( [ Rules::is( 'source', $this->id ), Rules::is( 'themes', $this->id . '_theme-two' ), ] ), 'fields' => [ [ 'label' => __( 'Right Panel Image', 'notificationx' ), 'name' => 'exit_intent_image_url', 'type' => 'media', 'priority' => 5, 'default' => [ 'url' => 'https://notificationx.com/wp-content/uploads/2026/05/exit-intend-theme-two-five-seven.jpg', ], 'help' => __( 'Upload or select the image to display in the right panel.', 'notificationx' ), ], [ 'label' => __( 'Sale Badge Text', 'notificationx' ), 'name' => 'exit_intent_sale_badge', 'type' => 'text', 'priority' => 10, 'default' => __( 'Flash Sale', 'notificationx' ), ], [ 'label' => __( 'Sale Headline', 'notificationx' ), 'name' => 'exit_intent_sale_headline', 'type' => 'text', 'priority' => 20, 'default' => __( '50% OFF', 'notificationx' ), ], [ 'label' => __( 'Sale Description', 'notificationx' ), 'name' => 'exit_intent_sale_desc', 'type' => 'text', 'priority' => 30, 'default' => __( 'ON ENTIRE ORDER', 'notificationx' ), ], [ 'label' => __( 'Button Text', 'notificationx' ), 'name' => 'exit_intent_button_text', 'type' => 'text', 'priority' => 60, 'default' => __( 'Shop The Flash Sale Now', 'notificationx' ), ], [ 'label' => __( 'Button URL', 'notificationx' ), 'name' => 'exit_intent_button_url', 'type' => 'text', 'priority' => 61, 'default' => '', 'help' => __( 'Where the CTA button sends visitors. Leave empty to just dismiss the popup.', 'notificationx' ), ], [ 'label' => __( 'Open in New Tab', 'notificationx' ), 'name' => 'exit_intent_button_new_tab', 'type' => 'toggle', 'priority' => 62, 'default' => true, ], [ 'label' => __( 'Dismiss Link Text', 'notificationx' ), 'name' => 'exit_intent_dismiss_text', 'type' => 'text', 'priority' => 70, 'default' => __( 'NO, THANKS!', 'notificationx' ), ], ], ]; // ── Theme Three content fields ──────────────────────────────────────────── $fields['exit_intent_theme_three_section'] = [ 'label' => __( 'Exit Intent Content', 'notificationx' ), 'name' => 'exit_intent_theme_three_section', 'type' => 'section', 'priority' => 5, 'rules' => Rules::logicalRule( [ Rules::is( 'source', $this->id ), Rules::is( 'themes', $this->id . '_theme-three' ), ] ), 'fields' => [ [ 'label' => __( 'Character Image', 'notificationx' ), 'name' => 'exit_intent_image_url', 'type' => 'media', 'priority' => 5, 'default' => [ 'url' => 'https://notificationx.com/wp-content/uploads/2026/05/exit-intend-theme-three.png', ], 'help' => __( 'Upload or select a character/illustration image. It will appear above the popup card.', 'notificationx' ), ], [ 'label' => __( 'Headline', 'notificationx' ), 'name' => 'exit_intent_t3_title', 'type' => 'text', 'priority' => 10, 'default' => __( "Wait, don't go!", 'notificationx' ), ], [ 'label' => __( 'Subtitle', 'notificationx' ), 'name' => 'exit_intent_t3_subtitle', 'type' => 'text', 'priority' => 20, 'default' => __( 'Before you leave, we have a special offer just for you!', 'notificationx' ), ], [ 'label' => __( 'Offer Text', 'notificationx' ), 'name' => 'exit_intent_t3_offer', 'type' => 'text', 'priority' => 30, 'default' => __( 'Get 15% off your next purchase!', 'notificationx' ), ], [ 'label' => __( 'Coupon / Details Text', 'notificationx' ), 'name' => 'exit_intent_t3_coupon_text', 'type' => 'text', 'priority' => 40, 'default' => __( "Use code STAY15 at checkout. Don't miss out on this limited-time offer.", 'notificationx' ), ], [ 'label' => __( 'Button Text', 'notificationx' ), 'name' => 'exit_intent_button_text', 'type' => 'text', 'priority' => 50, 'default' => __( 'Claim Offer', 'notificationx' ), ], [ 'label' => __( 'Button URL', 'notificationx' ), 'name' => 'exit_intent_button_url', 'type' => 'text', 'priority' => 51, 'default' => '', 'help' => __( 'Where the CTA button sends visitors. Leave empty to just dismiss the popup.', 'notificationx' ), ], [ 'label' => __( 'Open in New Tab', 'notificationx' ), 'name' => 'exit_intent_button_new_tab', 'type' => 'toggle', 'priority' => 52, 'default' => true, ], [ 'label' => __( 'Dismiss Link Text', 'notificationx' ), 'name' => 'exit_intent_dismiss_text', 'type' => 'text', 'priority' => 60, 'default' => __( 'No, thanks!', 'notificationx' ), ], ], ]; // ── Theme Four content fields ───────────────────────────────────────────── $fields['exit_intent_theme_four_section'] = [ 'label' => __( 'Exit Intent Content', 'notificationx' ), 'name' => 'exit_intent_theme_four_section', 'type' => 'section', 'priority' => 5, 'rules' => Rules::logicalRule( [ Rules::is( 'source', $this->id ), Rules::is( 'themes', $this->id . '_theme-four' ), ] ), 'fields' => [ [ 'label' => __( 'Video Thumbnail', 'notificationx' ), 'name' => 'exit_intent_image_url', 'type' => 'media', 'priority' => 5, 'default' => [ 'url' => 'https://notificationx.com/wp-content/uploads/2026/05/exit-intend-theme-four.jpg', ], 'help' => __( 'Upload or select the video thumbnail/preview image.', 'notificationx' ), ], [ 'label' => __( 'Badge Text', 'notificationx' ), 'name' => 'exit_intent_t4_badge', 'type' => 'text', 'priority' => 10, 'default' => __( 'Before you go...', 'notificationx' ), ], [ 'label' => __( 'Headline', 'notificationx' ), 'name' => 'exit_intent_t4_title', 'type' => 'text', 'priority' => 20, 'default' => __( 'Watch this short demo video', 'notificationx' ), ], [ 'label' => __( 'Subtitle', 'notificationx' ), 'name' => 'exit_intent_t4_subtitle', 'type' => 'text', 'priority' => 30, 'default' => __( 'See how our product simplifies your workflow.', 'notificationx' ), ], [ 'label' => __( 'Video URL', 'notificationx' ), 'name' => 'exit_intent_t4_video_url', 'type' => 'text', 'priority' => 40, 'default' => '', 'placeholder' => 'https://www.youtube.com/watch?v=...', 'help' => __( 'Paste a YouTube, Vimeo, or other video platform URL.', 'notificationx' ), ], ], ]; // ── Theme Five content fields ──────────────────────────────────────────── $fields['exit_intent_theme_five_section'] = [ 'label' => __( 'Exit Intent Content', 'notificationx' ), 'name' => 'exit_intent_theme_five_section', 'type' => 'section', 'priority' => 5, 'rules' => Rules::logicalRule( [ Rules::is( 'source', $this->id ), Rules::is( 'themes', $this->id . '_theme-five' ), ] ), 'fields' => [ [ 'label' => __( 'Right Panel Image', 'notificationx' ), 'name' => 'exit_intent_image_url', 'type' => 'media', 'priority' => 5, 'default' => [ 'url' => 'https://notificationx.com/wp-content/uploads/2026/05/exit-intend-theme-two-five-seven.jpg', ], 'help' => __( 'Upload or select the image to display in the right panel.', 'notificationx' ), ], [ 'label' => __( 'Title', 'notificationx' ), 'name' => 'exit_intent_t5_title', 'type' => 'text', 'priority' => 10, 'default' => __( 'Flash Sale', 'notificationx' ), ], [ 'label' => __( 'Headline', 'notificationx' ), 'name' => 'exit_intent_t5_headline', 'type' => 'text', 'priority' => 20, 'default' => __( '50% OFF', 'notificationx' ), ], [ 'label' => __( 'Description', 'notificationx' ), 'name' => 'exit_intent_t5_desc', 'type' => 'text', 'priority' => 30, 'default' => __( 'ON ENTIRE ORDER', 'notificationx' ), ], [ 'label' => __( 'Button Text', 'notificationx' ), 'name' => 'exit_intent_button_text', 'type' => 'text', 'priority' => 60, 'default' => __( 'Shop The Flash Sale Now', 'notificationx' ), ], [ 'label' => __( 'Button URL', 'notificationx' ), 'name' => 'exit_intent_button_url', 'type' => 'text', 'priority' => 61, 'default' => '', 'help' => __( 'Where the CTA button sends visitors. Leave empty to just dismiss the popup.', 'notificationx' ), ], [ 'label' => __( 'Open in New Tab', 'notificationx' ), 'name' => 'exit_intent_button_new_tab', 'type' => 'toggle', 'priority' => 62, 'default' => true, ], [ 'label' => __( 'Dismiss Link Text', 'notificationx' ), 'name' => 'exit_intent_dismiss_text', 'type' => 'text', 'priority' => 70, 'default' => __( 'NO, THANKS!', 'notificationx' ), ], ], ]; // ── Theme Five Timer Settings ──────────────────────────────────────────── $fields['exit_intent_theme_five_timer_section'] = [ 'label' => __( 'Timer Settings', 'notificationx' ), 'name' => 'exit_intent_theme_five_timer_section', 'type' => 'section', 'priority' => 6, 'rules' => Rules::logicalRule( [ Rules::is( 'source', $this->id ), Rules::is( 'themes', $this->id . '_theme-five' ), ] ), 'fields' => [ [ 'label' => __( 'Show Countdown Timer', 'notificationx' ), 'name' => 'exit_intent_t5_show_timer', 'type' => 'toggle', 'priority' => 5, 'default' => true, ], [ 'label' => __( 'Countdown Label', 'notificationx' ), 'name' => 'exit_intent_t5_countdown_label', 'type' => 'text', 'priority' => 10, 'default' => __( 'LIMITED-TIME OFFER! SALE ENDS IN', 'notificationx' ), 'rules' => Rules::is( 'exit_intent_t5_show_timer', true ), ], [ 'label' => __( 'Sale End Date & Time', 'notificationx' ), 'name' => 'exit_intent_countdown_end', 'type' => 'date', 'priority' => 20, 'default' => '', 'help' => __( 'Pick the date and time when the sale ends. Leave empty to display static demo numbers.', 'notificationx' ), 'rules' => Rules::is( 'exit_intent_t5_show_timer', true ), ], [ 'label' => __( 'Days Label', 'notificationx' ), 'name' => 'exit_intent_t5_days_label', 'type' => 'text', 'priority' => 30, 'default' => __( 'DAYS', 'notificationx' ), 'rules' => Rules::is( 'exit_intent_t5_show_timer', true ), ], [ 'label' => __( 'Hours Label', 'notificationx' ), 'name' => 'exit_intent_t5_hours_label', 'type' => 'text', 'priority' => 40, 'default' => __( 'HRS', 'notificationx' ), 'rules' => Rules::is( 'exit_intent_t5_show_timer', true ), ], [ 'label' => __( 'Minutes Label', 'notificationx' ), 'name' => 'exit_intent_t5_minutes_label', 'type' => 'text', 'priority' => 50, 'default' => __( 'MIN', 'notificationx' ), 'rules' => Rules::is( 'exit_intent_t5_show_timer', true ), ], [ 'label' => __( 'Seconds Label', 'notificationx' ), 'name' => 'exit_intent_t5_seconds_label', 'type' => 'text', 'priority' => 60, 'default' => __( 'SEC', 'notificationx' ), 'rules' => Rules::is( 'exit_intent_t5_show_timer', true ), ], [ 'label' => __( 'Timer Box Background', 'notificationx' ), 'name' => 'exit_intent_t5_timer_bg', 'type' => 'colorpicker', 'priority' => 70, 'default' => '#fff0f5', 'rules' => Rules::is( 'exit_intent_t5_show_timer', true ), ], [ 'label' => __( 'Timer Number Color', 'notificationx' ), 'name' => 'exit_intent_t5_timer_color', 'type' => 'colorpicker', 'priority' => 80, 'default' => '#e91e63', 'rules' => Rules::is( 'exit_intent_t5_show_timer', true ), ], ], ]; // ── Theme Seven content fields ─────────────────────────────────────────── $fields['exit_intent_theme_seven_section'] = [ 'label' => __( 'Exit Intent Content', 'notificationx' ), 'name' => 'exit_intent_theme_seven_section', 'type' => 'section', 'priority' => 5, 'rules' => Rules::logicalRule( [ Rules::is( 'source', $this->id ), Rules::is( 'themes', $this->id . '_theme-seven' ), ] ), 'fields' => [ [ 'label' => __( 'Left Panel Image', 'notificationx' ), 'name' => 'exit_intent_image_url', 'type' => 'media', 'priority' => 5, 'default' => [ 'url' => 'https://notificationx.com/wp-content/uploads/2026/05/exit-intend-theme-two-five-seven.jpg', ], 'help' => __( 'Upload or select the image to display in the left panel.', 'notificationx' ), ], [ 'label' => __( 'Headline', 'notificationx' ), 'name' => 'exit_intent_t7_headline', 'type' => 'text', 'priority' => 10, 'default' => __( 'Home Is Where Your Story Begins', 'notificationx' ), ], [ 'label' => __( 'Discount Banner Text', 'notificationx' ), 'name' => 'exit_intent_t7_discount_text', 'type' => 'text', 'priority' => 20, 'default' => __( 'Get 15% Off Your First Order!', 'notificationx' ), ], [ 'label' => __( 'Description', 'notificationx' ), 'name' => 'exit_intent_t7_description', 'type' => 'text', 'priority' => 30, 'default' => __( 'Discover timeless pieces that turn any space into a sanctuary.', 'notificationx' ), ], [ 'label' => __( 'Email Placeholder', 'notificationx' ), 'name' => 'exit_intent_t7_email_placeholder', 'type' => 'text', 'priority' => 40, 'default' => __( 'Enter your email', 'notificationx' ), ], [ 'label' => __( 'Button Text', 'notificationx' ), 'name' => 'exit_intent_button_text', 'type' => 'text', 'priority' => 50, 'default' => __( 'SEND COUPON', 'notificationx' ), ], ], ]; // ── Theme Six content fields ───────────────────────────────────────────── $fields['exit_intent_theme_six_section'] = [ 'label' => __( 'Exit Intent Content', 'notificationx' ), 'name' => 'exit_intent_theme_six_section', 'type' => 'section', 'priority' => 5, 'rules' => Rules::logicalRule( [ Rules::is( 'source', $this->id ), Rules::is( 'themes', $this->id . '_theme-six' ), ] ), 'fields' => [ [ 'label' => __( 'Product Image', 'notificationx' ), 'name' => 'exit_intent_image_url', 'type' => 'media', 'priority' => 5, 'default' => [ 'url' => 'https://notificationx.com/wp-content/uploads/2026/05/exit-intend-theme-six.png', ], 'help' => __( 'Upload or select the product image to display at the top of the popup.', 'notificationx' ), ], [ 'label' => __( 'Headline', 'notificationx' ), 'name' => 'exit_intent_t6_title', 'type' => 'text', 'priority' => 10, 'default' => __( 'Limited Edition Bass Boost Headphones', 'notificationx' ), ], [ 'label' => __( 'Button Text', 'notificationx' ), 'name' => 'exit_intent_button_text', 'type' => 'text', 'priority' => 60, 'default' => __( 'Grab Now', 'notificationx' ), ], [ 'label' => __( 'Button URL', 'notificationx' ), 'name' => 'exit_intent_button_url', 'type' => 'text', 'priority' => 61, 'default' => '', 'help' => __( 'Where the CTA button sends visitors. Leave empty to just dismiss the popup.', 'notificationx' ), ], [ 'label' => __( 'Open in New Tab', 'notificationx' ), 'name' => 'exit_intent_button_new_tab', 'type' => 'toggle', 'priority' => 62, 'default' => true, ], ], ]; // ── Theme Six Timer Settings ───────────────────────────────────────────── $fields['exit_intent_theme_six_timer_section'] = [ 'label' => __( 'Timer Settings', 'notificationx' ), 'name' => 'exit_intent_theme_six_timer_section', 'type' => 'section', 'priority' => 6, 'rules' => Rules::logicalRule( [ Rules::is( 'source', $this->id ), Rules::is( 'themes', $this->id . '_theme-six' ), ] ), 'fields' => [ [ 'label' => __( 'Show Countdown Timer', 'notificationx' ), 'name' => 'exit_intent_t6_show_timer', 'type' => 'toggle', 'priority' => 5, 'default' => true, ], [ 'label' => __( 'Countdown Label', 'notificationx' ), 'name' => 'exit_intent_t6_countdown_label', 'type' => 'text', 'priority' => 10, 'default' => __( 'Offer Ends In', 'notificationx' ), 'rules' => Rules::is( 'exit_intent_t6_show_timer', true ), ], [ 'label' => __( 'Sale End Date & Time', 'notificationx' ), 'name' => 'exit_intent_countdown_end', 'type' => 'date', 'priority' => 20, 'default' => '', 'help' => __( 'Pick the date and time when the sale ends. Leave empty to display static demo numbers.', 'notificationx' ), 'rules' => Rules::is( 'exit_intent_t6_show_timer', true ), ], [ 'label' => __( 'Days Label', 'notificationx' ), 'name' => 'exit_intent_t6_days_label', 'type' => 'text', 'priority' => 30, 'default' => __( 'DAYS', 'notificationx' ), 'rules' => Rules::is( 'exit_intent_t6_show_timer', true ), ], [ 'label' => __( 'Hours Label', 'notificationx' ), 'name' => 'exit_intent_t6_hours_label', 'type' => 'text', 'priority' => 40, 'default' => __( 'HOURS', 'notificationx' ), 'rules' => Rules::is( 'exit_intent_t6_show_timer', true ), ], [ 'label' => __( 'Minutes Label', 'notificationx' ), 'name' => 'exit_intent_t6_minutes_label', 'type' => 'text', 'priority' => 50, 'default' => __( 'MIN', 'notificationx' ), 'rules' => Rules::is( 'exit_intent_t6_show_timer', true ), ], [ 'label' => __( 'Seconds Label', 'notificationx' ), 'name' => 'exit_intent_t6_seconds_label', 'type' => 'text', 'priority' => 60, 'default' => __( 'SEC', 'notificationx' ), 'rules' => Rules::is( 'exit_intent_t6_show_timer', true ), ], ], ]; // ── Theme One content fields ───────────────────────────────────────────── $fields['exit_intent_content_section'] = [ 'label' => __( 'Exit Intent Content', 'notificationx' ), 'name' => 'exit_intent_content_section', 'type' => 'section', 'priority' => 5, 'rules' => Rules::logicalRule( [ Rules::is( 'source', $this->id ), Rules::is( 'themes', $this->id . '_theme-two', true ), Rules::is( 'themes', $this->id . '_theme-three', true ), Rules::is( 'themes', $this->id . '_theme-four', true ), Rules::is( 'themes', $this->id . '_theme-five', true ), Rules::is( 'themes', $this->id . '_theme-six', true ), Rules::is( 'themes', $this->id . '_theme-seven', true ), ] ), 'fields' => [ // ── Main copy ──────────────────────────────────────────── [ 'label' => __( 'Title', 'notificationx' ), 'name' => 'exit_intent_title', 'type' => 'text', 'priority' => 10, 'default' => __( 'Wait! Before You Go...', 'notificationx' ), ], [ 'label' => __( 'Subtitle', 'notificationx' ), 'name' => 'exit_intent_subtitle', 'type' => 'text', 'priority' => 20, 'default' => __( "We'd love to understand what's holding you back", 'notificationx' ), ], // ── Form fields ────────────────────────────────────────── [ 'label' => __( 'Show Name Field', 'notificationx' ), 'name' => 'exit_intent_show_name', 'type' => 'toggle', 'default' => true, 'priority' => 70, 'is_pro' => true, ], [ 'label' => __( 'Name Placeholder', 'notificationx' ), 'name' => 'exit_intent_name_label', 'type' => 'text', 'default' => __( 'Name *', 'notificationx' ), 'priority' => 75, 'is_pro' => true, 'rules' => Rules::is( 'exit_intent_show_name', true ), ], [ 'label' => __( 'Show Email Field', 'notificationx' ), 'name' => 'exit_intent_show_email', 'type' => 'toggle', 'default' => true, 'priority' => 80, 'is_pro' => true, ], [ 'label' => __( 'Email Placeholder', 'notificationx' ), 'name' => 'exit_intent_email_label', 'type' => 'text', 'default' => __( 'Enter Your Email *', 'notificationx' ), 'priority' => 85, 'is_pro' => true, 'rules' => Rules::is( 'exit_intent_show_email', true ), ], [ 'label' => __( 'Show Message Field', 'notificationx' ), 'name' => 'exit_intent_show_message', 'type' => 'toggle', 'default' => true, 'priority' => 87, ], [ 'label' => __( 'Message Placeholder', 'notificationx' ), 'name' => 'exit_intent_message_placeholder', 'type' => 'text', 'default' => __( 'Your message...', 'notificationx' ), 'priority' => 88, 'rules' => Rules::is( 'exit_intent_show_message', true ), ], // ── Button ─────────────────────────────────────────────── [ 'label' => __( 'Button Text', 'notificationx' ), 'name' => 'exit_intent_button_text', 'type' => 'text', 'default' => __( 'SUBMIT', 'notificationx' ), 'priority' => 90, ], ], ]; return $fields; } public function design_fields( $fields ) { // Hide the inner sub-sections of the global advance_design_section for this source, // but keep advance_design_section itself visible so its `advance_edit` toggle renders. foreach ( [ 'design', 'typography', 'image-appearance', 'link_button_design' ] as $key ) { if ( isset( $fields['advance_design_section']['fields'][ $key ] ) ) { $fields['advance_design_section']['fields'][ $key ] = Rules::is( 'source', $this->id, true, $fields['advance_design_section']['fields'][ $key ] ); } } // Inline every theme's design fields directly into advance_design_section so they appear // flat under the existing "Advanced Design" heading — no per-theme sub-headers. // Priorities are auto-assigned starting at 20 so all theme controls sort BEFORE the // global Custom CSS section (priority 150). $design = &$fields['advance_design_section']['fields']; $priority = 20; $merge = function( $theme_slug, $list ) use ( &$design, &$priority ) { $rule = $this->theme_design_rules( $theme_slug ); foreach ( $list as $field ) { if ( ! empty( $field['rules'] ) ) { $field['rules'] = Rules::logicalRule( [ $rule, $field['rules'] ] ); } else { $field['rules'] = $rule; } if ( ! isset( $field['priority'] ) ) { $field['priority'] = $priority; } $priority++; $design[ $field['name'] ] = $field; } }; $merge( 'theme-one', $this->theme_one_design_fields() ); $merge( 'theme-two', $this->theme_two_design_fields() ); $merge( 'theme-three', $this->theme_three_design_fields() ); $merge( 'theme-four', $this->theme_four_design_fields() ); $merge( 'theme-five', $this->theme_five_design_fields() ); $merge( 'theme-six', $this->theme_six_design_fields() ); $merge( 'theme-seven', $this->theme_seven_design_fields() ); return $fields; } /** Build a rule scoped to source + advance_edit + a specific theme. */ private function theme_design_rules( $theme_slug ) { return Rules::logicalRule( [ Rules::is( 'source', $this->id ), Rules::is( 'advance_edit', true ), Rules::is( 'themes', $this->id . '_' . $theme_slug ), ] ); } private function font_weight_options() { return GlobalFields::get_instance()->normalize_fields( [ '400' => __( 'Normal (400)', 'notificationx' ), '500' => __( 'Medium (500)', 'notificationx' ), '600' => __( 'Semi Bold (600)', 'notificationx' ), '700' => __( 'Bold (700)', 'notificationx' ), '800' => __( 'Extra Bold (800)', 'notificationx' ), ] ); } /** ───────────────────────── Theme One — Feedback Form ───────────────────────── */ private function theme_one_design_fields() { return [ // Container [ 'label' => __( 'Popup Max Width', 'notificationx' ), 'name' => 'exit_intent_max_width', 'type' => 'number', 'default' => 540, 'description' => 'px' ], [ 'label' => __( 'Border Radius', 'notificationx' ), 'name' => 'exit_intent_border_radius', 'type' => 'number', 'default' => 12, 'description' => 'px' ], [ 'label' => __( 'Background Color', 'notificationx' ), 'name' => 'exit_intent_bg_color', 'type' => 'colorpicker', 'default' => '#EDE7FF' ], [ 'label' => __( 'Overlay Background Color', 'notificationx' ),'name' => 'exit_intent_overlay_color', 'type' => 'colorpicker', 'default' => 'rgba(0,0,0,0.5)', 'help' => __( 'Color of the backdrop behind the popup.', 'notificationx' ) ], [ 'label' => __( 'Show Background Pattern', 'notificationx' ), 'name' => 'exit_intent_show_pattern', 'type' => 'toggle', 'default' => true ], [ 'label' => __( 'Pattern Color', 'notificationx' ), 'name' => 'exit_intent_pattern_color', 'type' => 'colorpicker', 'default' => '#D4C3FF', 'rules' => Rules::is( 'exit_intent_show_pattern', true ) ], // Title [ 'label' => __( 'Title Color', 'notificationx' ), 'name' => 'exit_intent_title_color', 'type' => 'colorpicker', 'default' => '#1a1a2e' ], [ 'label' => __( 'Title Font Size', 'notificationx' ), 'name' => 'exit_intent_title_font_size', 'type' => 'number', 'default' => 26, 'description' => 'px' ], [ 'label' => __( 'Title Font Weight', 'notificationx' ), 'name' => 'exit_intent_title_font_weight', 'type' => 'select', 'default' => '700', 'options' => $this->font_weight_options() ], // Subtitle [ 'label' => __( 'Subtitle Color', 'notificationx' ), 'name' => 'exit_intent_subtitle_color', 'type' => 'colorpicker', 'default' => '#4a4a6a' ], [ 'label' => __( 'Subtitle Font Size', 'notificationx' ), 'name' => 'exit_intent_subtitle_font_size', 'type' => 'number', 'default' => 14, 'description' => 'px' ], // Inputs [ 'label' => __( 'Input Background Color', 'notificationx' ), 'name' => 'exit_intent_input_bg', 'type' => 'colorpicker', 'default' => '#ffffff' ], [ 'label' => __( 'Input Border Color', 'notificationx' ), 'name' => 'exit_intent_input_border_color', 'type' => 'colorpicker', 'default' => '#dddddd' ], [ 'label' => __( 'Input Border Radius', 'notificationx' ), 'name' => 'exit_intent_input_border_radius', 'type' => 'number', 'default' => 6, 'description' => 'px' ], [ 'label' => __( 'Input Text Color', 'notificationx' ), 'name' => 'exit_intent_input_text_color', 'type' => 'colorpicker', 'default' => '#333333' ], // Button [ 'label' => __( 'Button Background Color', 'notificationx' ), 'name' => 'exit_intent_btn_bg', 'type' => 'colorpicker', 'default' => '#6B21A8' ], [ 'label' => __( 'Button Text Color', 'notificationx' ), 'name' => 'exit_intent_btn_color', 'type' => 'colorpicker', 'default' => '#ffffff' ], [ 'label' => __( 'Button Border Radius', 'notificationx' ), 'name' => 'exit_intent_btn_border_radius', 'type' => 'number', 'default' => 6, 'description' => 'px' ], [ 'label' => __( 'Button Font Size', 'notificationx' ), 'name' => 'exit_intent_btn_font_size', 'type' => 'number', 'default' => 14, 'description' => 'px' ], [ 'label' => __( 'Button Font Weight', 'notificationx' ), 'name' => 'exit_intent_btn_font_weight', 'type' => 'select', 'default' => '700', 'options' => $this->font_weight_options() ], // Close button [ 'label' => __( 'Close Button Color', 'notificationx' ), 'name' => 'exit_intent_close_color', 'type' => 'colorpicker', 'default' => '#666666' ], [ 'label' => __( 'Close Button Size', 'notificationx' ), 'name' => 'exit_intent_close_size', 'type' => 'number', 'default' => 20, 'description' => 'px' ], ]; } /** ───────────────────────── Theme Two — Flash Sale w/ Countdown ───────────────────────── */ private function theme_two_design_fields() { return [ // Container / overlay / close [ 'label' => __( 'Popup Max Width', 'notificationx' ), 'name' => 'exit_intent_t2_max_width', 'type' => 'number', 'default' => 760, 'description' => 'px' ], [ 'label' => __( 'Border Radius', 'notificationx' ), 'name' => 'exit_intent_t2_border_radius', 'type' => 'number', 'default' => 12, 'description' => 'px' ], [ 'label' => __( 'Left Panel Background', 'notificationx' ), 'name' => 'exit_intent_t2_bg_color', 'type' => 'colorpicker', 'default' => '#ffffff' ], [ 'label' => __( 'Overlay Background Color', 'notificationx' ), 'name' => 'exit_intent_overlay_color', 'type' => 'colorpicker', 'default' => 'rgba(0,0,0,0.5)' ], [ 'label' => __( 'Close Button Color', 'notificationx' ), 'name' => 'exit_intent_close_color', 'type' => 'colorpicker', 'default' => '#666666' ], [ 'label' => __( 'Close Button Size', 'notificationx' ), 'name' => 'exit_intent_close_size', 'type' => 'number', 'default' => 20, 'description' => 'px' ], // Sale badge [ 'label' => __( 'Badge Background', 'notificationx' ), 'name' => 'exit_intent_t2_badge_bg', 'type' => 'colorpicker', 'default' => '#ffe4ec' ], [ 'label' => __( 'Badge Text Color', 'notificationx' ),'name' => 'exit_intent_t2_badge_color', 'type' => 'colorpicker', 'default' => '#e91e63' ], [ 'label' => __( 'Badge Font Size', 'notificationx' ), 'name' => 'exit_intent_t2_badge_font_size', 'type' => 'number', 'default' => 12, 'description' => 'px' ], // Headline [ 'label' => __( 'Headline Color', 'notificationx' ), 'name' => 'exit_intent_t2_headline_color', 'type' => 'colorpicker', 'default' => '#1a1a2e' ], [ 'label' => __( 'Headline Font Size', 'notificationx' ), 'name' => 'exit_intent_t2_headline_font_size', 'type' => 'number', 'default' => 56, 'description' => 'px' ], [ 'label' => __( 'Headline Font Weight', 'notificationx' ), 'name' => 'exit_intent_t2_headline_font_weight', 'type' => 'select', 'default' => '800', 'options' => $this->font_weight_options() ], // Description [ 'label' => __( 'Description Color', 'notificationx' ), 'name' => 'exit_intent_t2_desc_color', 'type' => 'colorpicker', 'default' => '#4a4a6a' ], [ 'label' => __( 'Description Font Size', 'notificationx' ), 'name' => 'exit_intent_t2_desc_font_size', 'type' => 'number', 'default' => 14, 'description' => 'px' ], // CTA button [ 'label' => __( 'Button Background', 'notificationx' ), 'name' => 'exit_intent_t2_btn_bg', 'type' => 'colorpicker', 'default' => '#e91e63' ], [ 'label' => __( 'Button Text Color', 'notificationx' ), 'name' => 'exit_intent_t2_btn_color', 'type' => 'colorpicker', 'default' => '#ffffff' ], [ 'label' => __( 'Button Border Radius', 'notificationx' ), 'name' => 'exit_intent_t2_btn_border_radius', 'type' => 'number', 'default' => 6, 'description' => 'px' ], [ 'label' => __( 'Button Font Size', 'notificationx' ), 'name' => 'exit_intent_t2_btn_font_size', 'type' => 'number', 'default' => 14, 'description' => 'px' ], [ 'label' => __( 'Button Font Weight', 'notificationx' ), 'name' => 'exit_intent_t2_btn_font_weight', 'type' => 'select', 'default' => '700', 'options' => $this->font_weight_options() ], // Dismiss link [ 'label' => __( 'Dismiss Text Color', 'notificationx' ), 'name' => 'exit_intent_t2_dismiss_color', 'type' => 'colorpicker', 'default' => '#9a9aa8' ], [ 'label' => __( 'Dismiss Font Size', 'notificationx' ), 'name' => 'exit_intent_t2_dismiss_font_size', 'type' => 'number', 'default' => 12, 'description' => 'px' ], ]; } /** ───────────────────────── Theme Three — Coupon Offer ───────────────────────── */ private function theme_three_design_fields() { return [ // Container / overlay / close [ 'label' => __( 'Popup Max Width', 'notificationx' ), 'name' => 'exit_intent_t3_max_width', 'type' => 'number', 'default' => 460, 'description' => 'px' ], [ 'label' => __( 'Border Radius', 'notificationx' ), 'name' => 'exit_intent_t3_border_radius', 'type' => 'number', 'default' => 16, 'description' => 'px' ], [ 'label' => __( 'Background Color', 'notificationx' ), 'name' => 'exit_intent_t3_bg_color', 'type' => 'colorpicker', 'default' => '#ffffff' ], [ 'label' => __( 'Overlay Background Color', 'notificationx' ), 'name' => 'exit_intent_overlay_color', 'type' => 'colorpicker', 'default' => 'rgba(0,0,0,0.5)' ], [ 'label' => __( 'Close Button Color', 'notificationx' ), 'name' => 'exit_intent_close_color', 'type' => 'colorpicker', 'default' => '#666666' ], [ 'label' => __( 'Close Button Size', 'notificationx' ), 'name' => 'exit_intent_close_size', 'type' => 'number', 'default' => 20, 'description' => 'px' ], // Title [ 'label' => __( 'Title Color', 'notificationx' ), 'name' => 'exit_intent_t3_title_color', 'type' => 'colorpicker', 'default' => '#1a1a2e' ], [ 'label' => __( 'Title Font Size', 'notificationx' ), 'name' => 'exit_intent_t3_title_font_size', 'type' => 'number', 'default' => 26, 'description' => 'px' ], [ 'label' => __( 'Title Font Weight', 'notificationx' ), 'name' => 'exit_intent_t3_title_font_weight', 'type' => 'select', 'default' => '700', 'options' => $this->font_weight_options() ], // Subtitle [ 'label' => __( 'Subtitle Color', 'notificationx' ), 'name' => 'exit_intent_t3_subtitle_color', 'type' => 'colorpicker', 'default' => '#4a4a6a' ], [ 'label' => __( 'Subtitle Font Size', 'notificationx' ), 'name' => 'exit_intent_t3_subtitle_font_size', 'type' => 'number', 'default' => 14, 'description' => 'px' ], // Offer line [ 'label' => __( 'Offer Color', 'notificationx' ), 'name' => 'exit_intent_t3_offer_color', 'type' => 'colorpicker', 'default' => '#e91e63' ], [ 'label' => __( 'Offer Font Size', 'notificationx' ), 'name' => 'exit_intent_t3_offer_font_size', 'type' => 'number', 'default' => 18, 'description' => 'px' ], [ 'label' => __( 'Offer Font Weight', 'notificationx' ), 'name' => 'exit_intent_t3_offer_font_weight', 'type' => 'select', 'default' => '700', 'options' => $this->font_weight_options() ], // Coupon block [ 'label' => __( 'Coupon Block Background', 'notificationx' ), 'name' => 'exit_intent_t3_coupon_bg', 'type' => 'colorpicker', 'default' => '#fff7fb' ], [ 'label' => __( 'Coupon Text Color', 'notificationx' ), 'name' => 'exit_intent_t3_coupon_color', 'type' => 'colorpicker', 'default' => '#1a1a2e' ], [ 'label' => __( 'Coupon Font Size', 'notificationx' ), 'name' => 'exit_intent_t3_coupon_font_size', 'type' => 'number', 'default' => 14, 'description' => 'px' ], [ 'label' => __( 'Coupon Block Border Radius', 'notificationx' ), 'name' => 'exit_intent_t3_coupon_border_radius', 'type' => 'number', 'default' => 8, 'description' => 'px' ], // CTA button [ 'label' => __( 'Button Background', 'notificationx' ), 'name' => 'exit_intent_t3_btn_bg', 'type' => 'colorpicker', 'default' => '#e91e63' ], [ 'label' => __( 'Button Text Color', 'notificationx' ), 'name' => 'exit_intent_t3_btn_color', 'type' => 'colorpicker', 'default' => '#ffffff' ], [ 'label' => __( 'Button Border Radius', 'notificationx' ), 'name' => 'exit_intent_t3_btn_border_radius', 'type' => 'number', 'default' => 6, 'description' => 'px' ], [ 'label' => __( 'Button Font Size', 'notificationx' ), 'name' => 'exit_intent_t3_btn_font_size', 'type' => 'number', 'default' => 14, 'description' => 'px' ], [ 'label' => __( 'Button Font Weight', 'notificationx' ), 'name' => 'exit_intent_t3_btn_font_weight', 'type' => 'select', 'default' => '700', 'options' => $this->font_weight_options() ], // Dismiss link [ 'label' => __( 'Dismiss Text Color', 'notificationx' ), 'name' => 'exit_intent_t3_dismiss_color', 'type' => 'colorpicker', 'default' => '#9a9aa8' ], [ 'label' => __( 'Dismiss Font Size', 'notificationx' ), 'name' => 'exit_intent_t3_dismiss_font_size', 'type' => 'number', 'default' => 12, 'description' => 'px' ], ]; } /** ───────────────────────── Theme Four — Video Popup ───────────────────────── */ private function theme_four_design_fields() { return [ // Container / overlay / close [ 'label' => __( 'Popup Max Width', 'notificationx' ), 'name' => 'exit_intent_t4_max_width', 'type' => 'number', 'default' => 520, 'description' => 'px' ], [ 'label' => __( 'Border Radius', 'notificationx' ), 'name' => 'exit_intent_t4_border_radius', 'type' => 'number', 'default' => 16, 'description' => 'px' ], [ 'label' => __( 'Background Color', 'notificationx' ), 'name' => 'exit_intent_t4_bg_color', 'type' => 'colorpicker', 'default' => '#f4ecff' ], [ 'label' => __( 'Overlay Background Color', 'notificationx' ), 'name' => 'exit_intent_overlay_color', 'type' => 'colorpicker', 'default' => 'rgba(0,0,0,0.5)' ], [ 'label' => __( 'Close Button Color', 'notificationx' ), 'name' => 'exit_intent_close_color', 'type' => 'colorpicker', 'default' => '#666666' ], [ 'label' => __( 'Close Button Size', 'notificationx' ), 'name' => 'exit_intent_close_size', 'type' => 'number', 'default' => 20, 'description' => 'px' ], // Badge [ 'label' => __( 'Badge Background', 'notificationx' ), 'name' => 'exit_intent_t4_badge_bg', 'type' => 'colorpicker', 'default' => '#ffffff' ], [ 'label' => __( 'Badge Text Color', 'notificationx' ),'name' => 'exit_intent_t4_badge_color', 'type' => 'colorpicker', 'default' => '#6B21A8' ], [ 'label' => __( 'Badge Font Size', 'notificationx' ), 'name' => 'exit_intent_t4_badge_font_size', 'type' => 'number', 'default' => 12, 'description' => 'px' ], // Title [ 'label' => __( 'Title Color', 'notificationx' ), 'name' => 'exit_intent_t4_title_color', 'type' => 'colorpicker', 'default' => '#1a1a2e' ], [ 'label' => __( 'Title Font Size', 'notificationx' ), 'name' => 'exit_intent_t4_title_font_size', 'type' => 'number', 'default' => 24, 'description' => 'px' ], [ 'label' => __( 'Title Font Weight', 'notificationx' ), 'name' => 'exit_intent_t4_title_font_weight', 'type' => 'select', 'default' => '700', 'options' => $this->font_weight_options() ], // Subtitle [ 'label' => __( 'Subtitle Color', 'notificationx' ), 'name' => 'exit_intent_t4_subtitle_color', 'type' => 'colorpicker', 'default' => '#4a4a6a' ], [ 'label' => __( 'Subtitle Font Size', 'notificationx' ), 'name' => 'exit_intent_t4_subtitle_font_size', 'type' => 'number', 'default' => 14, 'description' => 'px' ], // Video wrap + play icon [ 'label' => __( 'Video Wrapper Background', 'notificationx' ), 'name' => 'exit_intent_t4_video_bg', 'type' => 'colorpicker', 'default' => '#000000' ], [ 'label' => __( 'Video Wrapper Border Radius', 'notificationx' ), 'name' => 'exit_intent_t4_video_radius', 'type' => 'number', 'default' => 12, 'description' => 'px' ], [ 'label' => __( 'Play Icon Background', 'notificationx' ), 'name' => 'exit_intent_t4_play_bg', 'type' => 'colorpicker', 'default' => '#ffffff' ], [ 'label' => __( 'Play Icon Color', 'notificationx' ), 'name' => 'exit_intent_t4_play_color', 'type' => 'colorpicker', 'default' => '#1a1a2e' ], ]; } /** ───────────────────────── Theme Five — Live Flash Sale ───────────────────────── */ private function theme_five_design_fields() { return [ // Container / overlay / close [ 'label' => __( 'Popup Max Width', 'notificationx' ), 'name' => 'exit_intent_t5_max_width', 'type' => 'number', 'default' => 900, 'description' => 'px' ], [ 'label' => __( 'Border Radius', 'notificationx' ), 'name' => 'exit_intent_t5_border_radius', 'type' => 'number', 'default' => 12, 'description' => 'px' ], [ 'label' => __( 'Left Panel Background', 'notificationx' ), 'name' => 'exit_intent_t5_bg_color', 'type' => 'colorpicker', 'default' => '#ffffff' ], [ 'label' => __( 'Overlay Background Color', 'notificationx' ), 'name' => 'exit_intent_overlay_color', 'type' => 'colorpicker', 'default' => 'rgba(0,0,0,0.6)' ], [ 'label' => __( 'Close Button Color', 'notificationx' ), 'name' => 'exit_intent_close_color', 'type' => 'colorpicker', 'default' => '#666666' ], [ 'label' => __( 'Close Button Size', 'notificationx' ), 'name' => 'exit_intent_close_size', 'type' => 'number', 'default' => 20, 'description' => 'px' ], // Title [ 'label' => __( 'Title Color', 'notificationx' ), 'name' => 'exit_intent_t5_title_color', 'type' => 'colorpicker', 'default' => '#1a1a2e' ], [ 'label' => __( 'Title Font Size', 'notificationx' ), 'name' => 'exit_intent_t5_title_font_size', 'type' => 'number', 'default' => 18, 'description' => 'px' ], [ 'label' => __( 'Title Font Weight', 'notificationx' ), 'name' => 'exit_intent_t5_title_font_weight', 'type' => 'select', 'default' => '700', 'options' => $this->font_weight_options() ], // Headline [ 'label' => __( 'Headline Color', 'notificationx' ), 'name' => 'exit_intent_t5_headline_color', 'type' => 'colorpicker', 'default' => '#1a1a2e' ], [ 'label' => __( 'Headline Font Size', 'notificationx' ), 'name' => 'exit_intent_t5_headline_font_size', 'type' => 'number', 'default' => 56, 'description' => 'px' ], [ 'label' => __( 'Headline Font Weight', 'notificationx' ), 'name' => 'exit_intent_t5_headline_font_weight', 'type' => 'select', 'default' => '800', 'options' => $this->font_weight_options() ], // Description [ 'label' => __( 'Description Color', 'notificationx' ), 'name' => 'exit_intent_t5_desc_color', 'type' => 'colorpicker', 'default' => '#4a4a6a' ], [ 'label' => __( 'Description Font Size', 'notificationx' ), 'name' => 'exit_intent_t5_desc_font_size', 'type' => 'number', 'default' => 14, 'description' => 'px' ], // Countdown label + numbers + unit labels [ 'label' => __( 'Countdown Label Color', 'notificationx' ), 'name' => 'exit_intent_t5_cd_label_color', 'type' => 'colorpicker', 'default' => '#1a1a2e', 'rules' => Rules::is( 'exit_intent_t5_show_timer', true ) ], [ 'label' => __( 'Countdown Label Font Size', 'notificationx' ), 'name' => 'exit_intent_t5_cd_label_font_size', 'type' => 'number', 'default' => 12, 'description' => 'px', 'rules' => Rules::is( 'exit_intent_t5_show_timer', true ) ], [ 'label' => __( 'Countdown Number Background', 'notificationx' ), 'name' => 'exit_intent_t5_cd_num_bg', 'type' => 'colorpicker', 'default' => '#fff0f5', 'rules' => Rules::is( 'exit_intent_t5_show_timer', true ) ], [ 'label' => __( 'Countdown Number Color', 'notificationx' ), 'name' => 'exit_intent_t5_cd_num_color', 'type' => 'colorpicker', 'default' => '#e91e63', 'rules' => Rules::is( 'exit_intent_t5_show_timer', true ) ], [ 'label' => __( 'Countdown Number Font Size', 'notificationx' ), 'name' => 'exit_intent_t5_cd_num_font_size', 'type' => 'number', 'default' => 22, 'description' => 'px', 'rules' => Rules::is( 'exit_intent_t5_show_timer', true ) ], [ 'label' => __( 'Countdown Number Border Radius', 'notificationx' ),'name' => 'exit_intent_t5_cd_num_radius', 'type' => 'number', 'default' => 6, 'description' => 'px', 'rules' => Rules::is( 'exit_intent_t5_show_timer', true ) ], [ 'label' => __( 'Countdown Unit Label Color', 'notificationx' ), 'name' => 'exit_intent_t5_cd_unit_color', 'type' => 'colorpicker', 'default' => '#4a4a6a', 'rules' => Rules::is( 'exit_intent_t5_show_timer', true ) ], [ 'label' => __( 'Countdown Unit Label Font Size', 'notificationx' ),'name' => 'exit_intent_t5_cd_unit_font_size', 'type' => 'number', 'default' => 11, 'description' => 'px', 'rules' => Rules::is( 'exit_intent_t5_show_timer', true ) ], // CTA button [ 'label' => __( 'Button Background', 'notificationx' ), 'name' => 'exit_intent_t5_btn_bg', 'type' => 'colorpicker', 'default' => '#e91e63' ], [ 'label' => __( 'Button Text Color', 'notificationx' ), 'name' => 'exit_intent_t5_btn_color', 'type' => 'colorpicker', 'default' => '#ffffff' ], [ 'label' => __( 'Button Border Radius', 'notificationx' ), 'name' => 'exit_intent_t5_btn_border_radius', 'type' => 'number', 'default' => 6, 'description' => 'px' ], [ 'label' => __( 'Button Font Size', 'notificationx' ), 'name' => 'exit_intent_t5_btn_font_size', 'type' => 'number', 'default' => 14, 'description' => 'px' ], [ 'label' => __( 'Button Font Weight', 'notificationx' ), 'name' => 'exit_intent_t5_btn_font_weight', 'type' => 'select', 'default' => '700', 'options' => $this->font_weight_options() ], // Dismiss link [ 'label' => __( 'Dismiss Text Color', 'notificationx' ), 'name' => 'exit_intent_t5_dismiss_color', 'type' => 'colorpicker', 'default' => '#9a9aa8' ], [ 'label' => __( 'Dismiss Font Size', 'notificationx' ), 'name' => 'exit_intent_t5_dismiss_font_size', 'type' => 'number', 'default' => 12, 'description' => 'px' ], ]; } /** ───────────────────────── Theme Six — Product Countdown ───────────────────────── */ private function theme_six_design_fields() { return [ // Container / overlay / close [ 'label' => __( 'Popup Max Width', 'notificationx' ), 'name' => 'exit_intent_t6_max_width', 'type' => 'number', 'default' => 600, 'description' => 'px' ], [ 'label' => __( 'Border Radius', 'notificationx' ), 'name' => 'exit_intent_t6_border_radius', 'type' => 'number', 'default' => 12, 'description' => 'px' ], [ 'label' => __( 'Background Start Color', 'notificationx' ), 'name' => 'exit_intent_t6_bg_start', 'type' => 'colorpicker', 'default' => '#ffffff', 'help' => __( 'Center color of the radial background gradient.', 'notificationx' ) ], [ 'label' => __( 'Background Mid Color', 'notificationx' ), 'name' => 'exit_intent_t6_bg_mid', 'type' => 'colorpicker', 'default' => '#fdf2f8' ], [ 'label' => __( 'Background End Color', 'notificationx' ), 'name' => 'exit_intent_t6_bg_end', 'type' => 'colorpicker', 'default' => '#f5f3ff', 'help' => __( 'Outer color of the radial background gradient.', 'notificationx' ) ], [ 'label' => __( 'Overlay Background Color', 'notificationx' ), 'name' => 'exit_intent_overlay_color', 'type' => 'colorpicker', 'default' => 'rgba(0,0,0,0.5)' ], [ 'label' => __( 'Close Button Color', 'notificationx' ), 'name' => 'exit_intent_close_color', 'type' => 'colorpicker', 'default' => '#1f2937' ], [ 'label' => __( 'Close Button Size', 'notificationx' ), 'name' => 'exit_intent_close_size', 'type' => 'number', 'default' => 20, 'description' => 'px' ], // Title [ 'label' => __( 'Title Color', 'notificationx' ), 'name' => 'exit_intent_t6_title_color', 'type' => 'colorpicker', 'default' => '#1f2937' ], [ 'label' => __( 'Title Font Size', 'notificationx' ), 'name' => 'exit_intent_t6_title_font_size', 'type' => 'number', 'default' => 36, 'description' => 'px' ], [ 'label' => __( 'Title Font Weight', 'notificationx' ), 'name' => 'exit_intent_t6_title_font_weight', 'type' => 'select', 'default' => '700', 'options' => $this->font_weight_options() ], // Countdown label + numbers + unit labels [ 'label' => __( 'Countdown Label Color', 'notificationx' ), 'name' => 'exit_intent_t6_cd_label_color', 'type' => 'colorpicker', 'default' => '#4b5563', 'rules' => Rules::is( 'exit_intent_t6_show_timer', true ) ], [ 'label' => __( 'Countdown Label Font Size', 'notificationx' ), 'name' => 'exit_intent_t6_cd_label_font_size', 'type' => 'number', 'default' => 18, 'description' => 'px', 'rules' => Rules::is( 'exit_intent_t6_show_timer', true ) ], [ 'label' => __( 'Countdown Number Background', 'notificationx' ), 'name' => 'exit_intent_t6_cd_num_bg', 'type' => 'colorpicker', 'default' => '#f3e8f2', 'rules' => Rules::is( 'exit_intent_t6_show_timer', true ) ], [ 'label' => __( 'Countdown Number Color', 'notificationx' ), 'name' => 'exit_intent_t6_cd_num_color', 'type' => 'colorpicker', 'default' => '#374151', 'rules' => Rules::is( 'exit_intent_t6_show_timer', true ) ], [ 'label' => __( 'Countdown Number Font Size', 'notificationx' ), 'name' => 'exit_intent_t6_cd_num_font_size', 'type' => 'number', 'default' => 24, 'description' => 'px', 'rules' => Rules::is( 'exit_intent_t6_show_timer', true ) ], [ 'label' => __( 'Countdown Number Border Radius', 'notificationx' ),'name' => 'exit_intent_t6_cd_num_radius', 'type' => 'number', 'default' => 2, 'description' => 'px', 'rules' => Rules::is( 'exit_intent_t6_show_timer', true ) ], [ 'label' => __( 'Countdown Unit Label Color', 'notificationx' ), 'name' => 'exit_intent_t6_cd_unit_color', 'type' => 'colorpicker', 'default' => '#9f1239', 'rules' => Rules::is( 'exit_intent_t6_show_timer', true ) ], [ 'label' => __( 'Countdown Unit Label Font Size', 'notificationx' ),'name' => 'exit_intent_t6_cd_unit_font_size', 'type' => 'number', 'default' => 12, 'description' => 'px', 'rules' => Rules::is( 'exit_intent_t6_show_timer', true ) ], // CTA button [ 'label' => __( 'Button Background', 'notificationx' ), 'name' => 'exit_intent_t6_btn_bg', 'type' => 'colorpicker', 'default' => '#845e7c' ], [ 'label' => __( 'Button Text Color', 'notificationx' ), 'name' => 'exit_intent_t6_btn_color', 'type' => 'colorpicker', 'default' => '#ffffff' ], [ 'label' => __( 'Button Border Radius', 'notificationx' ), 'name' => 'exit_intent_t6_btn_border_radius', 'type' => 'number', 'default' => 4, 'description' => 'px' ], [ 'label' => __( 'Button Font Size', 'notificationx' ), 'name' => 'exit_intent_t6_btn_font_size', 'type' => 'number', 'default' => 24, 'description' => 'px' ], [ 'label' => __( 'Button Font Weight', 'notificationx' ), 'name' => 'exit_intent_t6_btn_font_weight', 'type' => 'select', 'default' => '700', 'options' => $this->font_weight_options() ], ]; } /** ───────────────────────── Theme Seven — Lead Capture w/ Image ───────────────────────── */ private function theme_seven_design_fields() { $font_family_options = GlobalFields::get_instance()->normalize_fields( [ 'inherit' => __( 'Default (inherit)', 'notificationx' ), "'Playfair Display', Georgia, serif" => __( 'Playfair Display (serif)', 'notificationx' ), "Georgia, 'Times New Roman', serif" => __( 'Georgia (serif)', 'notificationx' ), "'Times New Roman', Times, serif" => __( 'Times New Roman (serif)', 'notificationx' ), "Inter, 'Helvetica Neue', Arial, sans-serif" => __( 'Inter (sans-serif)', 'notificationx' ), "'Helvetica Neue', Helvetica, Arial, sans-serif" => __( 'Helvetica (sans-serif)', 'notificationx' ), ] ); return [ // Container / overlay / close [ 'label' => __( 'Popup Max Width', 'notificationx' ), 'name' => 'exit_intent_t7_max_width', 'type' => 'number', 'default' => 750, 'description' => 'px' ], [ 'label' => __( 'Border Radius', 'notificationx' ), 'name' => 'exit_intent_t7_border_radius', 'type' => 'number', 'default' => 12, 'description' => 'px' ], [ 'label' => __( 'Background Color', 'notificationx' ), 'name' => 'exit_intent_t7_bg_color', 'type' => 'colorpicker', 'default' => '#413532', 'help' => __( 'Right (content) panel background.', 'notificationx' ) ], [ 'label' => __( 'Image Panel Background', 'notificationx' ), 'name' => 'exit_intent_t7_image_bg', 'type' => 'colorpicker', 'default' => '#534542', 'help' => __( 'Shown behind the image (visible only if the image leaves transparent areas or fails to load).', 'notificationx' ) ], [ 'label' => __( 'Overlay Background Color', 'notificationx' ), 'name' => 'exit_intent_overlay_color', 'type' => 'colorpicker', 'default' => 'rgba(0,0,0,0.5)' ], [ 'label' => __( 'Close Button Color', 'notificationx' ), 'name' => 'exit_intent_close_color', 'type' => 'colorpicker', 'default' => '#f3d5a2' ], [ 'label' => __( 'Close Button Size', 'notificationx' ), 'name' => 'exit_intent_close_size', 'type' => 'number', 'default' => 22, 'description' => 'px' ], // Headline [ 'label' => __( 'Headline Color', 'notificationx' ), 'name' => 'exit_intent_t7_headline_color', 'type' => 'colorpicker', 'default' => '#f3d5a2' ], [ 'label' => __( 'Headline Font Size', 'notificationx' ), 'name' => 'exit_intent_t7_headline_font_size', 'type' => 'number', 'default' => 30, 'description' => 'px' ], [ 'label' => __( 'Headline Font Weight', 'notificationx' ), 'name' => 'exit_intent_t7_headline_font_weight', 'type' => 'select', 'default' => '700', 'options' => $this->font_weight_options() ], [ 'label' => __( 'Headline Font Family', 'notificationx' ), 'name' => 'exit_intent_t7_headline_font_family', 'type' => 'select', 'default' => "'Playfair Display', Georgia, serif", 'options' => $font_family_options ], // Discount banner [ 'label' => __( 'Discount Banner Background', 'notificationx' ), 'name' => 'exit_intent_t7_discount_bg', 'type' => 'colorpicker', 'default' => 'rgba(255,255,255,0.1)' ], [ 'label' => __( 'Discount Banner Border Color', 'notificationx' ), 'name' => 'exit_intent_t7_discount_border', 'type' => 'colorpicker', 'default' => 'rgba(255,255,255,0.05)' ], [ 'label' => __( 'Discount Banner Text Color', 'notificationx' ), 'name' => 'exit_intent_t7_discount_color', 'type' => 'colorpicker', 'default' => '#f3d5a2' ], [ 'label' => __( 'Discount Banner Font Size', 'notificationx' ), 'name' => 'exit_intent_t7_discount_font_size', 'type' => 'number', 'default' => 16, 'description' => 'px' ], [ 'label' => __( 'Discount Banner Border Radius', 'notificationx' ), 'name' => 'exit_intent_t7_discount_radius', 'type' => 'number', 'default' => 2, 'description' => 'px' ], // Description [ 'label' => __( 'Description Color', 'notificationx' ), 'name' => 'exit_intent_t7_desc_color', 'type' => 'colorpicker', 'default' => 'rgba(243,213,162,0.9)' ], [ 'label' => __( 'Description Font Size', 'notificationx' ), 'name' => 'exit_intent_t7_desc_font_size', 'type' => 'number', 'default' => 16, 'description' => 'px' ], // Email input [ 'label' => __( 'Input Background Color', 'notificationx' ), 'name' => 'exit_intent_t7_input_bg', 'type' => 'colorpicker', 'default' => '#ffffff' ], [ 'label' => __( 'Input Border Color', 'notificationx' ), 'name' => 'exit_intent_t7_input_border_color', 'type' => 'colorpicker', 'default' => '#6b7280' ], [ 'label' => __( 'Input Border Radius', 'notificationx' ), 'name' => 'exit_intent_t7_input_border_radius','type' => 'number', 'default' => 0, 'description' => 'px' ], [ 'label' => __( 'Input Text Color', 'notificationx' ), 'name' => 'exit_intent_t7_input_text_color', 'type' => 'colorpicker', 'default' => '#1f2937' ], // CTA button [ 'label' => __( 'Button Background', 'notificationx' ), 'name' => 'exit_intent_t7_btn_bg', 'type' => 'colorpicker', 'default' => '#f3d5a2' ], [ 'label' => __( 'Button Text Color', 'notificationx' ), 'name' => 'exit_intent_t7_btn_color', 'type' => 'colorpicker', 'default' => '#4d3e3e' ], [ 'label' => __( 'Button Border Radius', 'notificationx' ), 'name' => 'exit_intent_t7_btn_border_radius', 'type' => 'number', 'default' => 0, 'description' => 'px' ], [ 'label' => __( 'Button Font Size', 'notificationx' ), 'name' => 'exit_intent_t7_btn_font_size', 'type' => 'number', 'default' => 14, 'description' => 'px' ], [ 'label' => __( 'Button Font Weight', 'notificationx' ), 'name' => 'exit_intent_t7_btn_font_weight', 'type' => 'select', 'default' => '700', 'options' => $this->font_weight_options() ], ]; } public function customize_fields( $fields ) { // Hide standard timing/behaviour irrelevant to exit intent foreach ( [ 'timing', 'behaviour', 'sound_section', 'queue_management', 'appearance', 'animation' ] as $key ) { if ( isset( $fields[ $key ] ) ) { $fields[ $key ] = Rules::is( 'source', $this->id, true, $fields[ $key ] ); } } // Add center position option if ( isset( $fields['appearance']['fields']['position']['options'] ) ) { $fields['appearance']['fields']['position']['options']['center'] = [ 'label' => __( 'Center', 'notificationx' ), 'value' => 'center', 'rules' => Rules::is( 'source', $this->id ), ]; } // NOTE: keep this key unique. The Announcement extension (PopupNotification) // also registers a section literally named `exit_intent_settings` for its // "Convert to Exit Intent" feature; sharing the key here let Popup's filter // (same `nx_customize_fields` priority, registered later) overwrite this // section with a `source == popup_notification` rule, hiding it for the // Exit Intent type and leaving the whole Customize tab blank. $fields['exit_intent_popup_settings'] = [ 'label' => __( 'Exit Intent Settings', 'notificationx' ), 'name' => 'exit_intent_popup_settings', 'type' => 'section', 'priority' => 15, 'rules' => Rules::is( 'source', $this->id ), 'fields' => [ 'show_close_button' => [ 'label' => __( 'Show Close Button', 'notificationx' ), 'name' => 'show_close_button', 'type' => 'toggle', 'default' => true, ], 'exit_intent_position' => [ 'label' => __( 'Position', 'notificationx' ), 'name' => 'exit_intent_position', 'type' => 'select', 'default' => 'center', 'options' => GlobalFields::get_instance()->normalize_fields( [ 'center' => __( 'Center', 'notificationx' ), 'bottom-left' => __( 'Bottom Left', 'notificationx' ), 'bottom-right' => __( 'Bottom Right', 'notificationx' ), ] ), ], 'exit_intent_sensitivity' => [ 'label' => __( 'Trigger Sensitivity', 'notificationx' ), 'name' => 'exit_intent_sensitivity', 'type' => 'select', 'default' => '20', 'help' => __( 'Distance from top of viewport (px) that triggers the popup.', 'notificationx' ), 'options' => GlobalFields::get_instance()->normalize_fields( [ '10' => __( 'High (10px)', 'notificationx' ), '20' => __( 'Medium (20px)', 'notificationx' ), '50' => __( 'Low (50px)', 'notificationx' ), ] ), ], 'exit_intent_cookie_days' => [ 'label' => __( 'Do Not Show Again For', 'notificationx' ), 'name' => 'exit_intent_cookie_days', 'type' => 'number', 'default' => 7, 'description' => __( 'days', 'notificationx' ), 'help' => __( 'Once dismissed, hide the popup for this many days.', 'notificationx' ), ], 'exit_intent_mobile_disable' => [ 'label' => __( 'Disable on Mobile', 'notificationx' ), 'name' => 'exit_intent_mobile_disable', 'type' => 'toggle', 'default' => true, 'help' => __( 'Exit intent detection is unreliable on touch devices.', 'notificationx' ), ], ], ]; return $fields; } public function doc() { /* translators: %1$s: documentation link URL */ return sprintf(__('

Show a targeted message at the exact moment someone is about to close your tab & bring them back into the funnel. Need help? Check out our documentation.

', 'notificationx'), 'https://notificationx.com/docs/how-to-configure-exit-intent-popup/', ); } } ```