Tagged: CONTACT FORM
-
AuthorPosts
-
October 21, 2019 at 2:44 am #1149676
I have had several people call me and tell me that i had not responded to their Contact form submissions. . .When I try it from my phone and laptop, I do get the notification, but a very good friend filled one out and I did not get the notification. Said that he did get the ‘message has been sent’ message.
I have no idea how many clients I may have lost because of this, but I cannot find anything wrong. Help?
Jon
October 21, 2019 at 7:02 pm #1149942Update: My sister filled out the form and I did receive the email (she has an @hotmail.com account). I tried from my hotmail account and it worked as well. My buddy used his @yahoo account. So, I do receive it when I use my business email (@gatehealing.com) and hotmail, but @yahoo isn’t working, and potentially some others as well (I don’t know how many others haven’t heard from me).
***deleted this line . . . I AM getting the auto-respond email now . . . not sure what changed, but I’m glad it works*******
I put a note in the box that appears in place of the form (Message Sent) directing people to email me directly or call me if they dont hear back within 24 hours, but I have noticed that when I fille out the form and submit, the page scrolls down to the bottom and the note is off the screen up top. Is there a way to keep the view at the top of the page after they submit? I’m using Firefox browser in case that matters (update: this also happens in Chrome).
Thanks again y’all,
JOnOctober 22, 2019 at 5:30 pm #1150226Hi gatehealing,
Please try installing an SMTP plugin and configuring it and see if the issus persists.
Best regards,
VictoriaOctober 22, 2019 at 5:58 pm #1150240I am testing now. Any idea on how to get the Message Sent message page to not scroll to the bottom? (the form disappears, then scrolls to the bottom so that nobody can see the :Message Sent: Contact me at [my email address] if you don’t hear back in 24 hours” message).
J
October 27, 2019 at 5:40 pm #1151584The Message Received box is still not seen due to the page scrolling to the bottom. Is there a fix for this? Could not find in documentation search.
J
October 28, 2019 at 3:44 pm #1151782Hi,
Thank you for the update.
Where are you testing the form? We submitted the form using Firefox on Windows 10, but we were not able to reproduce the issue. It didn’t scroll to the bottom. It actually slided up along with the “message-sent” container.
Best regards,
IsmaelOctober 28, 2019 at 7:35 pm #1151857Hi Ismael,
I am testing the form from my website, using both Firefox and Chrome (both up to date), but on a brand new, updated, MacBook Pro
I’ll do a screencast (video) of what is happening as soon as i figure out how.
J
October 28, 2019 at 8:16 pm #1151871Ok, here is the screencast link for the .mov file showing what happens in Firefox (same happens in chrome. let me know if you want screencast of that as well):
https://drive.google.com/open?id=1hRuz2YItB5y4qE5KTylgag1oLghsZL77
Wordpress is up to date. Enfold is up to date. Firefox and Chrome are up to date. OS is the latest.
JonOctober 30, 2019 at 2:57 pm #1152367Hi,
Thank you for the info.
Based on the video, the form doesn’t slide down, but it doesn’t slide up either. If you want the window to scroll up after the “message-sent” container becomes visible, please try to edit the config-templatebuilder > aviashortcodes > contact > contact.js file and look for this code around line 213:
form.slideUp(400, function(){responseContainer.slideDown(400, function(){ $('body').trigger('av_resize_finished'); }); send.formElements.val('');});
Below, we can add a script that will cause the window to scroll up after the form submission. Add this code.
window.scrollTo(100, 0);
Please don’t forget to toggle the Performance > File Compression settings after the modification.
Best regards,
IsmaelOctober 30, 2019 at 6:23 pm #1152446OH I see . . . the form is disappearing, so it LOOKS like it is scrolling down . . . it’s just not staying at the top of the page. I’ll look for that code and insert the update.
Thanks!
JOnOctober 30, 2019 at 6:32 pm #1152451I found the config-templatebuilder in the Enfold folder, but I am using a child theme. I cannot find it in the child theme. Is this a file that if I change it in the parent folder that will revert when I update the theme next time?
- This reply was modified 5 years ago by gatehealing.
October 31, 2019 at 3:05 pm #1152731Hi gatehealing,
You need to copy the file to the child theme and make the changes there.
Best regards,
VictoriaOctober 31, 2019 at 5:10 pm #1152791Do I need to only copy that one file? Not the folders and sub folders (and the files they contain) that lead to it?
J
November 6, 2019 at 9:26 pm #1154426Hi,
It does need to follow the folder structure, it is correct yes.
Best regards,
BasilisNovember 7, 2019 at 7:55 pm #1154727Please forgive my ignorance here . . . I believe you are saying that I do need to copy each folder/subfolder . . . but do I also need to copy/paste the contents of each folder?
Again, apologies for being a bit ignorant on this . . . I’ve crashed my site a few times because I ddin’t ask enough questions.
JNovember 11, 2019 at 1:10 am #1155436Hi,
Sorry for the delay. If you want to copy the script in your child theme, you have to dequeue or deregister the original script first, then load it back using the new path or directory. Add this code in the functions.php file:
add_action('wp_print_scripts', function() { wp_dequeue_script( 'avia-module-contact' ); wp_enqueue_script( 'avia-module-contact', get_stylesheet_directory_uri().'/js/contact.js', array('jquery'), 2, true ); }, 10);
You can now create a copy of the contact.js file in a folder called js in the child theme directory.
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.