Reservation form deconfigured

Hello,

I’ll be happy to assist you.

Please, open SETTINGS – General – Advanced settings and let me know if the option Load CSS & JS only on the booking page is enabled or not.

Thanks for the speed!!

It is enabled.

The current configuration is: load css and js only on booking page: enabled load javascript pickdate: enabled. I tried changing them in various combinations and it stayed the same or nothing was shown.

Could you please disable the option Load CSS & JS only on the booking page, clear the cache in your browser and try again?

Made. When I uncheck the option the form does not appear…

Could you please enable again the option Load?CSS & JS only on the booking page. After that, please put the shortcode on page (not in popup) and let me know.

It seems to remain the same, outside the pop up but with the same result ??

Please, clarify – are you using any caching or minifying plugins in your WordPress?

Good again:
I have been testing and it seems that the problem is that for whatever reason the code does not work well with Elementor templates.

What I was doing until now was creating post-type content with ACF fields and entering the code using plain text in each of them, then calling it from an Elementor shortcode field.

Do you think there would be a way to make the system work like this?

I need to give flexibility to the client so that they can create or delete services quickly and the bubble is very useful for me to use the content in carousels and so on.

All the best

I suppose there can be some conflict when the Webba Booking shortcode is used this way.

Could you kindly explain the required workflow again? This will help me suggest a possible alternative solution.

Thank you so much:

I have created a post category called services.

In ACF I have created a series of custom fields for this category, one of them I called Form, it is plain text.

When the client creates a service in this field, they must include the shortcode corresponding to the form.

Then with Elementor I create a single post type page where I call the ACF fields corresponding to each of the posts, one of them would be the shortcode of the form.

In this way, the client can create a service when they need it and display it in a simple way and with a homogeneous design for all services.

I hope it helps you.

All the best

Thank you for explaining. From what I see the root of the problems is that Webba CSS and JS are not loaded because Webba doesn’t see the shortcode on a page. So, you need to disable the option Load CSS & JS only on the booking page (please see my reply above about it). But you wrote that the form is not seen at all when this option disabled. This may happens when you added two ore more Webba shortcodes on the same page. So, please try the following:

1. disable Load CSS & JS only on the booking page
2. make sure you have only one Webba shortcode on a page

If the problem continues, please let me know.

Hello again and thanks for your patience:

I only call a code on the page… if I select load css and js only on the reservation page I get the form deconfigured (and without function)
If I deactivate it, there is like a flash where it seems like it wants to load it, but it disappears. When I look at the code, it comes up blank:

<div class=”elementor-shortcode”>
</div>

All the best

I understand. I’ve just checked the source code of the page and found that current configuration renders shortcode twice. Could you please do a screenshot of the element containing shortcode in the editor and send it to [email protected]?

Sent.

Thank you so much

Hi,

The issue cane be resoved by adding the following attribute in the shortcode: compatibility=yes.

for example:

[webbabooking compatibility=yes]