Kontaktformular- Probleme mit der mobilen Ansicht auf der Webseite

Hallo Jotform-Support Team,

ich habe das Problem, dass mein Kontaktformular in der mobilen Ansicht auf der Webseite nur bedingt gut funktioniert. Manche Eingabefelder werden nicht richtig angezeigt, sodass die Eingabe unmöglich ist. Gibt es dafür eine Lösung?

Die Desktop-Ansicht funktioniert hingegen tadelos.

Freue mich auf eine Rückmeldung

Gruss

Marco Hennig

Hallo Marco,

Danke, dass du unseren Jotform Kundensupport kontaktierst, hast. Die Ursache dieses Problems ist nicht unbedingt ein Bug oder Fehler in der Jotform-Plattform. Stattdessen liegt es typischerweise daran, dass das Design des Formulars nicht mit der Bildschirmgröße des mobilen Geräts kompatibel ist oder die CSS-Stile zwischen der Desktop und der mobilen Version der Website variieren. Jotform bietet ein Formular-Designer-Tool, das mit einer Reihe von anpassbaren Funktionen ausgestattet ist, mit denen du deine Formulare gestalten kannst.

Damit deine Form auf mobilen Geräten korrekt angezeigt wird, solltest du außerdem sicherstellen, dass die mobile Version deiner Website optimiert ist. Dies kann durch die Implementierung eines responsiven Webdesigns erreicht werden. Ein responsives Webdesign ermöglicht es, dass sich das Layout und der Inhalt einer Website ändern und an den Bildschirm anpassen, auf dem er angezeigt wird.

Jotform bietet auch ein „Mobile Responsive Widget“. Dieses Widget macht dein Formular automatisch responsive, sodass es sich an jede Bildschirmgröße anpasst. Die Anwendung dieses Widgets erspart dir die manuelle Anpassung des Formulars, sodass es eine einfache und sofortige Lösung darstellt.

Ebenfalls kann das Problem auch auftreten, wenn der eingebettete Code des Formulars nicht korrekt in den HTML-Code der Website integriert ist. Hier sollte sichergestellt werden, dass der eingebettete Code des Formulars korrekt installiert ist.

Um eine detaillierte Aussage hier machen zu können und um eine Lösung zu finden, solltest du uns den Link und eventuell ein paar Screenshots des Problems schicken.

Hallo Detlev,

vielen Dank für deine ausführliche Antwort.

Meinst du mit Link, den Link zu der Webseite auf der das Kontaktformular eingebettet ist?

Die Webseite auf der das Formular eingebettet ist, ist noch nicht live geschaltet...

Hier jedoch ein paar Screenshots des Problems:

Auf dem ersten Screenshot ist das Eingabefeld für die E-Mail-Adresse zu sehen.

Bzw. leider nicht zu sehen... haha.

Auf dem zweiten Bild, das Eingabefeld für die Handynummer.

Dort ist nicht das Problem, dass das Eingabefeld nicht einsehbar ist. Allerdings wird der Name des ersten Eingabefeldes nicht vollständig angezeigt. Statt "Landesvorwahl" ist nur "Landesvo..." einsehbar. Lässt sich das irgendwie korrigieren?

Ähnliches beim nächsten Screenshot. Dort wäre es super, wenn der Text "Drag and drop files here"

in einer Reihe angezeigt würde und nicht wie unten dargestellt.

Kann ich außerdem das Bild, das ich im Willkommenstext definiert habe, zentriert über den Eingabefeldern ausrichten und größer machen?

Schließlich wird das Willkommensbild während der mobilen Ansicht nicht angezeigt. Der Screenshot unten zeigt die Desktop-Ansicht.

Und zum Schluss... Soll diese Fehlermeldng darauf hinweisen, dass pro E-Mail Adresse nur 1x das Senden des Formulars möglich ist? Diese Fehlermedlung tritt nämlich beim Absenden auf.

Entschuldige das ganze Fotoalbum an Screenshots...

Ich hoffe man blickt durch, haha.

Vielen Dank für die Hilfe

Gute Nacht

Hi Marco_marco_marco,

Thanks for reaching out to Jotform Support. Unfortunately, our German Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in German, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

Now, let me help you with your question. I visited your form and tested it to see if I could replicate the issue, but everything was working properly. Check out the screencast below to see my results:

I've just cleared your form cache. May you try again on another browser or device and see if the issue persists?

Reach out again if you need any other help.

Hello,

i think you checked out the desktop view. This view works without any problems. The problem i have is with the mobile view.

Thats what it is looking right now.

Hi Marco, 

Thanks for getting back to us. Based on the screenshot provided by my colleague, she is using a mobile device. Can you tell us what device are you using and the browser so that we can replicate the issue on our end?

Also, can you share with us the URL of your website where you have embedded your form so that we can check it on our end?

After we hear back from you, we’ll have a better idea of what’s going on and how to help.

Hello Ryan,

i´m using FireFox and the device is an Acer Lap-Top. This is the domain of the website: https://builder.hostinger.com/mp83xeL2EgSeQ7BB. The problem is i havent published the website yet, nevertheless i hope you can see it.

Hi Marco, 

Thanks for getting back to us. Unfortunately, I am not able to view your embedded form as it needs to log in first. You might want to try embedding your form using the Iframe Embed Code and see if shows your form correctly. Let me show you how:

1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
2. Click on Embed in the menu on the left side of the page.
3. Select the Iframe embed code and use its code.

Give it a try and let us know how it goes.

Hello again,

i tried the iFrame code but still:

What do you mean by "as it needs to log in first". you mean the website has to be online?

Hi Marco, 

Thanks for getting back to us. When I try to open the link that you have provided, it redirects me to this page:

As for your concern, you may need to publish it first so that we can test it on an actual mobile device.

Once we he back from you, we'll be able to move forward with a solution.

Okay i uploaded the website. can you check again please?

Hi Marco, 

Thanks for getting back to us. Unfortunately, I am still not able to open it. It seems you have provided us with a builder link to your website. Can you check and see if you could provide us with the published link to your website?

Once we hear back from you, we'll be able to help you with this.

oh sorry, its www.jobsinportugal.de

Hi Marco, 

Thanks for getting back to us. I checked your embedded form to see if I could replicate the issue, and I ran into the same problem. It seems you have embedded your form using the JavaScript embed code. Can you try to embed it using the Iframe Embed Code and see if it resolves the issue To get the Iframe embed code of your form, please check out the steps and screenshot below:

1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
2. Click on Embed in the menu on the left side of the page.
3. Select the Iframe embed code and use its code.

Give it a try and let us know how it goes.

Hello,

didnt work out.

Do you have other solutions to fix the issues with the mobile view of my form?

Hi Marco, 

Thanks for getting back to us. I’m sorry you're having difficulties with this. I just checked your website on a real device to check the issue. However, the issue can not be replicable on the mobile device on our end. Check out the below screenshot :

Can you please let us know the device name and model, so we can try to replicate the issue on that specific device? It would also be great if you could record a short video of your issue and send it to us. It would help us to understand what exactly happening on your end.

You can share the video recording on any public sharing platform like Google Drive or Dropbox or you can simply use loom to record the video and share the video link with us.

Once we hear back from you, we'll be able to move forward with a solution.