Popup from CALL TO ACTION BUTTON

Sydney
#1

Is there a way to create a popup from the CALL TO ACTION BUTTON button?

Essentially i want to run a login popup form from the CALL TO ACTION BUTTON

Thank you.

#2

Hello there,

Please refer to this thread: https://wordpress.org/support/topic/sydney-cta-popup/#post-9945441

Regards,
Kharis

#3

Hi @kharisblank,

Thanks for the reply. Would be grateful if you could explain further the following:

1 - ‘In the page editor, edit the respective CTA widget’ … I’m unable to get to the CTA widget? Can you explain how I get to add a custom class name to the Widget. The widget in question is the following CTA Member Login on the gdmplus.com website.

2 - Simple Popup and TC Custom JavaScript plugins have been added and JavaScript has been added.

Thank you.

#4

Hello there,

1

To avoid confusion, let me ask you one thing. Do you use Elementor or SiteOrigin’s page builder?

Regards,
Kharis

#5

Hi … I have Elementor page builder.

#6

Hello there,

You can use the Button ID option in the settings panel of Elementor button.

57

Based on the ID name given as seen on the screenshot above, you could use this code:

(function($){

  if( $('#my-button-id').length ) {
    $('#my-button-id').attr('onclick', 'return popitup(this.href, 600, 600)');
  }

})(jQuery);

Regards,
Kharis

Call-to-Action Header Button: Open Self-Hosted Video in Lightbox
#7

Yes I understand how to do that but it was the CALL TO ACTION in the parallax slider button that I was wanting to add a popup to. Its in the ‘Customizing -->> Header area -->> Header Slider’ section:

Untitled
Untitled.png690×1882 137 KB

i cant set any properties on that button? I want a popup on that button…

#8

Hello there,

Main slider’s button has a unique class name. You can use this code:

(function($){

  if( $('.header-slider .button-slider').length ) {
    $('.header-slider .button-slider').attr('onclick', 'return popitup(this.href, 600, 600)');
  }

})(jQuery);