Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • December 6, 2016 at 12:03 pm #720944
    VM

    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 #722065
    Yigit

    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,
    Yigit

    December 8, 2016 at 7:07 pm #722125
    VM

    Hi 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 #722220
    Yigit

    Hi,

    Please refer to this post – https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439

    Best regards,
    Yigit

    December 9, 2016 at 2:46 pm #722430
    VM

    Hi 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 7 years, 4 months ago by VM.
    December 9, 2016 at 3:02 pm #722436
    Yigit

    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,
    Yigit

    December 9, 2016 at 3:10 pm #722444
    VM

    I did it but is not working. Check my last post.

    December 11, 2016 at 6:45 pm #722847
    VM

    Help please.

    December 11, 2016 at 7:05 pm #722849
    VM

    Mailchimp code works on a standard theme.

    December 12, 2016 at 7:36 pm #723320
    VM

    One week with this issue open.
    Could you help me please?

    Thank you.

    December 13, 2016 at 9:51 am #723622
    Vinay

    Hi,

    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-website

    2. 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,
    Vinay

    December 13, 2016 at 12:00 pm #723663
    VM

    Perfect! It works!!

    Just one last thing: It’s not responsive.

    Thank you very much.

    • This reply was modified 7 years, 4 months ago by VM.
    December 13, 2016 at 7:59 pm #723939
    Vinay

    Hi,

    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,
    Vinay

    December 13, 2016 at 8:13 pm #723947
    VM

    You 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 #724221
    Vinay

    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,
    Vinay

    December 14, 2016 at 12:24 pm #724226
    VM

    Thank 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 #726079
    Andy

    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,
    Andy

    December 19, 2016 at 5:06 pm #726132
    VM

    Thank 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 #726144
    Andy

    Hi,

    of course not, you need to use media queries for smaller devices. Refer to:

    Media Queries for Standard Devices

    Best regards,
    Andy

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • You must be logged in to reply to this topic.