Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #1446957

    Hi,
    I cremtet an empty side without header and footer which contains the Mailchimp registration form.

    On my regular sites I have buttons for the newsletter registration. How can I open a popup with the Mailchimp registration form from these buttons?
    Best regards

    #1447008

    Hey northorie,

    Thank you for the inquiry.

    You can use the theme’s default lightbox to open inline content in a popup. Please check the link below for more info: https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439

    In the example above, you can use this shortcode to display a mailchimp form:

    [av_mailchimp list='' double_opt_in='true' on_send='' sent='Thank you for subscribing to our newsletter!' link='' color='' hide_labels='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0'][/av_mailchimp]
    
    

    You may need to update the value in the list parameter.

    Best regards,
    Ismael

    #1447076

    I tried to di this.
    But how can I add the link class on a button?
    Click this button to open form in lightbox

    Your Shorcode for Mailchimp-Lightbox goes into the div in the code block?

    I don’t know, if I’m doing it right…

    #1447133

    Hi,

    You have to create the button or the link manually. You can place it in a code or text block along with the Mailchimp shortcode.

    <a href="#test-popup" class="open-popup-link">Click this button to open form in lightbox</a>
    <div id="test-popup" class="white-popup mfp-hide">
    YOUR MAILCHIMP SHORTCODE GOES HERE</div>
    

    Then add this code in the functions.php file:

    function add_custom_script(){
    ?>
    <script type="text/javascript">
    jQuery(window).load(function(){
    	jQuery('.open-popup-link').magnificPopup({
    	  type:'inline',
    	  midClick: true
    	});
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_script');
    

    Best regards,
    Ismael

    #1447157

    This is my code in a text block. I must be doing something wrong with the link. It doesn’t work

    [av_button label='Jealousy-Letter abonnieren' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBaviaTBicon_hover' link='manually,#test-popup' class='open-popup-link' link_target='' size='x-large' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='theme-color-highlight' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='solid' border_width='2' border_width_sync='true' border_color='#000000' border_radius='10' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='' sc_version='1.0' admin_preview_bg='']
    <div id="test-popup" class="white-popup mfp-hide">[av_mailchimp list='eifersuchtscoach' double_opt_in='true' on_send='' sent='Thank you for subscribing to our newsletter!' link='' color='' hide_labels='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' template_class='' av_uid='av-8l32o' sc_version='1.0'][/av_mailchimp]</div>
    #1447254

    Hi, would you kindly help me quick?
    I want my website to launch today and this is the last piece I need :)

    Thanks in advance

    #1447322

    Hi,
    Thank you for your patience, in your shortcode it looks like you manually added class=’open-popup-link’, but the correct way to add a class in the shortcode is custom_class=’open-popup-link’ but this adds the class to the button and not the link in the button.
    So we will follow these steps.
    So this is what you add to your code block:

    [av_button label='Jealousy-Letter abonnieren' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBaviaTBicon_hover' link='manually,#test-popup' custom_class='pu-link' link_target='' size='x-large' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='theme-color-highlight' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='solid' border_width='2' border_width_sync='true' border_color='#000000' border_radius='10' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' template_class='' element_template='' one_element_template='' av_uid='av-1x42t1' sc_version='1.0' admin_preview_bg='']
    <div id="test-popup" class="white-popup mfp-hide">[av_mailchimp list='eifersuchtscoach' double_opt_in='true' on_send='' sent='Thank you for subscribing to our newsletter!' link='' color='' hide_labels='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' template_class='' av_uid='av-8l32o' sc_version='1.0'][/av_mailchimp]</div>

    and this is your new popup code:

    function popup_inline() { ?>
    <script type="text/javascript">
    jQuery(window).load(function(){
           jQuery('.pu-link a').addClass('open-popup-link');
    	jQuery('.open-popup-link').magnificPopup({
    	  type:'inline',
    	  midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
    	});
    });
    </script>
    <?php }
    
    add_action('wp_head', 'popup_inline');

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    This should now work for you.

    Best regards,
    Mike

    #1447374

    Thanks for your support.
    Well, there is a popup now, but without the Mailchimp-form. the popup has no content at all.

    #1447376

    Hi,
    You should double check the mailchimp code it needs to call your list.
    When I test with mine is works:
    Enfold Support 5973
    Try creating a new post and use the shortcode wand to get your mailchimp code:
    Enfold Support 5975
    then use the element to pick your list and then copy the code:
    Enfold Support 5977
    then add it to your popup code.

    Best regards,
    Mike

    #1447426

    do not forget that on jQuery 3.x the

    
    jQuery(window).load(function(){

    is deprecated – it has to be now:

    
    $(window).on('load', function(){

    in addition to that – why do you like to open a different page in the lightbox?
    do you have on many pages that button?

    #1447438

    I don’t have the option to add the Mailchimp form in a text element.
    But the list is set:
    `[av_mailchimp list='eifersuchtscoach' double_opt_in='true' on_send='' sent='Danke für deine Registrierung!' link='' color='' hide_labels='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' template_class='' av_uid='av-8l32o' sc_version='1.0'][/av_mailchimp]‘

    I use this list withe the mailchimp-registryform on this site: https://eifersuchtscoach.de/newsletter/
    (as long, as the popup doesn’t work)

    #1447440

    Hi,
    i want to open a popup for the newsletter suvbscibtion.
    I have buttons for that on several sites.
    This is my site: http://www.eifersuchtscoach.de

    At the moment I link to a normal side with the Mailchimp element, but I would rather have it as a popup/lightbox

    This is the site I#m testing th popup on: http://www.testseite.yvonnefothe.de

    It’s the button the home page

    • This reply was modified 5 months, 3 weeks ago by northorie.
    #1447442

    Hi,
    Is the page listed below the same list that you want to use for the popup? If you include a admin login in the Private Content area so we can examine.

    Best regards,
    Mike

    #1447448

    Yes, it’s the same. I only have one list on Mailchimp
    Admin login on private content.

    Thanks for your help!

    #1447451

    Hi,
    It is a different mailchimp ID [av_mailchimp list=’c130eb79f7′ above you had [av_mailchimp list=’eifersuchtscoach’
    I fixed it for you and it is now working, please check.

    Best regards,
    Mike

    #1447472

    Oh, I didn’t see it.
    Thanks. a lot! :)

    Topic can be closed

    #1447476

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Mailchimp-Popup’ is closed to new replies.