diff --git a/backend/Actions/PopupMaker/PopupMakerController.php b/backend/Actions/PopupMaker/PopupMakerController.php
new file mode 100644
index 000000000..891a994c1
--- /dev/null
+++ b/backend/Actions/PopupMaker/PopupMakerController.php
@@ -0,0 +1,88 @@
+<?php
+
+/**
+ * Popup Maker Integration
+ */
+
+namespace BitApps\Integrations\Actions\PopupMaker;
+
+use WP_Error;
+
+/**
+ * Provide functionality for Popup Maker integration
+ */
+class PopupMakerController
+{
+    public static function isExists()
+    {
+        if (!\defined('POPMAKE_VERSION')) {
+            wp_send_json_error(
+                __(
+                    'Popup Maker is not activated or not installed',
+                    'bit-integrations'
+                ),
+                400
+            );
+        }
+    }
+
+    public function refreshPopups()
+    {
+        self::isExists();
+
+        $response['popups'] = self::postDropdown('popup');
+
+        wp_send_json_success($response, 200);
+    }
+
+    public function refreshThemes()
+    {
+        self::isExists();
+
+        $response['themes'] = self::postDropdown('popup_theme');
+
+        wp_send_json_success($response, 200);
+    }
+
+    public function execute($integrationData, $fieldValues)
+    {
+        $integrationDetails = $integrationData->flow_details;
+        $integId = $integrationData->id;
+        $fieldMap = $integrationDetails->field_map;
+        $utilities = isset($integrationDetails->utilities) ? $integrationDetails->utilities : [];
+
+        if (empty($fieldMap)) {
+            return new WP_Error('field_map_empty', __('Field map is empty', 'bit-integrations'));
+        }
+
+        $recordApiHelper = new RecordApiHelper($integrationDetails, $integId);
+
+        return $recordApiHelper->execute($fieldValues, $fieldMap, $utilities);
+    }
+
+    private static function postDropdown($postType)
+    {
+        $options = [];
+
+        $posts = get_posts(
+            [
+                'post_type'      => $postType,
+                'post_status'    => ['publish', 'draft', 'pending', 'private'],
+                'orderby'        => 'title',
+                'order'          => 'ASC',
+                'posts_per_page' => -1,
+                'update_post_meta_cache' => false,
+                'update_post_term_cache' => false,
+            ]
+        );
+
+        foreach ($posts as $post) {
+            $options[] = (object) [
+                'id'    => $post->ID,
+                'title' => $post->post_title !== '' ? $post->post_title : \sprintf('#%d', $post->ID),
+            ];
+        }
+
+        return $options;
+    }
+}
diff --git a/backend/Actions/PopupMaker/RecordApiHelper.php b/backend/Actions/PopupMaker/RecordApiHelper.php
new file mode 100644
index 000000000..1315e1dd4
--- /dev/null
+++ b/backend/Actions/PopupMaker/RecordApiHelper.php
@@ -0,0 +1,157 @@
+<?php
+
+/**
+ * Popup Maker Record Api
+ */
+
+namespace BitApps\Integrations\Actions\PopupMaker;
+
+use BitApps\Integrations\Config;
+use BitApps\Integrations\Core\Util\Common;
+use BitApps\Integrations\Core\Util\Hooks;
+use BitApps\Integrations\Log\LogHandler;
+
+/**
+ * Provide functionality for Popup Maker record create, update, delete
+ */
+class RecordApiHelper
+{
+    private $_integrationID;
+
+    private $_integrationDetails;
+
+    public function __construct($integrationDetails, $integId)
+    {
+        $this->_integrationDetails = $integrationDetails;
+        $this->_integrationID = $integId;
+    }
+
+    /**
+     * Execute the integration
+     *
+     * @param array $fieldValues Field values from trigger
+     * @param array $fieldMap    Field mapping
+     * @param array $utilities   Optional actions to perform
+     *
+     * @return array
+     */
+    public function execute($fieldValues, $fieldMap, $utilities)
+    {
+        if (!\defined('POPMAKE_VERSION')) {
+            return [
+                'success' => false,
+                'message' => __('Popup Maker is not installed or activated', 'bit-integrations')
+            ];
+        }
+
+        $fieldData = static::generateReqDataFromFieldMap($fieldMap, $fieldValues);
+
+        $mainAction = $this->_integrationDetails->mainAction ?? '';
+
+        $defaultResponse = [
+            'success' => false,
+            // translators: %s: Plugin name
+            'message' => wp_sprintf(__('%s plugin is not installed or activate', 'bit-integrations'), 'Bit Integrations Pro')
+        ];
+
+        switch ($mainAction) {
+            case 'create_popup':
+                $response = Hooks::apply(Config::withPrefix('popup_maker_create_popup'), $defaultResponse, $fieldData, $utilities, $this->_integrationDetails);
+                $type = 'popup';
+                $actionType = 'create_popup';
+
+                break;
+
+            case 'update_popup':
+                $response = Hooks::apply(Config::withPrefix('popup_maker_update_popup'), $defaultResponse, $fieldData, $utilities, $this->_integrationDetails);
+                $type = 'popup';
+                $actionType = 'update_popup';
+
+                break;
+
+            case 'delete_popup':
+                $response = Hooks::apply(Config::withPrefix('popup_maker_delete_popup'), $defaultResponse, $fieldData, $utilities);
+                $type = 'popup';
+                $actionType = 'delete_popup';
+
+                break;
+
+            case 'change_popup_status':
+                $response = Hooks::apply(Config::withPrefix('popup_maker_change_popup_status'), $defaultResponse, $fieldData, $this->_integrationDetails);
+                $type = 'popup';
+                $actionType = 'change_popup_status';
+
+                break;
+
+            case 'reset_popup_counts':
+                $response = Hooks::apply(Config::withPrefix('popup_maker_reset_popup_counts'), $defaultResponse, $fieldData);
+                $type = 'popup';
+                $actionType = 'reset_popup_counts';
+
+                break;
+
+            case 'track_popup_event':
+                $response = Hooks::apply(Config::withPrefix('popup_maker_track_popup_event'), $defaultResponse, $fieldData, $this->_integrationDetails);
+                $type = 'popup';
+                $actionType = 'track_popup_event';
+
+                break;
+
+            case 'create_subscriber':
+                $response = Hooks::apply(Config::withPrefix('popup_maker_create_subscriber'), $defaultResponse, $fieldData, $utilities, $this->_integrationDetails);
+                $type = 'subscriber';
+                $actionType = 'create_subscriber';
+
+                break;
+
+            case 'update_subscriber':
+                $response = Hooks::apply(Config::withPrefix('popup_maker_update_subscriber'), $defaultResponse, $fieldData, $utilities, $this->_integrationDetails);
+                $type = 'subscriber';
+                $actionType = 'update_subscriber';
+
+                break;
+
+            case 'delete_subscriber':
+                $response = Hooks::apply(Config::withPrefix('popup_maker_delete_subscriber'), $defaultResponse, $fieldData);
+                $type = 'subscriber';
+                $actionType = 'delete_subscriber';
+
+                break;
+
+            default:
+                $response = [
+                    'success' => false,
+                    'message' => __('Invalid action', 'bit-integrations')
+                ];
+                $type = 'PopupMaker';
+                $actionType = 'unknown';
+
+                break;
+        }
+
+        $responseType = isset($response['success']) && $response['success'] ? 'success' : 'error';
+        LogHandler::save($this->_integrationID, ['type' => $type, 'type_name' => $actionType], $responseType, $response);
+
+        return $response;
+    }
+
+    protected static function generateReqDataFromFieldMap($fieldMap, $fieldValues)
+    {
+        $dataFinal = [];
+
+        foreach ($fieldMap as $item) {
+            $triggerValue = $item->formField;
+            $actionValue = $item->popupMakerField;
+
+            if (empty($actionValue)) {
+                continue;
+            }
+
+            $dataFinal[$actionValue] = $triggerValue === 'custom' && isset($item->customValue)
+                ? Common::replaceFieldWithValue($item->customValue, $fieldValues)
+                : $fieldValues[$triggerValue] ?? '';
+        }
+
+        return $dataFinal;
+    }
+}
diff --git a/backend/Actions/PopupMaker/Routes.php b/backend/Actions/PopupMaker/Routes.php
new file mode 100644
index 000000000..dfef415fa
--- /dev/null
+++ b/backend/Actions/PopupMaker/Routes.php
@@ -0,0 +1,11 @@
+<?php
+
+if (!defined('ABSPATH')) {
+    exit;
+}
+
+use BitApps\Integrations\Actions\PopupMaker\PopupMakerController;
+use BitApps\Integrations\Core\Util\Route;
+
+Route::post('refresh_popup_maker_popups', [PopupMakerController::class, 'refreshPopups']);
+Route::post('refresh_popup_maker_themes', [PopupMakerController::class, 'refreshThemes']);
diff --git a/frontend/src/components/AllIntegrations/EditInteg.jsx b/frontend/src/components/AllIntegrations/EditInteg.jsx
index 442fe8667..83ff9f8cb 100644
--- a/frontend/src/components/AllIntegrations/EditInteg.jsx
+++ b/frontend/src/components/AllIntegrations/EditInteg.jsx
@@ -182,6 +182,7 @@ const EditBookly = lazy(() => import('./Bookly/EditBookly'))
 const EditSureContact = lazy(() => import('./SureContact/EditSureContact'))
 const EditBrilliantDirectories = lazy(() => import('./BrilliantDirectories/EditBrilliantDirectories'))
 const EditFluentCart = lazy(() => import('./FluentCart/EditFluentCart'))
+const EditPopupMaker = lazy(() => import('./PopupMaker/EditPopupMaker'))
 const EditNextCrm = lazy(() => import('./NextCrm/EditNextCrm'))
 const EditFluentPlayer = lazy(() => import('./FluentPlayer/EditFluentPlayer'))
 const EditBitCrm = lazy(() => import('./BitCrm/EditBitCrm'))
@@ -640,6 +641,8 @@ const IntegType = memo(({ allIntegURL, flow }) => {
       return <EditBrilliantDirectories allIntegURL={allIntegURL} />
     case 'FluentCart':
       return <EditFluentCart allIntegURL={allIntegURL} />
+    case 'PopupMaker':
+      return <EditPopupMaker allIntegURL={allIntegURL} />
     case 'FluentPlayer':
       return <EditFluentPlayer allIntegURL={allIntegURL} />
     case 'BitCrm':
diff --git a/frontend/src/components/AllIntegrations/IntegInfo.jsx b/frontend/src/components/AllIntegrations/IntegInfo.jsx
index da1859aee..27684c440 100644
--- a/frontend/src/components/AllIntegrations/IntegInfo.jsx
+++ b/frontend/src/components/AllIntegrations/IntegInfo.jsx
@@ -184,13 +184,12 @@ const UltimateAffiliateProAuthorization = lazy(
   () => import('./UltimateAffiliatePro/UltimateAffiliateProAuthorization')
 )
 const BooklyAuthorization = lazy(() => import('./Bookly/BooklyAuthorization'))
-const SureContactAuthorization = lazy(
-  () => import('./SureContact/SureContactAuthorization')
-)
+const SureContactAuthorization = lazy(() => import('./SureContact/SureContactAuthorization'))
 const BrilliantDirectoriesAuthorization = lazy(
   () => import('./BrilliantDirectories/BrilliantDirectoriesAuthorization')
 )
 const FluentCartAuthorization = lazy(() => import('./FluentCart/FluentCartAuthorization'))
+const PopupMakerAuthorization = lazy(() => import('./PopupMaker/PopupMakerAuthorization'))
 const NextCrmAuthorization = lazy(() => import('./NextCrm/NextCrmAuthorization'))
 const FluentPlayerAuthorization = lazy(() => import('./FluentPlayer/FluentPlayerAuthorization'))
 const BitCrmAuthorization = lazy(() => import('./BitCrm/BitCrmAuthorization'))
@@ -679,14 +678,12 @@ const IntegrationInfo = memo(({ integrationConf, location, editUrl }) => {
       return <SureContactAuthorization sureContactConf={integrationConf} step={1} isInfo />
     case 'BrilliantDirectories':
       return (
-        <BrilliantDirectoriesAuthorization
-          brilliantDirectoriesConf={integrationConf}
-          step={1}
-          isInfo
-        />
+        <BrilliantDirectoriesAuthorization brilliantDirectoriesConf={integrationConf} step={1} isInfo />
       )
     case 'FluentCart':
       return <FluentCartAuthorization fluentCartConf={integrationConf} step={1} isInfo />
+    case 'PopupMaker':
+      return <PopupMakerAuthorization popupMakerConf={integrationConf} step={1} isInfo />
     case 'NextCrm':
       return <NextCrmAuthorization nextCrmConf={integrationConf} step={1} isInfo />
     case 'FluentPlayer':
diff --git a/frontend/src/components/AllIntegrations/NewInteg.jsx b/frontend/src/components/AllIntegrations/NewInteg.jsx
index 30abdf32d..90129b7cf 100644
--- a/frontend/src/components/AllIntegrations/NewInteg.jsx
+++ b/frontend/src/components/AllIntegrations/NewInteg.jsx
@@ -181,6 +181,7 @@ const Bookly = lazy(() => import('./Bookly/Bookly'))
 const SureContact = lazy(() => import('./SureContact/SureContact'))
 const BrilliantDirectories = lazy(() => import('./BrilliantDirectories/BrilliantDirectories'))
 const FluentCart = lazy(() => import('./FluentCart/FluentCart'))
+const PopupMaker = lazy(() => import('./PopupMaker/PopupMaker'))
 const NextCrm = lazy(() => import('./NextCrm/NextCrm'))
 const FluentPlayer = lazy(() => import('./FluentPlayer/FluentPlayer'))
 const BitCrm = lazy(() => import('./BitCrm/BitCrm'))
@@ -1780,6 +1781,15 @@ const NewIntegs = memo(({ integUrlName, allIntegURL, flow, setFlow }) => {
           setFlow={setFlow}
         />
       )
+    case 'PopupMaker':
+      return (
+        <PopupMaker
+          allIntegURL={allIntegURL}
+          formFields={flow?.triggerData?.fields}
+          flow={flow}
+          setFlow={setFlow}
+        />
+      )
     case 'FluentPlayer':
       return (
         <FluentPlayer
diff --git a/frontend/src/components/AllIntegrations/PopupMaker/EditPopupMaker.jsx b/frontend/src/components/AllIntegrations/PopupMaker/EditPopupMaker.jsx
new file mode 100644
index 000000000..a25215ee8
--- /dev/null
+++ b/frontend/src/components/AllIntegrations/PopupMaker/EditPopupMaker.jsx
@@ -0,0 +1,76 @@
+import { useState } from 'react'
+import { useNavigate, useParams } from 'react-router'
+import { useRecoilState, useRecoilValue } from 'recoil'
+import { $actionConf, $formFields, $newFlow } from '../../../GlobalStates'
+import { __ } from '../../../Utils/i18nwrap'
+import SnackMsg from '../../Utilities/SnackMsg'
+import { saveActionConf } from '../IntegrationHelpers/IntegrationHelpers'
+import IntegrationStepThree from '../IntegrationHelpers/IntegrationStepThree'
+import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
+import { checkMappedFields, handleInput } from './PopupMakerCommonFunc'
+import PopupMakerIntegLayout from './PopupMakerIntegLayout'
+
+export default function EditPopupMaker({ allIntegURL }) {
+  const navigate = useNavigate()
+  const { id, formID } = useParams()
+
+  const [popupMakerConf, setPopupMakerConf] = useRecoilState($actionConf)
+  const [flow, setFlow] = useRecoilState($newFlow)
+  const formFields = useRecoilValue($formFields)
+  const [isLoading, setIsLoading] = useState(false)
+  const [snack, setSnackbar] = useState({ show: false })
+
+  return (
+    <div style={{ width: 900 }}>
+      <SnackMsg snack={snack} setSnackbar={setSnackbar} />
+
+      <div className="flx mt-3">
+        <b className="wdt-200 d-in-b">{__('Integration Name:', 'bit-integrations')}</b>
+        <input
+          className="btcd-paper-inp w-5"
+          onChange={e => handleInput(e, popupMakerConf, setPopupMakerConf)}
+          name="name"
+          value={popupMakerConf.name}
+          type="text"
+          placeholder={__('Integration Name...', 'bit-integrations')}
+        />
+      </div>
+      <br />
+
+      <SetEditIntegComponents entity={flow.triggered_entity} setSnackbar={setSnackbar} />
+
+      <PopupMakerIntegLayout
+        formID={formID}
+        formFields={formFields}
+        popupMakerConf={popupMakerConf}
+        setPopupMakerConf={setPopupMakerConf}
+        setSnackbar={setSnackbar}
+        setIsLoading={setIsLoading}
+        isLoading={isLoading}
+      />
+
+      <IntegrationStepThree
+        edit
+        saveConfig={() =>
+          saveActionConf({
+            flow,
+            setFlow,
+            allIntegURL,
+            conf: popupMakerConf,
+            navigate,
+            id,
+            edit: 1,
+            setIsLoading,
+            setSnackbar
+          })
+        }
+        disabled={!checkMappedFields(popupMakerConf)}
+        isLoading={isLoading}
+        dataConf={popupMakerConf}
+        setDataConf={setPopupMakerConf}
+        formFields={formFields}
+      />
+      <br />
+    </div>
+  )
+}
diff --git a/frontend/src/components/AllIntegrations/PopupMaker/PopupMaker.jsx b/frontend/src/components/AllIntegrations/PopupMaker/PopupMaker.jsx
new file mode 100644
index 000000000..98d7f71ad
--- /dev/null
+++ b/frontend/src/components/AllIntegrations/PopupMaker/PopupMaker.jsx
@@ -0,0 +1,126 @@
+import { useState } from 'react'
+import 'react-multiple-select-dropdown-lite/dist/index.css'
+import { useNavigate, useParams } from 'react-router'
+import BackIcn from '../../../Icons/BackIcn'
+import { __ } from '../../../Utils/i18nwrap'
+import SnackMsg from '../../Utilities/SnackMsg'
+import { saveIntegConfig } from '../IntegrationHelpers/IntegrationHelpers'
+import IntegrationStepThree from '../IntegrationHelpers/IntegrationStepThree'
+import PopupMakerAuthorization from './PopupMakerAuthorization'
+import { checkMappedFields } from './PopupMakerCommonFunc'
+import PopupMakerIntegLayout from './PopupMakerIntegLayout'
+import { needsEvent, needsStatus } from './staticData'
+
+export default function PopupMaker({ formFields, setFlow, flow, allIntegURL }) {
+  const navigate = useNavigate()
+  const { formID } = useParams()
+  const [isLoading, setIsLoading] = useState(false)
+  const [step, setStep] = useState(1)
+  const [snack, setSnackbar] = useState({ show: false })
+  const [popupMakerConf, setPopupMakerConf] = useState({
+    name: 'PopupMaker',
+    type: 'PopupMaker',
+    field_map: [{ formField: '', popupMakerField: '' }],
+    actions: {},
+    mainAction: ''
+  })
+
+  const nextPage = val => {
+    setTimeout(() => {
+      document.getElementById('btcd-settings-wrp').scrollTop = 0
+    }, 300)
+
+    if (val === 3) {
+      if (needsStatus.includes(popupMakerConf.mainAction) && !popupMakerConf?.selectedStatus) {
+        setSnackbar({
+          show: true,
+          msg: __('Please select a status to continue.', 'bit-integrations')
+        })
+        return
+      }
+
+      if (needsEvent.includes(popupMakerConf.mainAction) && !popupMakerConf?.selectedEvent) {
+        setSnackbar({
+          show: true,
+          msg: __('Please select an event to continue.', 'bit-integrations')
+        })
+        return
+      }
+
+      if (!checkMappedFields(popupMakerConf)) {
+        setSnackbar({
+          show: true,
+          msg: __('Please map all required fields to continue.', 'bit-integrations')
+        })
+        return
+      }
+
+      if (popupMakerConf.name !== '' && popupMakerConf.field_map.length > 0) {
+        setStep(val)
+      }
+    } else {
+      setStep(val)
+    }
+  }
+
+  return (
+    <div>
+      <SnackMsg snack={snack} setSnackbar={setSnackbar} />
+      <div className="txt-center mt-2" />
+
+      {/* STEP 1 */}
+      <PopupMakerAuthorization
+        formID={formID}
+        popupMakerConf={popupMakerConf}
+        setPopupMakerConf={setPopupMakerConf}
+        step={step}
+        nextPage={nextPage}
+        isLoading={isLoading}
+        setIsLoading={setIsLoading}
+        setSnackbar={setSnackbar}
+      />
+
+      {/* STEP 2 */}
+      <div
+        className="btcd-stp-page"
+        style={{
+          width: step === 2 && 900,
+          height: step === 2 && 'auto',
+          minHeight: step === 2 && '500px'
+        }}>
+        <PopupMakerIntegLayout
+          formID={formID}
+          formFields={formFields}
+          popupMakerConf={popupMakerConf}
+          setPopupMakerConf={setPopupMakerConf}
+          setSnackbar={setSnackbar}
+          setIsLoading={setIsLoading}
+          isLoading={isLoading}
+        />
+        <br />
+        <br />
+        <br />
+        <button
+          onClick={() => nextPage(3)}
+          disabled={popupMakerConf.field_map.length < 1}
+          className="btn f-right btcd-btn-lg purple sh-sm flx"
+          type="button">
+          {__('Next', 'bit-integrations')}
+          <BackIcn className="ml-1 rev-icn" />
+        </button>
+      </div>
+
+      {/* STEP 3 */}
+      <IntegrationStepThree
+        step={step}
+        saveConfig={() =>
+          saveIntegConfig(flow, setFlow, allIntegURL, popupMakerConf, navigate, '', '', setIsLoading)
+        }
+        isLoading={isLoading}
+        dataConf={popupMakerConf}
+        setDataConf={setPopupMakerConf}
+        formFields={formFields}
+      />
+    </div>
+  )
+}
diff --git a/frontend/src/components/AllIntegrations/PopupMaker/PopupMakerActions.jsx b/frontend/src/components/AllIntegrations/PopupMaker/PopupMakerActions.jsx
new file mode 100644
index 000000000..397f2c827
--- /dev/null
+++ b/frontend/src/components/AllIntegrations/PopupMaker/PopupMakerActions.jsx
@@ -0,0 +1,156 @@
+/* eslint-disable no-param-reassign */
+
+import { useState } from 'react'
+import { create } from 'mutative'
+import MultiSelect from 'react-multiple-select-dropdown-lite'
+import { __ } from '../../../Utils/i18nwrap'
+import ConfirmModal from '../../Utilities/ConfirmModal'
+import TableCheckBox from '../../Utilities/TableCheckBox'
+import 'react-multiple-select-dropdown-lite/dist/index.css'
+import {
+  animationOptions,
+  consentOptions,
+  forceDeleteOptions,
+  needsPopup,
+  needsTheme,
+  sizeOptions,
+  statusOptions
+} from './staticData'
+
+export default function PopupMakerActions({ popupMakerConf, setPopupMakerConf }) {
+  const [actionMdl, setActionMdl] = useState({ show: false, action: () => {} })
+
+  const actionHandler = type => setActionMdl({ show: type })
+
+  const clsActionMdl = () => {
+    setActionMdl({ show: false })
+  }
+
+  const setAction = (val, name) => {
+    setPopupMakerConf(prevConf =>
+      create(prevConf, draftConf => {
+        if (!draftConf.utilities) {
+          draftConf.utilities = {}
+        }
+        draftConf.utilities[name] = val
+      })
+    )
+  }
+
+  const renderActionModal = (type, title, options, valueName) => (
+    <ConfirmModal
+      className="custom-conf-mdl"
+      mainMdlCls="o-v"
+      btnClass="purple"
+      btnTxt={__('Ok', 'bit-integrations')}
+      show={actionMdl.show === type}
+      close={clsActionMdl}
+      action={clsActionMdl}
+      title={title}>
+      <div className="btcd-hr mt-2 mb-2" />
+      <div className="mt-2">{title}</div>
+      <div className="flx flx-between mt-2">
+        <MultiSelect
+          options={options}
+          className="msl-wrp-options"
+          singleSelect
+          closeOnSelect
+          defaultValue={popupMakerConf?.utilities?.[valueName] || undefined}
+          onChange={val => setAction(val, valueName)}
+        />
+      </div>
+    </ConfirmModal>
+  )
+
+  const isPopupWrite = needsTheme.includes(popupMakerConf?.mainAction)
+  const isSubscriberWrite = needsPopup.includes(popupMakerConf?.mainAction)
+
+  return (
+    <div className="pos-rel d-flx flx-wrp">
+      {isPopupWrite && (
+        <>
+          <TableCheckBox
+            checked={popupMakerConf?.utilities?.selected_status || false}
+            onChange={() => actionHandler('status')}
+            className="wdt-200 mt-4 mr-2"
+            value="status"
+            title={__('Popup Status', 'bit-integrations')}
+            subTitle={__('Set the popup status', 'bit-integrations')}
+          />
+
+          <TableCheckBox
+            checked={popupMakerConf?.utilities?.selected_size || false}
+            onChange={() => actionHandler('size')}
+            className="wdt-200 mt-4 mr-2"
+            value="size"
+            title={__('Size', 'bit-integrations')}
+            subTitle={__('Set the popup size', 'bit-integrations')}
+          />
+
+          <TableCheckBox
+            checked={popupMakerConf?.utilities?.selected_animation_type || false}
+            onChange={() => actionHandler('animation_type')}
+            className="wdt-200 mt-4 mr-2"
+            value="animation_type"
+            title={__('Animation Type', 'bit-integrations')}
+            subTitle={__('Set the popup animation', 'bit-integrations')}
+          />
+
+          {renderActionModal(
+            'status',
+            __('Popup Status', 'bit-integrations'),
+            statusOptions,
+            'selected_status'
+          )}
+          {renderActionModal('size', __('Size', 'bit-integrations'), sizeOptions, 'selected_size')}
+          {renderActionModal(
+            'animation_type',
+            __('Animation Type', 'bit-integrations'),
+            animationOptions,
+            'selected_animation_type'
+          )}
+        </>
+      )}
+
+      {popupMakerConf?.mainAction === 'delete_popup' && (
+        <>
+          <TableCheckBox
+            checked={popupMakerConf?.utilities?.selected_force_delete || false}
+            onChange={() => actionHandler('force_delete')}
+            className="wdt-200 mt-4 mr-2"
+            value="force_delete"
+            title={__('Force Delete', 'bit-integrations')}
+            subTitle={__('Delete permanently instead of trashing', 'bit-integrations')}
+          />
+
+          {renderActionModal(
+            'force_delete',
+            __('Force Delete', 'bit-integrations'),
+            forceDeleteOptions,
+            'selected_force_delete'
+          )}
+        </>
+      )}
+
+      {isSubscriberWrite && (
+        <>
+          <TableCheckBox
+            checked={popupMakerConf?.utilities?.selected_consent || false}
+            onChange={() => actionHandler('consent')}
+            className="wdt-200 mt-4 mr-2"
+            value="consent"
+            title={__('Consent', 'bit-integrations')}
+            subTitle={__('Set the subscriber consent', 'bit-integrations')}
+          />
+
+          {renderActionModal(
+            'consent',
+            __('Consent', 'bit-integrations'),
+            consentOptions,
+            'selected_consent'
+          )}
+        </>
+      )}
+    </div>
+  )
+}
diff --git a/frontend/src/components/AllIntegrations/PopupMaker/PopupMakerAuthorization.jsx b/frontend/src/components/AllIntegrations/PopupMaker/PopupMakerAuthorization.jsx
new file mode 100644
index 000000000..f9ab0cc86
--- /dev/null
+++ b/frontend/src/components/AllIntegrations/PopupMaker/PopupMakerAuthorization.jsx
@@ -0,0 +1,36 @@
+import { useCallback } from 'react'
+import { AUTH_TYPES } from '../../../Utils/connectionAuth'
+import { __ } from '../../../Utils/i18nwrap'
+import tutorialLinks from '../../../Utils/StaticData/tutorialLinks'
+import Authorization from '../../Connections/Authorization'
+
+export default function PopupMakerAuthorization({
+  popupMakerConf,
+  setPopupMakerConf,
+  step,
+  nextPage,
+  isInfo
+}) {
+  const setStep = useCallback(value => nextPage(value), [nextPage])
+  return (
+    <Authorization
+      config={popupMakerConf}
+      setConfig={setPopupMakerConf}
+      step={step}
+      setStep={setStep}
+      isInfo={isInfo}
+      tutorialTitle="Popup Maker"
+      tutorialLinks={tutorialLinks?.popupMaker || {}}
+      authDetails={{
+        authType: AUTH_TYPES.WP_PLUGIN_CHECK,
+        pluginCheck: { checks: [{ type: 'constant', value: 'POPMAKE_VERSION' }], logic: 'AND' }
+      }}
+      noteDetails={{
+        note: __(
+          'To use Popup Maker integration, make sure the Popup Maker plugin is installed and active on your site.',
+          'bit-integrations'
+        )
+      }}
+    />
+  )
+}
diff --git a/frontend/src/components/AllIntegrations/PopupMaker/PopupMakerCommonFunc.js b/frontend/src/components/AllIntegrations/PopupMaker/PopupMakerCommonFunc.js
new file mode 100644
index 000000000..3ceb1782b
--- /dev/null
+++ b/frontend/src/components/AllIntegrations/PopupMaker/PopupMakerCommonFunc.js
@@ -0,0 +1,81 @@
+import { create } from 'mutative'
+import toast from 'react-hot-toast'
+import bitsFetch from '../../../Utils/bitsFetch'
+import { __ } from '../../../Utils/i18nwrap'
+
+export const handleInput = (e, popupMakerConf, setPopupMakerConf) => {
+  const { name, value } = e.target
+
+  setPopupMakerConf(prevConf =>
+    create(prevConf, draftConf => {
+      draftConf[name] = value
+    })
+  )
+}
+
+export const refreshPopupMakerPopups = (setPopupMakerConf, setIsLoading) => {
+  setIsLoading(true)
+  bitsFetch(null, 'refresh_popup_maker_popups')
+    .then(result => {
+      if (result && result?.success && result?.data?.popups) {
+        setPopupMakerConf(prevConf =>
+          create(prevConf, draftConf => {
+            draftConf.allPopups = result.data.popups
+          })
+        )
+
+        setIsLoading(false)
+        toast.success(__('All popups fetched successfully', 'bit-integrations'))
+        return
+      }
+      setIsLoading(false)
+      toast.error(__('Popup Maker popups fetch failed. Please try again', 'bit-integrations'))
+    })
+    .catch(() => setIsLoading(false))
+}
+
+export const refreshPopupMakerThemes = (setPopupMakerConf, setIsLoading) => {
+  setIsLoading(true)
+  bitsFetch(null, 'refresh_popup_maker_themes')
+    .then(result => {
+      if (result && result?.success && result?.data?.themes) {
+        setPopupMakerConf(prevConf =>
+          create(prevConf, draftConf => {
+            draftConf.allThemes = result.data.themes
+          })
+        )
+
+        setIsLoading(false)
+        toast.success(__('All popup themes fetched successfully', 'bit-integrations'))
+        return
+      }
+      setIsLoading(false)
+      toast.error(__('Popup Maker themes fetch failed. Please try again', 'bit-integrations'))
+    })
+    .catch(() => setIsLoading(false))
+}
+
+export const checkMappedFields = popupMakerConf => {
+  const mappedFields = popupMakerConf?.field_map
+    ? popupMakerConf.field_map.filter(
+        mappedField =>
+          !mappedField.formField ||
+          !mappedField.popupMakerField ||
+          (mappedField.formField === 'custom' && !mappedField.customValue)
+      )
+    : []
+  if (mappedFields.length > 0) {
+    return false
+  }
+  return true
+}
+
+export const generateMappedField = fields => {
+  const requiredFlds = fields.filter(fld => fld.required === true)
+  return requiredFlds.length > 0
+    ? requiredFlds.map(field => ({
+        formField: '',
+        popupMakerField: field.key
+      }))
+    : [{ formField: '', popupMakerField: '' }]
+}
diff --git a/frontend/src/components/AllIntegrations/PopupMaker/PopupMakerFieldMap.jsx b/frontend/src/components/AllIntegrations/PopupMaker/PopupMakerFieldMap.jsx
new file mode 100644
index 000000000..bffd46985
--- /dev/null
+++ b/frontend/src/components/AllIntegrations/PopupMaker/PopupMakerFieldMap.jsx
@@ -0,0 +1,104 @@
+import { useRecoilValue } from 'recoil'
+import { $appConfigState } from '../../../GlobalStates'
+import { __, sprintf } from '../../../Utils/i18nwrap'
+import { SmartTagField } from '../../../Utils/StaticData/SmartTagField'
+import TagifyInput from '../../Utilities/TagifyInput'
+import {
+  addFieldMap,
+  delFieldMap,
+  handleCustomValue,
+  handleFieldMapping
+} from '../GlobalIntegrationHelper'
+
+export default function PopupMakerFieldMap({ i, formFields, field, popupMakerConf, setPopupMakerConf }) {
+  const btcbi = useRecoilValue($appConfigState)
+  const { isPro } = btcbi
+
+  const requiredFlds = popupMakerConf?.popupMakerFields?.filter(fld => fld.required === true) || []
+  const nonRequiredFlds = popupMakerConf?.popupMakerFields?.filter(fld => fld.required === false) || []
+
+  return (
+    <div className="flx mt-2 mb-2 btcbi-field-map">
+      <div className="pos-rel flx">
+        <div className="flx integ-fld-wrp">
+          <select
+            className="btcd-paper-inp mr-2"
+            name="formField"
+            value={field.formField || ''}
+            onChange={ev => handleFieldMapping(ev, i, popupMakerConf, setPopupMakerConf)}>
+            <option value="">{__('Select Field', 'bit-integrations')}</option>
+            <optgroup label={__('Form Fields', 'bit-integrations')}>
+              {formFields?.map(f => (
+                <option key={`ff-rm-${f.name}`} value={f.name}>
+                  {f.label}
+                </option>
+              ))}
+            </optgroup>
+            <option value="custom">{__('Custom...', 'bit-integrations')}</option>
+            <optgroup
+              label={sprintf(
+                __('General Smart Codes %s', 'bit-integrations'),
+                isPro ? '' : `(${__('Pro', 'bit-integrations')})`
+              )}>
+              {isPro &&
+                SmartTagField?.map(f => (
+                  <option key={`ff-rm-${f.name}`} value={f.name}>
+                    {f.label}
+                  </option>
+                ))}
+            </optgroup>
+          </select>
+
+          {field.formField === 'custom' && (
+            <TagifyInput
+              onChange={e => handleCustomValue(e, i, popupMakerConf, setPopupMakerConf)}
+              label={__('Custom Value', 'bit-integrations')}
+              className="mr-2"
+              type="text"
+              value={field.customValue}
+              placeholder={__('Custom Value', 'bit-integrations')}
+              formFields={formFields}
+            />
+          )}
+
+          <select
+            className="btcd-paper-inp"
+            disabled={i < requiredFlds.length}
+            name="popupMakerField"
+            value={i < requiredFlds ? requiredFlds[i].label || '' : field.popupMakerField || ''}
+            onChange={ev => handleFieldMapping(ev, i, popupMakerConf, setPopupMakerConf)}>
+            <option value="">{__('Select Field', 'bit-integrations')}</option>
+            {i < requiredFlds.length ? (
+              <option key={requiredFlds[i].key} value={requiredFlds[i].key}>
+                {requiredFlds[i].label}
+              </option>
+            ) : (
+              nonRequiredFlds.map(({ key, label }) => (
+                <option key={key} value={key}>
+                  {label}
+                </option>
+              ))
+            )}
+          </select>
+        </div>
+        {i >= requiredFlds.length && (
+          <>
+            <button
+              onClick={() => addFieldMap(i, popupMakerConf, setPopupMakerConf)}
+              className="icn-btn sh-sm ml-2 mr-1"
+              type="button">
+              +
+            </button>
+            <button
+              onClick={() => delFieldMap(i, popupMakerConf, setPopupMakerConf)}
+              className="icn-btn sh-sm ml-1"
+              type="button"
+              aria-label="btn">
+              <span className="btcd-icn icn-trash-2" />
+            </button>
+          </>
+        )}
+      </div>
+    </div>
+  )
+}
diff --git a/frontend/src/components/AllIntegrations/PopupMaker/PopupMakerIntegLayout.jsx b/frontend/src/components/AllIntegrations/PopupMaker/PopupMakerIntegLayout.jsx
new file mode 100644
index 000000000..30047517e
--- /dev/null
+++ b/frontend/src/components/AllIntegrations/PopupMaker/PopupMakerIntegLayout.jsx
@@ -0,0 +1,278 @@
+import { create } from 'mutative'
+import MultiSelect from 'react-multiple-select-dropdown-lite'
+import { useRecoilValue } from 'recoil'
+import { $appConfigState } from '../../../GlobalStates'
+import { __ } from '../../../Utils/i18nwrap'
+import Loader from '../../Loaders/Loader'
+import { checkIsPro, getProLabel } from '../../Utilities/ProUtilHelpers'
+import { addFieldMap } from '../IntegrationHelpers/IntegrationHelpers'
+import PopupMakerActions from './PopupMakerActions'
+import {
+  generateMappedField,
+  refreshPopupMakerPopups,
+  refreshPopupMakerThemes
+} from './PopupMakerCommonFunc'
+import PopupMakerFieldMap from './PopupMakerFieldMap'
+import {
+  changeStatusOptions,
+  eventOptions,
+  hasUtilities,
+  modules,
+  needsEvent,
+  needsPopup,
+  needsStatus,
+  needsTheme,
+  PopupFields,
+  PopupIdField,
+  PopupUpdateFields,
+  SubscriberFields,
+  SubscriberIdField,
+  SubscriberUpdateFields
+} from './staticData'
+
+export default function PopupMakerIntegLayout({
+  formID,
+  formFields,
+  popupMakerConf,
+  setPopupMakerConf,
+  isLoading,
+  setIsLoading,
+  setSnackbar
+}) {
+  const btcbi = useRecoilValue($appConfigState)
+  const { isPro } = btcbi
+
+  const setField = (key, val) =>
+    setPopupMakerConf(prevConf =>
+      create(prevConf, draftConf => {
+        draftConf[key] = val
+      })
+    )
+
+  const handleMainAction = value => {
+    setPopupMakerConf(prevConf =>
+      create(prevConf, draftConf => {
+        draftConf.mainAction = value
+
+        switch (value) {
+          case 'create_popup':
+            draftConf.popupMakerFields = PopupFields
+            break
+          case 'update_popup':
+            draftConf.popupMakerFields = PopupUpdateFields
+            break
+          case 'delete_popup':
+          case 'change_popup_status':
+          case 'reset_popup_counts':
+          case 'track_popup_event':
+            draftConf.popupMakerFields = PopupIdField
+            break
+          case 'create_subscriber':
+            draftConf.popupMakerFields = SubscriberFields
+            break
+          case 'update_subscriber':
+            draftConf.popupMakerFields = SubscriberUpdateFields
+            break
+          case 'delete_subscriber':
+            draftConf.popupMakerFields = SubscriberIdField
+            break
+          default:
+            draftConf.popupMakerFields = []
+        }
+
+        draftConf.field_map = generateMappedField(draftConf.popupMakerFields)
+      })
+    )
+
+    if (needsTheme.includes(value) && !popupMakerConf?.allThemes?.length) {
+      refreshPopupMakerThemes(setPopupMakerConf, setIsLoading)
+    }
+
+    if (needsPopup.includes(value) && !popupMakerConf?.allPopups?.length) {
+      refreshPopupMakerPopups(setPopupMakerConf, setIsLoading)
+    }
+  }
+
+  return (
+    <>
+      <br />
+      <div className="flx">
+        <b className="wdt-200 d-in-b">{__('Action:', 'bit-integrations')}</b>
+        <MultiSelect
+          title="mainAction"
+          defaultValue={popupMakerConf?.mainAction ?? null}
+          className="mt-2 w-5"
+          onChange={value => handleMainAction(value)}
+          options={modules?.map(action => ({
+            label: checkIsPro(isPro, action.is_pro) ? action.label : getProLabel(action.label),
+            value: action.name,
+            disabled: !checkIsPro(isPro, action.is_pro)
+          }))}
+          singleSelect
+          closeOnSelect
+        />
+      </div>
+
+      {needsStatus.includes(popupMakerConf?.mainAction) && (
+        <>
+          <br />
+          <div className="flx">
+            <b className="wdt-200 d-in-b">{__('Status:', 'bit-integrations')}</b>
+            <MultiSelect
+              title="selectedStatus"
+              defaultValue={popupMakerConf?.selectedStatus ?? null}
+              className="btcd-paper-drpdwn w-5"
+              options={changeStatusOptions}
+              onChange={val => setField('selectedStatus', val)}
+              singleSelect
+              closeOnSelect
+            />
+          </div>
+        </>
+      )}
+
+      {needsEvent.includes(popupMakerConf?.mainAction) && (
+        <>
+          <br />
+          <div className="flx">
+            <b className="wdt-200 d-in-b">{__('Event:', 'bit-integrations')}</b>
+            <MultiSelect
+              title="selectedEvent"
+              defaultValue={popupMakerConf?.selectedEvent ?? null}
+              className="btcd-paper-drpdwn w-5"
+              options={eventOptions}
+              onChange={val => setField('selectedEvent', val)}
+              singleSelect
+              closeOnSelect
+            />
+          </div>
+        </>
+      )}
+
+      {needsTheme.includes(popupMakerConf?.mainAction) && (
+        <>
+          <br />
+          <div className="flx">
+            <b className="wdt-200 d-in-b">{__('Popup Theme:', 'bit-integrations')}</b>
+            <MultiSelect
+              title="selectedTheme"
+              defaultValue={popupMakerConf?.selectedTheme ?? null}
+              className="btcd-paper-drpdwn w-5"
+              options={
+                popupMakerConf?.allThemes &&
+                Array.isArray(popupMakerConf.allThemes) &&
+                popupMakerConf.allThemes.map(theme => ({
+                  label: theme.title,
+                  value: theme.id.toString()
+                }))
+              }
+              onChange={val => setField('selectedTheme', val)}
+              singleSelect
+              closeOnSelect
+            />
+            <button
+              onClick={() => refreshPopupMakerThemes(setPopupMakerConf, setIsLoading)}
+              className="icn-btn sh-sm ml-2 mr-2 tooltip"
+              style={{ '--tooltip-txt': `'${__('Refresh Themes', 'bit-integrations')}'` }}
+              type="button"
+              disabled={isLoading}>
+              &#x21BB;
+            </button>
+          </div>
+        </>
+      )}
+
+      {needsPopup.includes(popupMakerConf?.mainAction) && (
+        <>
+          <br />
+          <div className="flx">
+            <b className="wdt-200 d-in-b">{__('Popup:', 'bit-integrations')}</b>
+            <MultiSelect
+              title="selectedPopup"
+              defaultValue={popupMakerConf?.selectedPopup ?? null}
+              className="btcd-paper-drpdwn w-5"
+              options={
+                popupMakerConf?.allPopups &&
+                Array.isArray(popupMakerConf.allPopups) &&
+                popupMakerConf.allPopups.map(popup => ({
+                  label: popup.title,
+                  value: popup.id.toString()
+                }))
+              }
+              onChange={val => setField('selectedPopup', val)}
+              singleSelect
+              closeOnSelect
+            />
+            <button
+              onClick={() => refreshPopupMakerPopups(setPopupMakerConf, setIsLoading)}
+              className="icn-btn sh-sm ml-2 mr-2 tooltip"
+              style={{ '--tooltip-txt': `'${__('Refresh Popups', 'bit-integrations')}'` }}
+              type="button"
+              disabled={isLoading}>
+              &#x21BB;
+            </button>
+          </div>
+        </>
+      )}
+
+      {isLoading && (
+        <Loader
+          style={{
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            height: 100,
+            transform: 'scale(0.7)'
+          }}
+        />
+      )}
+
+      {popupMakerConf?.mainAction && popupMakerConf.popupMakerFields && (
+        <div className="mt-4">
+          <b className="wdt-100">{__('Map Fields', 'bit-integrations')}</b>
+          <div className="btcd-hr mt-1" />
+          <div className="flx flx-around mt-2 mb-2 btcbi-field-map-label">
+            <div className="txt-dp">
+              <b>{__('Form Fields', 'bit-integrations')}</b>
+            </div>
+            <div className="txt-dp">
+              <b>{__('Popup Maker Fields', 'bit-integrations')}</b>
+            </div>
+          </div>
+
+          {popupMakerConf?.field_map?.map((itm, i) => (
+            <PopupMakerFieldMap
+              key={`popup-maker-m-${i + 9}`}
+              i={i}
+              field={itm}
+              popupMakerConf={popupMakerConf}
+              formFields={formFields}
+              setPopupMakerConf={setPopupMakerConf}
+            />
+          ))}
+          <div className="txt-center btcbi-field-map-button mt-2">
+            <button
+              onClick={() =>
+                addFieldMap(popupMakerConf.field_map.length, popupMakerConf, setPopupMakerConf)
+              }
+              className="icn-btn sh-sm"
+              type="button">
+              +
+            </button>
+          </div>
+          <br />
+        </div>
+      )}
+
+      {popupMakerConf?.mainAction &&
+        popupMakerConf.popupMakerFields &&
+        hasUtilities.includes(popupMakerConf?.mainAction) && (
+          <div className="mt-4">
+            <b className="wdt-100">{__('Utilities', 'bit-integrations')}</b>
+            <div className="btcd-hr mt-1" />
+            <PopupMakerActions popupMakerConf={popupMakerConf} setPopupMakerConf={setPopupMakerConf} />
+          </div>
+        )}
+    </>
+  )
+}
diff --git a/frontend/src/components/AllIntegrations/PopupMaker/staticData.js b/frontend/src/components/AllIntegrations/PopupMaker/staticData.js
new file mode 100644
index 000000000..60e39b672
--- /dev/null
+++ b/frontend/src/components/AllIntegrations/PopupMaker/staticData.js
@@ -0,0 +1,121 @@
+import { __ } from '../../../Utils/i18nwrap'
+
+export const modules = [
+  { name: 'create_popup', label: __('Create Popup', 'bit-integrations'), is_pro: true },
+  { name: 'update_popup', label: __('Update Popup', 'bit-integrations'), is_pro: true },
+  { name: 'delete_popup', label: __('Delete Popup', 'bit-integrations'), is_pro: true },
+  {
+    name: 'change_popup_status',
+    label: __('Change Popup Status', 'bit-integrations'),
+    is_pro: true
+  },
+  {
+    name: 'reset_popup_counts',
+    label: __('Reset Popup Counts', 'bit-integrations'),
+    is_pro: true
+  },
+  { name: 'track_popup_event', label: __('Track Popup Event', 'bit-integrations'), is_pro: true },
+  { name: 'create_subscriber', label: __('Create Subscriber', 'bit-integrations'), is_pro: true },
+  { name: 'update_subscriber', label: __('Update Subscriber', 'bit-integrations'), is_pro: true },
+  { name: 'delete_subscriber', label: __('Delete Subscriber', 'bit-integrations'), is_pro: true }
+]
+
+export const PopupFields = [
+  { key: 'title', label: __('Popup Name', 'bit-integrations'), required: true },
+  { key: 'popup_title', label: __('Popup Title', 'bit-integrations'), required: false },
+  { key: 'content', label: __('Content', 'bit-integrations'), required: false }
+]
+
+export const PopupUpdateFields = [
+  { key: 'popup_id', label: __('Popup ID', 'bit-integrations'), required: true },
+  { key: 'title', label: __('Popup Name', 'bit-integrations'), required: false },
+  { key: 'popup_title', label: __('Popup Title', 'bit-integrations'), required: false },
+  { key: 'content', label: __('Content', 'bit-integrations'), required: false }
+]
+
+export const PopupIdField = [
+  { key: 'popup_id', label: __('Popup ID', 'bit-integrations'), required: true }
+]
+
+export const SubscriberFields = [
+  { key: 'email', label: __('Email', 'bit-integrations'), required: true },
+  { key: 'name', label: __('Name', 'bit-integrations'), required: false },
+  { key: 'fname', label: __('First Name', 'bit-integrations'), required: false },
+  { key: 'lname', label: __('Last Name', 'bit-integrations'), required: false },
+  { key: 'consent_args', label: __('Consent Args', 'bit-integrations'), required: false }
+]
+
+export const SubscriberUpdateFields = [
+  { key: 'subscriber_id', label: __('Subscriber ID', 'bit-integrations'), required: true },
+  { key: 'email', label: __('Email', 'bit-integrations'), required: false },
+  { key: 'name', label: __('Name', 'bit-integrations'), required: false },
+  { key: 'fname', label: __('First Name', 'bit-integrations'), required: false },
+  { key: 'lname', label: __('Last Name', 'bit-integrations'), required: false }
+]
+
+export const SubscriberIdField = [
+  { key: 'subscriber_id', label: __('Subscriber ID', 'bit-integrations'), required: true }
+]
+
+export const statusOptions = [
+  { label: __('Publish', 'bit-integrations'), value: 'publish' },
+  { label: __('Draft', 'bit-integrations'), value: 'draft' },
+  { label: __('Pending', 'bit-integrations'), value: 'pending' },
+  { label: __('Private', 'bit-integrations'), value: 'private' }
+]
+
+export const changeStatusOptions = [
+  ...statusOptions,
+  { label: __('Trash', 'bit-integrations'), value: 'trash' }
+]
+
+export const eventOptions = [
+  { label: __('Open', 'bit-integrations'), value: 'open' },
+  { label: __('Conversion', 'bit-integrations'), value: 'conversion' }
+]
+
+export const sizeOptions = [
+  { label: __('Nano - 10%', 'bit-integrations'), value: 'nano' },
+  { label: __('Micro - 20%', 'bit-integrations'), value: 'micro' },
+  { label: __('Tiny - 30%', 'bit-integrations'), value: 'tiny' },
+  { label: __('Small - 40%', 'bit-integrations'), value: 'small' },
+  { label: __('Medium - 60%', 'bit-integrations'), value: 'medium' },
+  { label: __('Normal - 70%', 'bit-integrations'), value: 'normal' },
+  { label: __('Large - 80%', 'bit-integrations'), value: 'large' },
+  { label: __('X Large - 95%', 'bit-integrations'), value: 'xlarge' },
+  { label: __('Auto', 'bit-integrations'), value: 'auto' },
+  { label: __('Custom', 'bit-integrations'), value: 'custom' }
+]
+
+export const animationOptions = [
+  { label: __('None', 'bit-integrations'), value: 'none' },
+  { label: __('Slide', 'bit-integrations'), value: 'slide' },
+  { label: __('Fade', 'bit-integrations'), value: 'fade' },
+  { label: __('Fade and Slide', 'bit-integrations'), value: 'fadeAndSlide' }
+]
+
+export const consentOptions = [
+  { label: __('Yes', 'bit-integrations'), value: 'yes' },
+  { label: __('No', 'bit-integrations'), value: 'no' }
+]
+
+export const forceDeleteOptions = [
+  { label: __('Yes, delete permanently', 'bit-integrations'), value: 'yes' },
+  { label: __('No, move to trash', 'bit-integrations'), value: 'no' }
+]
+
+export const needsTheme = ['create_popup', 'update_popup']
+
+export const needsPopup = ['create_subscriber', 'update_subscriber']
+
+export const needsStatus = ['change_popup_status']
+
+export const needsEvent = ['track_popup_event']
+
+export const hasUtilities = [
+  'create_popup',
+  'update_popup',
+  'delete_popup',
+  'create_subscriber',
+  'update_subscriber'
+]
diff --git a/frontend/src/components/Flow/New/SelectAction.jsx b/frontend/src/components/Flow/New/SelectAction.jsx
index b42656e4b..0da46d53c 100644
--- a/frontend/src/components/Flow/New/SelectAction.jsx
+++ b/frontend/src/components/Flow/New/SelectAction.jsx
@@ -188,6 +188,7 @@ export default function SelectAction() {
     { type: 'SureContact', is_pro: false },
     { type: 'BrilliantDirectories', name: 'Brilliant Directories', logo: 'brilliantDirectories', is_pro: false },
     { type: 'FluentCart', is_pro: true },
+    { type: 'PopupMaker', name: 'Popup Maker', logo: 'popupMaker', is_pro: true },
     { type: 'FluentPlayer', is_pro: true },
     { type: 'BitCrm', name: 'Bit CRM', logo: 'bitCrm', is_pro: false },
     { type: 'MoreConvert Wishlist', logo: 'moreConvertWishlist', is_pro: true },