No results found. Try again with different words?
Search must be at least 3 characters.
- How to deliver a lead magnet through your confirmation page or thank you page? – Using Double Opt-in
- How to Create a Full screen popup in Convert Pro?
- How to Disable Call-to-actions for Subscribers?
- Introducing the Honeypot field in Convert Pro
- Disable cookies using Cookiebot plugin with Convert Pro for GDPR regulations
- How to create Multilingual call-to-action with WPML
- How to Display a YouTube Video in a Convert Pro Call-to-Action?
- Convert Pro Supports GDPR Regulations
- How to auto close call-to-action in Convert Pro
- How to Trigger Convert Pro Popup based on Page Visits?
- How to Show a Call-to-action to Users who have Subscribed through Particular Call-to-action?
- How to Show or Hide a Call-to-action only after a User has seen a specific Call-to-action in Convert Pro?
- How to Trigger a Popup when a particular Cookie is set?
- How Can I Create an Ad Block Detection Popup with Convert Pro?
- Schedule Your Call-to-action in Convert Pro
- Trigger a call-to-action when a Class or ID appear in Viewport
- How to Trigger a Call-to-action after few seconds?
- How to Trigger a Call-to-Action after a Blog Post?
- How to Trigger a Popup or Call-to-action on Click of an Element/Button?
- Trigger a Call-to-Action using a Unique CSS class or ID (Button and WordPress Menu Item)
- Trigger a Call-to-Action using a Link Code
- How to Trigger a Popup on User Inactivity (User Inactivity Trigger)?
- How to Trigger a Call-to-action only on Woo-commerce order received page?
- How to Trigger a Popup when a User is About to Leave the Page (Exit Intent)?
- How to Trigger an After Scroll Call-to-Action with Convert Pro?
- How to Trigger a Welcome Popup or Opt-in with Convert Pro?
- Troubleshooting Guide: Google Analytics Integration
- How to Setup Convert Pro custom Events in Google Analytics 4 property
- Authorize Convert Pro to view Google Analytics 4 data
- Display Call-to-Action Inside the Post/Page Content
- How to Add Dynamic Tag Support for the Autoresponder?
- How to Enable Form Field Validation?
- How to Change the Slug of Popup? – Convert Pro
- What is MX Record Validation For Email in advanced settings?
- Adding the Google reCaptcha form field in Convert Pro
- How to Set Cookie Name When a Particular Call-to-action is Submitted or Closed?
- How to deliver a lead magnet through your confirmation page or thank you page? – Using Double Opt-in
- How to Show or Hide a Call-to-action only after a User has seen a specific Call-to-action in Convert Pro?
- Where can I find the ID (style ID) of the call-to-action in Convert Pro?
- How to Trigger a Popup when a particular Cookie is set?
- Convert Pro Supports GDPR Regulations
- How to Disable Google Fonts in the Frontend?
- How to Track Users Depending on their Location or Country? (Geo Location or GeoIP Tracking)
- How to Offer Downloadable Files or Lead Magnets after Successful Form Submission?
- Convert Pro Email Notification Filters
- Filter to Add a New Custom Font
- How to Target Users based on the Device they use?
- How to Disable Google Fonts in the Frontend?
- How can I disable a Call-to-action on Mobile Devices?
- Show or Hide Call-to-action to Logged in and First time users
- Working with Referrer Detection in Convert Pro
- How to Display a Call-to-action when a Specific Product is Added to the Cart?
- Troubleshooting Guide: Google Analytics Integration
- How to Setup Convert Pro custom Events in Google Analytics 4 property
- Authorize Convert Pro to view Google Analytics 4 data
- How to Integrate Convert Pro with FluentCRM?
- How to Integrate Convert Pro with SendFox?
- How to Integrate MaxMind Geolocation in Convert Pro?
- How to Integrate Convert Pro with MailWizz?
- How to Integrate Convert Pro with Moosend?
- How to Integrate Convert Pro with SendGrid?
- Filter to Add a New Custom Font
- How to Pass Current Page URL as a Value to Hidden Field of the Form?
- How to White Label Convert Pro?
- How to Create a Language Specific Popup in Convert Pro?
- How to Clear Cache for Call-to-Actions in Convert Pro?
- How to Use the Advanced Script Addon in Convert Pro?
- How to Trigger a Call-to-action only on Woo-commerce order received page?
- How to Display a Call-to-action when a Specific Product is Added to the Cart?
- How to Add Custom Conditions to Display a Call-to-action?
Trigger a Call-to-Action using a Unique CSS class or ID (Button and WordPress Menu Item)
Convert Pro allows you to use a unique CSS class or ID to trigger a popup / call-to-action on the click of a button, a menu item etc. You simply need to add a unique class name for the call-to-action and use the same name as a custom CSS class for the element.
If you have not yet created a call-to-action, go ahead and
- Create a call-to-action
- Design your Call-to-action
If you are not sure about the steps above, you can refer to Start with your first Call-to-action article.
Step 1 -> Go to the Configuration settings, then the launch section and open the Onclick accordion.
Step 2 -> Enter a unique CSS class or ID in the box highlighted below.
Note: You need to add a “.” before the class name and “#” before an ID. You can add multiple class names and IDs separated with a comma.
Let us now see how we can add this to
We’ve taken a Beaver Builder button as an example. You can do this with the other page builders too.
Simply paste the class name you entered in Step 3 as shown below.
Add a menu item to your menu
Add the Class name in the CSS Classes field of the respective menu item.
Note: In case you are not able to see the CSS Classes field, you will need to enable it through the Screen options seen on the upper right side of the screen.
Screen options -> CSS Classes
On-click popups appear whenever the user clicks on the text, button or image that you use. Therefore, you cannot set configuration settings like target pages, visitors or even cookie settings for on-click popups.
If you are planning to capture lead data through your call-to-action, Convert Pro allows you to manage them in two ways.
- Integrate with a third party Email Marketing service provider or CRMs
- Send subscriber notification to an email ID.
You are all set to capture tens of thousands of leads! 🙂
Need help? Get in touch!
We don't respond to the article feedback, we use it to improve our support content.