-
Posts
-
Hi.
I need insert a Mailchimp pop-up in my site.
This pop-up need to be open when a button is clicked, I insert code in code section but is not working.Details in private content.
Thank you.Hey vmoralestejedor,
The link cannot be found for some reason. I also could not locate your element. Can you please create a private testing page with your element so we can investigate there?
Best regards,
YigitHi Yigit.
Thank you very much.
I only need a pop-up with the signup form, like the example in private field.How can I do?
Thank you very very much, this is the last thing I need to do in my web to go to live.
Víctor
Hi,
Please refer to this post – https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439
Best regards,
YigitHi Yigit.
I did what you say but is not working:
1) I put debug mode in Functions.php below line if(isset($avia_config[‘use_child_theme_functions_only’])) return;
//set builder mode to debug add_action('avia_builder_mode', "builder_set_debug"); function builder_set_debug() { return "debug"; }2) I make a popup in the same page “Aceca de” with shortcode “popup”
3) I insert this code in a code block in page “Acerca de”
<a href="#test-popup">Click this button to open form in lightbox</a> <div id="test-popup" class="white-popup mfp-hide"> popup </div>4) I insert this code in Quick CSS:
.white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; }5) I insert this code in Functions.php
function add_custom_script(){ ?> <script> jQuery('.open-popup-link').magnificPopup({ type:'inline', midClick: true }); </script> <?php } add_action('wp_footer', 'add_custom_script');Help please, i need to solve it, 1 week with this problem.
Thank you a lot.
Hi,
You can go to Appearance > Editor and find functions.php file and add the code to the bottom or you can edit the file via FTP in wp-content/themes/enfold/functions.php. We would recommend you to use a child theme – http://kriesi.at/documentation/enfold/using-a-child-theme/
Best regards,
YigitHi,
Sorry for the delay, I checked many links above but none of them are working for me.
As I understand you have a button and when a user click that button link you need to show mailchip form in a popup correct?
1. You have a js code for mail chimp but it’s better if you work with the html mailchimp embed code. Try if you can get the html code form mailchimp account.
http://kb.mailchimp.com/lists/signup-forms/add-a-signup-form-to-your-website2. Create a new page with just the mailchimp embed code hide the header and footer in page options.
3. Place a button on the page and in the options select the link to open in same page and link the page which contains only the mailchimp form
?iframe=trueto the end of the link in this format
http://site.com/page?iframe=trueOr
Give these plugin a try.
https://wordpress.org/plugins/popup-maker/
https://wordpress.org/support/topic/make-a-button-to-trigger-popup/https://wordpress.org/plugins/anything-popup/
https://wordpress.org/plugins/onclick-show-popup/
http://wordpress.org/extend/plugins/onclick-popup/
http://wordpress.org/extend/plugins/onclick-show-popup/screenshots/Hope one of these helps.
Best regards,
VinayHi,
That’s great! I tryed to check the issue but I don’t see any buttons on this test page.
Could you please confirm the link again?Best regards,
VinayYou need to login.
I need:
– pop up shows complete in responsive
– no scroll (when the user scrolls pop up is always centered)Could anyone help me?
Hi,
Thank you for the clarification we have added the below code in Quick CSS if you like to add another page as a popup please update the page ID in the css code.
NOTE: Page ID is a class name added to the body class which can be accessed by right click on the page and select inspect.
/* popup form */ .page-id-91 .mfp-iframe-scaler iframe { min-height: 90vh!important; top: 50%; transform: translateY(-50%); } .page-id-91 .mfp-iframe-scaler, .page-id-91 .mfp-content { min-height: 85vh!important; }Best regards,
VinayThank you so much!!
Just the other thing: Can I put the iframe always centered, I mean, if scroll the iframe move up and down but I want always in the center of the page.
On the other hand I cant find id page, could you especify where is it exactly?
Hi,
try this code inside Quick CSS field:
.mfp-content { position: fixed; top: 59px; left: 30px; }and adjust top and left value as needed.
Best regards,
AndyThank you but this solution is not working for desktop and mobile devices togueter.
If I adjust to desktop, pop-up in mobile is not centered.I tryed with %, but is not working too.
Thanks you anyway.
Hi,
of course not, you need to use media queries for smaller devices. Refer to:
Best regards,
Andy
- You must be logged in to reply to this topic.