Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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!

    #1337292

    Hey 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,
    Mike

    #1337324

    Hi 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, 5 months ago by Brolle. Reason: Forgot some information
    #1337354

    Mike, 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!

    #1337445

    Mike, I have updated the information in the private content box above. I hope this will be all the needed information.

    Thanks,
    Robert

    #1337540

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

    2022-01-27_001.jpg
    The button links should be #form-popup-one & #form-popup-two
    2022-01-27_002.jpg
    and the button custom class should be form-popup
    2022-01-27_003.jpg
    this results like this:
    2022-01-27_004.jpg
    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:
    2022-01-27_005.jpg
    like this:
    2022-01-27_006.jpg
    the result:
    2022-01-27_007.jpg
    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,
    Mike

    #1337547

    Mike,

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

    #1337548

    and yes, I think the same as @mistermagoo8691, this would be a perfect function to add in the next version of Enfold. 👍

    #1337710

    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 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Popup window’ is closed to new replies.