-
AuthorPosts
-
May 29, 2024 at 3:43 pm #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 regardsMay 30, 2024 at 5:48 am #1447008Hey 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,
IsmaelMay 30, 2024 at 1:51 pm #1447076I tried to di this.
But how can I add the link class on a button?
Click this button to open form in lightboxYour Shorcode for Mailchimp-Lightbox goes into the div in the code block?
I don’t know, if I’m doing it right…
May 31, 2024 at 4:12 am #1447133Hi,
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,
IsmaelMay 31, 2024 at 8:17 am #1447157This 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>
June 1, 2024 at 11:03 am #1447254Hi, would you kindly help me quick?
I want my website to launch today and this is the last piece I need :)Thanks in advance
June 1, 2024 at 5:51 pm #1447322Hi,
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,
MikeJune 1, 2024 at 8:25 pm #1447374Thanks for your support.
Well, there is a popup now, but without the Mailchimp-form. the popup has no content at all.June 1, 2024 at 8:39 pm #1447376Hi,
You should double check the mailchimp code it needs to call your list.
When I test with mine is works:
Try creating a new post and use the shortcode wand to get your mailchimp code:
then use the element to pick your list and then copy the code:
then add it to your popup code.Best regards,
MikeJune 2, 2024 at 10:54 am #1447426do 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?June 2, 2024 at 1:02 pm #1447438I 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)June 2, 2024 at 1:04 pm #1447440Hi,
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.deAt 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 6 months, 3 weeks ago by northorie.
June 2, 2024 at 1:12 pm #1447442Hi,
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,
MikeJune 2, 2024 at 1:47 pm #1447448Yes, it’s the same. I only have one list on Mailchimp
Admin login on private content.Thanks for your help!
June 2, 2024 at 3:01 pm #1447451Hi,
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,
MikeJune 2, 2024 at 4:44 pm #1447472Oh, I didn’t see it.
Thanks. a lot! :)Topic can be closed
June 2, 2024 at 5:17 pm #1447476Hi,
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 -
AuthorPosts
- The topic ‘Mailchimp-Popup’ is closed to new replies.