Booking form fields not showing
-
I’ve installed the Events Manager plug in (free) and cannot get the booking fields to show up. (It just has a comments box).
I have enabled registrations and bookings are open to everyone. The documentation mentions instructions that seem to be obsolete so they are of no use. Has anyone found a solution for this?
-
These are the instructions I was following – but there’s no events > settings > templates/formats area and I don’t know where to put the #_BOOKINGFORM placeholder either. https://wp-events-plugin.com/documentation/set-up-event-bookings/
If you create an event and select “Enable registration for this event” then the booking form will appear as part of the single event page.
Hi, thanks for your reply. I have already enabled registrations and it still does not appear.
Go to Events->Settings->Formatting and enable Advanced Mode and Super Advanced Mode then scroll down to the Events section and in the Single Event Page section at the bottom you will see this:
{has_bookings}
<section class="em-event-bookings">
<a name="em-event-booking-form"></a>
<h2>Bookings (click on "send your booking" to sign up)</h2>
#_BOOKINGFORM
</section>
{/has_bookings}This is what will cause the booking form to be displayed in the single event page once registrations are enabled for a particular event. When you create an event you will see the following section for enabling event registration for that particular event:
This is all the code that is already in settings – formatting – events – single event page format. The box to enable registration is ticked and it’s still not working.
<section class="em-item-header" style="--default-border:#_CATEGORYCOLOR;">
{has_image}
<div class="em-item-image {no_image}has-placeholder{/no_image}">
#_EVENTIMAGE{medium}
</div>
{/has_image}
{is_cancelled}
<div class="em-event-cancelled em-notice em-notice-error em-notice-icon">
<span class="em-icon em-icon-cross-circle"></span>
This event has been cancelled. </div>
{/is_cancelled}
<div class="em-item-meta">
<section class="em-item-meta-column">
<section class="em-event-when">
<h3>When</h3>
<div class="em-item-meta-line em-event-date em-event-meta-datetime">
<span class="em-icon-calendar em-icon"></span>
#_EVENTDATES????
</div>
<div class="em-item-meta-line em-event-time em-event-meta-datetime">
<span class="em-icon-clock em-icon"></span>
#_EVENTTIMES
</div>
#_EVENTADDTOCALENDAR
</section>
{has_bookings}
<section class="em-event-bookings-meta">
<h3>Bookings</h3>
{bookings_open}
<div class="em-item-meta-line em-event-prices">
<span class="em-icon-ticket em-icon"></span>
#_EVENTPRICERANGE
</div>
<a href="#em-event-booking-form" class="button input with-icon-right">
<span class="em-icon-ticket em-icon"></span>
</a>
{/bookings_open}
{bookings_closed}
<div class="em-item-meta-line em-event-prices">
<span class="em-icon-ticket em-icon"></span>
Bookings closed </div>
{/bookings_closed}
</section>
{/has_bookings}
</section>
<section class="em-item-meta-column">
{has_location_venue}
<section class="em-event-where">
<h3>Where</h3>
<div class="em-item-meta-line em-event-location">
<span class="em-icon-location em-icon"></span>
<div>
#_LOCATIONLINK<br>
#_LOCATIONFULLLINE
</div>
</div>
</section>
{/has_location_venue}
{has_event_location}
<section class="em-event-where">
<h3>Where</h3>
<div class="em-item-meta-line em-event-location">
<span class="em-icon-at em-icon"></span>
#_EVENTLOCATION
</div>
</section>
{/has_event_location}
{has_taxonomy}
<section class="em-item-taxonomies">
<h3>Event Type</h3>
{has_category}
<div class="em-item-meta-line em-item-taxonomy em-event-categories">
<span class="em-icon-category em-icon"></span>
<div>#_EVENTCATEGORIES</div>
</div>
{/has_category}
{has_tag}
<div class="em-item-meta-line em-item-taxonomy em-event-tags">
<span class="em-icon-tag em-icon"></span>
<div>#_EVENTTAGS</div>
</div>
{/has_tag}
</section>
{/has_taxonomy}
</section>
</div>
</section>
{has_location_venue}
<section class="em-event-location">
#_LOCATIONMAP{100%,0}
</section>
{/has_location_venue}
<section class="em-event-content">
#_EVENTNOTES
</section>
{has_bookings}
<section class="em-event-bookings">
<a name="em-event-booking-form"></a>
<h2>Bookings</h2>
#_BOOKINGFORM
</section>
{/has_bookings}I don’t know why it’s not working for you.
It’s pretty frustrating. I’m not sure how to get any help with it. I use this plugin on another site – exact same settings and it works on that one but not on this one. I’ll have to find another plugin I guess unless anyone else has a solution. Thanks for trying to help.
I’ve just tested this by setting up on a third website – still showing the same issue. So pretty sure it isn’t an issue at my end. I’ve also tried deactivating and reactivating all the plugins to see if there is a conflict and that did not help.
I just created a new install of WordPress with the default theme and added the Events Manager as the only plugin. Then I added an event and enabled registration and then viewed the event and the booking form was there. Can you tell me the steps I need to go through to reproduce the problem?
This is what I’ve tried: Adding the Events Manager plugin to the existing site (Astra theme), adding an event, enabling registration. No booking form appears.
I then created a staging site, deactivated all the plugins, having Event Manager as the only plugin, created an event, enabled registration. No booking form appears.
I then tried this, but with the default theme. Same result.
I then tried this on a completely different website, installing the plugin, creating an event, enabling registration. Again, same result.
I have also compared all the settings to yet another website I look after where we have this plugin (where the booking form does work). All the settings are exactly the same on both sites, yet still no booking form is appearing on this new site.
- You must be logged in to reply to this topic.