Categories
active arrowAccount
active arrowGetting Started
active arrowCampaign Builder
active arrowAdvanced Design Customization
active arrowEmail Campaign Customization
active arrowSegment & Targeting
active arrowAnalytics
active arrowShopify
active arrowEmail Marketing and CRM Integrations
active arrowHow to Share Your Popup Form and Submission with a Link
active arrowHow to Create a Custom Popup with a Blank Popup Template?
active arrowHow to Create a Full Screen, Lightbox, and Floating Bar Popup
active arrowHow to Create Well-Designed Campaigns with Themes?
active arrowHow to Use Column & Row Structures Efficiently in a Popup?
active arrowDiscover the Customize Step of Popupsmart
active arrowHow to Adjust Popup Style
active arrowHow to Create a Multi-step Popup?
active arrowWhat is a Success Popup? How Does it Work?
active arrowWhich Elements Can I Add to My Popup?
active arrowHow to Add Fonts on Popupsmart
active arrowHow to Prefill Form Fields
active arrowHow to Add Hidden Inputs to Your Popup Campaigns?
active arrowHow to Add New Elements & Use Drag and Drop Editor
active arrowHow to Add New Form Fields to My Popup
active arrowHow to Add a Privacy Policy on Popupsmart?
active arrowHow to Add a Coupon Code to Your Popup
active arrowHow to Activate the Countdown Timer
active arrowHow to Add an Animation to a Popup?
active arrowHow to Create a Video Popup on Popupsmart
active arrowHow to Add Lottery Ball Gamification on The Popup?
active arrowHow Debug Mode Works
active arrowHow Preview Mode Works
active arrowDesktop & Mobile Views Working Method
active arrowHow to Use Smart Tags - Dynamic Text Replacement
active arrowWhat Is Teaser? How Teaser Works
active arrowHow to Set Up Autoresponder Email Notifications
active arrowHow to Set up Self-Email Notifications
active arrowHow to Create an A/B Testing for a Popup Campaign
active arrowHow to Call JavaScript Function with a Button Using Popupsmart

How to Call JavaScript Function with a Button Using Popupsmart

Popupsmart allows you to trigger JavaScript functions directly through your popup campaigns. This feature is perfect for integrating web tools, such as opening a chat widget or performing custom actions based on user interaction.

You can execute JavaScript functions using one of the supported formats. Here’s an example on how to integrate a chat widget:

calling a JS function using Popupsmart

‍Direct Function Call

1. Define the function on your website as shown in the example.

function openChatWidget() {
    console.log("Chat widget opened!");
}

2. In your Popupsmart dashboard, set the JavaScript call action to:

openChatWidget

Function via window Object

1. Define the function globally as shown in the example.

javascript
Copy the code
window.openChatWidget = function() {
    console.log("Chat widget opened via window object!");
    // Add your chat widget's specific function here
};

2. In your Popupsmart dashboard, set the JavaScript call action to:

window.openChatWidget()

Supported Formats

Popupsmart supports the following JavaScript call formats:

  • testFunc: Calls a function by its name.
    • Example: function testFunc() { console.log("Function called!"); }‍
  • window.testFunc: Calls a function defined as part of the global window object.
    • Example: window.testFunc = function() { console.log("Window function called!"); };‍
  • testFunc(): Calls a parameterless function directly.
    • Example: function testFunc() { alert("Hello!"); }‍
  • window.testFunc(): Calls a parameterless function via the global window object.
    • Example: window.testFunc = function() { alert("Window says hello!"); };‍
  • testFunc(param1, param2): Calls a function with parameters.
    • Example: function testFunc(param1, param2) { console.log(param1, param2); }‍
  • window.testFunc(param1, param2): Calls a function with parameters through the global window object.
    • Example: window.testFunc = function(param1, param2) { console.log(param1, param2); };

Still have questions? Do not hesitate to contact our support team via our AI chatbot.