-
AuthorPosts
-
January 26, 2022 at 9:18 am #1337232
Hi, I would like to have a popup window showing one of my forms I have. I have looked for it but can’t find any. I have seen somewhere that Enfold has some sort of lightbox but can’t find any functions to have it showing my forms. Is there a way to do this or do I need to use an external plugin?
Thanks!January 26, 2022 at 1:55 pm #1337292Hey Brolle,
Thank you for your question we don’t have a built-in popup element but we do have this solution to create a popup with a code block element. We can help adjust this to show your form, but we will need further information, such as what will trigger the popup a link or button? What kind of form is it, a contact form element or the shortcode from another plugin?
If you want to use a plugin rather than building this, WP Popups is a free plugin that seems to work well with Enfold.
If you don’t want to use a plugin, then try creating a test page and include admin login in the Private Content area below so we can help further.Best regards,
MikeJanuary 26, 2022 at 4:23 pm #1337324Hi Mike,
I am really amazed by your support here. :-)
The trigger would be a button or a link on the page. I want to have a form in the popup. A form created from the Enfolds “form-button”.I will have two different forms to choose between and it is not that nice to have both showing there so I want them to have the choice to click on the one that is for them. It would be really nice to have this form showing up in a popup window and after submitting it could be a short text saying thanks and so on…
I write the rest in the private content box.
Many Thanks,
Robert- This reply was modified 2 years, 10 months ago by Brolle. Reason: Forgot some information
January 26, 2022 at 8:03 pm #1337354Mike, this is a great & so useful solution, you should add it to the next version of Enfold!
I have just noticed that, in your second post about the solution, there is an error on the classes: “team-popup-link” class should be assigned to the object that is “linking the popup”, and the class “team-popup” must be assigned to the “content” block… in your example they are switched.
But again, great solution!
- This reply was modified 2 years, 10 months ago by mistermagoo8691.
January 27, 2022 at 9:50 am #1337445Mike, I have updated the information in the private content box above. I hope this will be all the needed information.
Thanks,
RobertJanuary 27, 2022 at 3:30 pm #1337540Hi,
Thank you for the test page, for two buttons opening two popups on the same page the code block should contain this:<script type="text/javascript"> jQuery(window).load(function(){ jQuery('.avia-button-wrap.form-popup a.avia-button').addClass('form-popup-link'); jQuery('.form-popup-link').magnificPopup({ type:'inline', midClick: true }); }); </script> <style> .form-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; } </style> <div id="form-popup-one" class="form-popup mfp-hide"> form one </div> <div id="form-popup-two" class="form-popup mfp-hide"> form two </div>
The button links should be#form-popup-one
&#form-popup-two
and the button custom class should beform-popup
this results like this:
Now to add your forms you will create your forms with the shortcode wand in a Classic Editor post so you can copy the shortcode and paste it in the code block:
like this:
the result:
I made these changes to your page please clear your browser cache and check.
@mistermagoo8691 thanks for your feedback, I will check & correct it.Best regards,
MikeJanuary 27, 2022 at 3:51 pm #1337547Mike,
As I said before, this is fantastic. I’ve never experienced faster and more helpful support before. ⭐
I can see that I never should have been able to do this for myself. But with your help on my page and all the good instructions I feel that I probably will manage to move this to the correct place.
Many thanks!
Best regards,
RobertJanuary 27, 2022 at 3:53 pm #1337548and yes, I think the same as @mistermagoo8691, this would be a perfect function to add in the next version of Enfold. 👍
January 28, 2022 at 1:09 pm #1337710Hi,
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 ‘Popup window’ is closed to new replies.