Pop Up Form Not Displaying

  • Resolved Kit Marsden

    (@manek43509)


    2 years, 4 months ago

    I want a pop-up form over a totally blank page. A sort-of ‘landing page’ for people wanting to sign up to a newsletter. It needs to display on both mobile and desktop. I have purposely modified a form design to scale to a mobile screen, so it feels like this should be very doable…

    However, on mobile the form is the wrong height (huge margin at the top, wasting a large amount of screen real estate) and the wrong width (spilling over with no horizontal scroll), plus doesn’t display half the elements (images) at all.

    On desktop, the results are even worse; the form is simply invisible.

    For reference, this is how the pop-up form should look.

    Why is this seemingly easy task being made so complex? What am I doing wrong?

    • This topic was modified 2 years, 4 months ago by Kit Marsden.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Kit Marsden

    (@manek43509)

    Update: I have abandoned the idea of using a pop-up form completely, and I have inserted the shortcode into the page directly instead.

    I have had to jiggle things around using CSS a fair bit, but now the form displays as I want it to on a desktop browser.

    On mobile, it still looks awful (despite using @media calls in CSS to adjust the display on smaller screens). My images are gone (Why?! What sort of a ‘feature’ is that?) and the width remains too large for the mobile screen (even if I try to force the width in the CSS – I have tried using both px and % values).

    This is supposed to be an intuitive and user-friendly experience. The form I make in the designer settings should be what outputs for the user. It should look exactly as I have made it to look! Instead I have had to fiddle about with the code for an hour or two and I am still only halfway there. Extrenely frustrating.

    • This reply was modified 2 years, 4 months ago by Kit Marsden.
    • This reply was modified 2 years, 4 months ago by Kit Marsden.
    Thread Starter Kit Marsden

    (@manek43509)

    Further update: starting to get this how I want it to look on both desktop and mobile browsers. It’s taken hours of fiddling with code. This absolutely should not be this tricky to achieve something so basic!

    And yet, still there are no images on the mobile version. Unbelievable! Please tell me how I can get them to display correctly.

    Thread Starter Kit Marsden

    (@manek43509)

    Final update: I have managed to display the images on a mobile browser, after a lot of trial-and-error with yet more embedded CSS. It has taken me almost three days to make this form display the way I want it to appear (ie. match what I built in the form’s Design page).

    Just as a quick reminder, the main page for this plugin states:

    Easy to use WordPress newsletter builder
    Beautiful templates that work perfectly across all devices
    No configuration needed: works out of the box

    My experience has been the opposite of this. ‘No configuration needed’? Several days of tweaking CSS classes until it finally shows what you asked it to show in the first place!

    I have actually been a MailPoet user for some time, on a different site I manage, and I have always liked the plugin and never had any issues. I still like it for sending out email newsletters and updates and collating a mailing list. However, on my other site I have never used anything other than the simplest possible sign-up form because that site is not ‘public-facing’ and is only open to a closed group of people – this means that the design of the forms is less critical and I have never needed to try and make them look ‘pretty’.

    So for this new mailing list, I went straight to MailPoet because I knew I had used it before and had good results. I was appalled to find how difficult it is to make the ‘public’ sign-up forms look good. I am now extremely disappointed with the amount of work I have had to put in to achieve something very basic, and I have been left feeling very frustrated with a plugin I thought I knew and which I thought I could trust.

    I will continue to use MailPoet for both the use cases outlined above, because I have it configured how I want it now and the system works for me and for the sites I manage. However, please try to take this feedback onboard and look at ways of making the process less painless for me or for anyone else in the future.

    Thanks,
    Kit Marsden

    Plugin Support Gui A. a11n

    (@guicmazeredo)

    Hi there @manek43509 ,

    Thank you for reaching out and for giving a thorough description of the issues you experienced with MailPoet forms. I’m sorry that it was that hard for you to get the form to look the way you want.

    To give you some background on MailPoet forms setup based on what we see on our support channel, most times forms should work well on both desktop and mobile screens. When it doesn’t it’s typically due to a conflict with the theme or some plugin that usually requires some quick CSS tweaks.

    Also, most times we are able to provide help with the CSS codes although that’s a bit outside the scope of our support.

    I’m sorry that we didn’t get to this topic in time to help you with that. Replies in our forums are not as fast as our Premium Support by email.

    That said, you’re welcome to add suggestions based on your experience here?https://feedback.mailpoet.com

    Our team will take it into account when discussing new features and improvements for the plugin ??

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Pop Up Form Not Displaying’ is closed to new replies.