Okay
  Public Ticket #3752929
form invisible
Closed

Comments

  • Mathias started the conversation

    Hello,

    I am experiencing an issue with the Amelia booking form on my website. The form is not displaying correctly on the front end, although it appears in the builder.

    I have tried several troubleshooting steps, including disabling animations and checking for conflicts, but the issue persists. It only does it with the "step by step" not the others.

    Could you please assist me in resolving this?

    Thank you!

  •  1,499
    Uroš replied

    Hello Mathias,

    Thank you for reaching out to us.

    Please check if you can see the booking form on page when you are logged in?

    If this is the case then this can be 1 of 3 issues

    1. The reason why the form is not visible for non-logged-in users is not in Amelia, but instead in your security settings. They're either configured in a Security plugin (if you have any), or they're on your server's side. 

    The best option would be to reach out to your hosting provider, send them the link of the booking page and tell them exactly what you told us - you can see the page when you're logged in as an admin, but you can't see it from an incognito window (or when you're logged out). They should be able to lift the block, so admin-ajax calls are sent for non-logged-in users also.

    2. You have some page optimizers so turned them off and purge the cache and see if you can see the booking form then

    3. The new booking form should be displayed when you clear the cache, if you have a caching plugin or optimize plugin, please disable the minify js files option.

    For example, if you have WP Rocket, and you have enabled these JS optimizations, which have a negative effect on our New Step Form, which is based on Vue 3 Framework, the booking form won't show.

    9104114591.png

    The old Form is based on Vue Framework 2, but the New Form is based on Vue Framework 3;

    Once you disable the "minify JS" option in the Optimisations on WP Rocket, or similar, and purge the cache the form should appear.

    Also, the issue could be with the Page Optimize plugin. You have these settings 

    1285857871.png

    and they should be added to this first input amelia_booking_script_index like this

    5493199313.png

    and then everything will work with the new form.

    Hope this helps. 

    Kind Regards, 

    Uros Jovanovic
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables