-
AuthorPosts
-
December 6, 2016 at 12:03 pm #720944
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.December 8, 2016 at 4:47 pm #722065Hey 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,
YigitDecember 8, 2016 at 7:07 pm #722125Hi 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
December 8, 2016 at 10:44 pm #722220Hi,
Please refer to this post – https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439
Best regards,
YigitDecember 9, 2016 at 2:46 pm #722430Hi 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.
- This reply was modified 8 years ago by VM.
December 9, 2016 at 3:02 pm #722436Hi,
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,
YigitDecember 9, 2016 at 3:10 pm #722444I did it but is not working. Check my last post.
December 11, 2016 at 6:45 pm #722847Help please.
December 11, 2016 at 7:05 pm #722849Mailchimp code works on a standard theme.
December 12, 2016 at 7:36 pm #723320One week with this issue open.
Could you help me please?Thank you.
December 13, 2016 at 9:51 am #723622Hi,
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=true
to the end of the link in this format
http://site.com/page?iframe=true
Or
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,
VinayDecember 13, 2016 at 12:00 pm #723663Perfect! It works!!
Just one last thing: It’s not responsive.
Thank you very much.
- This reply was modified 8 years ago by VM.
December 13, 2016 at 7:59 pm #723939Hi,
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,
VinayDecember 13, 2016 at 8:13 pm #723947You 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?
December 14, 2016 at 12:10 pm #724221Hi,
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,
VinayDecember 14, 2016 at 12:24 pm #724226Thank 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?
December 19, 2016 at 4:09 pm #726079Hi,
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,
AndyDecember 19, 2016 at 5:06 pm #726132Thank 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.
December 19, 2016 at 5:26 pm #726144Hi,
of course not, you need to use media queries for smaller devices. Refer to:
Best regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.