Open Mailchimp Lightbox from button click

Hi Rikard,

Please see the temp details.

Thanks
J

Hi Andy,

Thanks for the link. I think I am miscommunicating. These examples are all based on either img or text links (a href’s). This I know how to do. What I am trying to achieve is to use the button control on the enfold advanced layer builder and upon clicking this button open a popup with the mailchimp form.

The problems that I am facing with this is what do I enter in the link section of the button? Specify amnually and? the #tag links do not work. I have tried using the button code in code blocks as suggested in other posts, no luck. I have added different sources to functions.php and created hidden divs with quick css and use those class names in the code block of the button but still nothing. Hence the post. So in retrospect, even though the link you supplied is a valuable resource to have (I will add it to my bag of tricks) it does not bring me any closer to a solution for my particular problem. Thanks for the support so far.

J

• This reply was modified 7 years, 10 months ago by joachimpr.

Hi Andy,

I went through this whole post and all of its solutions including adding all the code to the functions.php as stated earlier. This post was part of the solutions I have tried. Nothing worked. Clicking the button presents no popups. I can go through it again and add those solutions again for completeness if it would help?

Thanks
J

Yes, That is the one that I tried which looked the most promising. Problem there was that he does it with image links and normal text links. Not with a button and it seems that the button does not like the #value. Not understanding french added to the problem but I think I got the long and the short of it. I did try it with the image elemant but by comparing the screenshots on my installation it seems that there are options on the screenshots which I do not have.

Hi Andy,

Even though I have come across this page in my research, I have not specifically tried the iframe solution as this did not cross my mind to be a solution to the problem seeing as the popups on this page are also being launched from a text link (which I completed successfully with displaying the form). The form is just a mail chimp enfold form that can be used in the advanced layout builder. it also has a shortcode which means it can be embedded in the div to display so there is no external content hence no need for an iframe solution. the method used to display whatever is in the popup is irrelevant here. What is relevant is to actually get the popup to display on the click of the button.

What I cannot get sorted is to get the popup to… well… urr… pop up when the BUTTON is clicked. Not a text link as in these solutions/guides. For more clarity, please check the link in the private content. Thats the url to the test page. When I click on the “Sign up for our limited time offers” button. the form should pop up.

I will create a sample page with all the solutions that I have tried, working and not working and then revert back to you with that page.

Thanks for the brilliant support so far. It is very much appreciated.

Hi Andy,

The mail chimp form is not the problem hence there is no need to contact mail chimp support. and I fail to see a reason why a third party plugin should be downloaded to get this working. Forget about the mail chimp form. The goal is to get a popup to display on the click of the button regardless of the content (not a text link, a BUTTON). The problem is that the popup displays when the text link is clicked but not when the buttons are clicked.

Please see the sample page that I have created for you. It explains everything clearly with examples.

Thanks
J

Hi Ismail,

This is great. Now we are getting closer to a solution. Can you recheck the code again? The code is behaving funny in the sence the black overlay on the page gets displayed but not the physical popup. I have added the code to the code block section on the test page so you can check the result there.

The code I used:

<div class="avia-button-wrap avia-button-center avia-builder-el-6 el_after_av_heading  avia-builder-el-last inline_popup">
<a href="#content-to-open" class="avia-button inline_popup avia-icon_select-yes-left-icon avia-color-theme-color avia-size-x-large avia-position-center ">
<span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>
<span class="avia_iconbox_title">Need to show popup when this button is clicked</span></a>
</div>

Thanks so much for the help. It is appreciated. Almost there.

• This reply was modified 7 years, 10 months ago by joachimpr.

WOOOHOOO! It is AALLLIIIIVVVEEE!

Thanks Ismail. You are a rockstar! Andy, thanks for your involvement as well. Please keep this thread open, I would just like to summarize the solution and post it here for the community.

Thanks
J