[IMP] Events: Update Booths page

X-original-commit: ecba5be162
Co-authored-by: Rex <11528309+huisit@users.noreply.github.com>
Co-authored-by: Felicia Kuan <freakyotaku@gmail.com>
This commit is contained in:
kaili
2026-03-19 15:59:46 +00:00
committed by stepperpig
parent 081e283dc0
commit 6e13a3a75a
3 changed files with 152 additions and 188 deletions

View File

@@ -2,8 +2,8 @@
Event booths
============
The Odoo *Events* application provides users with the ability to create event booths, sell their
availability, and manage their reservations.
The Odoo **Events** application provides users with the ability to create, sell, and manage event
booth reservations.
Configuration
=============
@@ -11,260 +11,224 @@ Configuration
In order to create, sell, and manage booths for events, the *Booth Management* feature must be
activated.
To do that, navigate to :menuselection:`Events app --> Configuration --> Settings`, and tick the
:guilabel:`Booth Management` checkbox. Then, click :guilabel:`Save`.
To do that, navigate to :menuselection:`Events app --> Configuration --> Settings`. Click the
:guilabel:`Booth Management` checkbox, then click :guilabel:`Save` to enable the setting.
.. image:: event_booths/booth-management-setting.png
:align: center
:alt: The Booth Management setting in the Odoo Events application.
.. important::
When the :guilabel:`Booth Management` setting is activated, a new :doc:`Product Type
<../../inventory_and_mrp/inventory/product_management/configure/type>` becomes available on all
product forms: *Event Booth*.
When the :guilabel:`Booth Management` setting is activated, Odoo automatically creates a default
*Event Booth* product in the database with its :guilabel:`Product Type` set to :guilabel:`Service`
and its :guilabel:`Create on Order` field set to :guilabel:`Event Booth`.
This is important because every created booth **must** be assigned a *Booth Category* on their
respective booth form, and every booth category **must** have an *Event Booth* product assigned
to it.
Users can modify/duplicate this default product or create a new, custom product. In either case,
users **must** verify that an *Event Booth* product exists with this configuration in order to
create booths and booth categories, as shown later in this documentation.
.. _events/booth-categories:
Booth categories
================
With the *Booth Management* setting activated in the *Events* app, the *Booth Categories* option
appears in the :guilabel:`Configuration` menu.
Custom *booth categories* can be created by users to assign different price tiers and :doc:`sponsors
<event_sponsors>` for multiple booths at once.
To access the :guilabel:`Booth Category` dashboard, go to :menuselection:`Events app -->
Configuration --> Booth Categories`, which reveals a list of all created booth categories.
When the *Booth Management* setting is activated, Odoo automatically creates three default booth
categories: *Standard Booth*, *Premium Booth*, and *VIP Booth*. Users can modify/duplicate these
default categories or create new, custom categories. In either case, booth categories **must** exist
in the database before users can create event booths.
Booth categories dashboard
--------------------------
To view and manage booth categories, navigate to :menuselection:`Events app --> Configuration -->
Booth Categories`.
The :guilabel:`Booth Category` dashboard displays a list of all created booth categories along with
the booth category name, associated *Event Booth* product, and price.
.. note::
If sponsors are enabled in the **Events** app, an additional *Create Sponsor* checkbox appears on
each record in the list as well as on the booth category form.
.. image:: event_booths/booth-category-page.png
:align: center
:alt: The Booth Category page in the Odoo Events application.
On the :guilabel:`Booth Category` page, the following information for each booth category is listed:
To edit an existing booth category, select it from the list and proceed to make any desired
modifications in the resulting booth category form.
- :guilabel:`Name`: the name of the booth category.
- :guilabel:`Create Sponsor`: if checked, booking this booth category creates a sponsor for the
user.
- :guilabel:`Product`: the *Event Booth* product associated with that specific booth category.
- :guilabel:`Price`: the price of a booth in that booth category.
When the :icon:`oi-settings-adjust` :guilabel:`(settings)` icon, located to the far-right of the
column titles, is clicked, a drop-down menu of additional column options appears. From the resulting
drop-down menu, tick the checkbox beside :guilabel:`Sponsor Level` and/or :guilabel:`Sponsor Type`
to reveal those columns on the :guilabel:`Booth Category` page.
To edit an existing booth category, select it from the list, and proceed to make any desired
modifications from the event category form.
.. _events/booth-categories/create:
Create booth category
---------------------
To create a booth category from the :guilabel:`Booth Category` page, click the :guilabel:`New`
button in the upper-left corner to reveal a blank booth category form.
To create a booth category, click the :guilabel:`New` button in the upper-left corner of the page to
reveal a blank booth category form.
.. image:: event_booths/booth-category-form.png
:align: center
:alt: A typical booth category form in the Odoo Events application.
Start by entering a name for the booth category in the top :guilabel:`Booth Category` field. This is
a **requried** field.
a **required** field.
To add a corresponding image to the booth category (e.g. a sample photo of how the booth looks),
click the :icon:`fa-pencil` :guilabel:`(pencil)` icon that appears when the cursor hovers over the
camera placeholder in the upper-right corner of the booth category form. When clicked, proceed to
upload the desired image to the booth category form, if needed.
Optionally, upload a corresponding image (e.g., a sample photo of how the booth looks).
In the :guilabel:`Booth Details` section, users **must** assign a :guilabel:`Product` to the
category, and it **must** have *Event Booth* set as the *Product Type* on the product form.
In the :guilabel:`Booth Details` section, assign an *Event Booth* product in the :guilabel:`Product`
field. This a **required** field.
And, regardless of the listed price on the *Event Booth* product chosen, the user can input a custom
:guilabel:`Price` to be applied for this booth category in the field below.
Next, set a price for the booth category in the :guilabel:`Price` field.
In the :guilabel:`Sponsorship` section, there is a :guilabel:`Create Sponsor` checkbox option. With
that checkbox ticked, whenever a booth belonging to this category is booked, the user is created as
an official *Sponsor* of the event.
If event sponsors are configured, a :guilabel:`Sponsorship` section appears with a :guilabel:`Create
Sponsor` checkbox option. When enabled, the user is created as an official *Sponsor* of the event
whenever a booth of this category is booked.
When the :guilabel:`Create Sponsor` checkbox is ticked, two additional fields appear beneath it:
:guilabel:`Sponsor Level` and :guilabel:`Sponsor Type`.
Additionally, the :guilabel:`Sponsor Level` and :guilabel:`Sponsor Type` fields can be configured to
specify the level/tier and the type of sponsorship. See the :doc:`event sponsors <event_sponsors>`
documentation for more information about configuring sponsor levels and types.
Finally, in the :guilabel:`Description` tab, enter any information about the booth category (e.g.,
the square footage, any amenities, size of display screen, etc.).
Add booths to events
====================
After configuring booth categories, booths can be created and added to specific events.
Booths dashboard
----------------
To create and add booths to a specific event, first navigate to its event form and click the
:guilabel:`Booths` smart button at the top to access the :guilabel:`Booths` dashboard.
The dashboard is displayed in a Kanban view, by default, and grouped by two different:
:guilabel:`Available` and :guilabel:`Unavailable`. The booths in the :guilabel:`Available` stage are
still available for exhibitors to reserve. The booths in the :guilabel:`Unavailable` stage have
already been reserved and are no longer available.
.. note::
:guilabel:`Sponsor Level` and :guilabel:`Sponsor Type` are purely to distinguish different
distinctions of sponsors. For example, if a sponsor has been attached to a company for multiple
years, they would be granted a higher level (e.g. *Gold* level), which provides them with
immediate credability and status. Whereas, conversely, a relatively new sponsor would be granted
a lower level (e.g. *Bronze* level), which coincides with its own credability and status.
The :guilabel:`Booths` dashboard is also viewable in a :icon:`oi-view-list` :guilabel:`(List)`,
:icon:`fa-area-chart` :guilabel:`(Graph)`, or :icon:`oi-view-pivot` :guilabel:`(Pivot)` views for
users to track insights about booths for a particular event.
Select a desired level of sponsorship from the :guilabel:`Sponsor Level` drop-down field.
In addition to the default :guilabel:`Available` and :guilabel:`Unavailable` filters, the **Booths**
dashboard can be grouped by the following:
.. tip::
To modify any existing :guilabel:`Sponsor Level`, select it from the drop-down field, then click
the :icon:`fa-arrow-right` :guilabel:`(right arrow)` that appears at the end of the line. Doing
so opens a separate page, wherein the :guilabel:`Sponsor Level` name and :guilabel:`Ribbon Style`
can be changed, if necessary.
- :guilabel:`Status`: Group by the availability of the booths. This is the default grouping option.
- :guilabel:`Renter`: Group by the individual renters of the booths.
- :guilabel:`Booth Category`: Group by the booth categories of the booths.
- :guilabel:`Is Paid`: Group by booths that have been paid and reserved.
- :guilabel:`Event`: Group by the associated event of the booths.
Users can also create a new :guilabel:`Sponsor Level`, by typing in the name of the new level, and
clicking :guilabel:`Create and edit...` from the resulting drop-down menu.
See the :doc:`reporting <../../essentials/reporting>` documentation for more information about views
and how to apply filters and grouping options.
.. note::
Clicking :guilabel:`Create` from the resulting drop-down menu in this instance creates the
sponsor level, but doesn't immediately prompt the user to further configure it, via a
:guilabel:`Create Sponsor Level` pop-up window.
Doing so reveals a :guilabel:`Create Sponsor Level` pop-up window.
Create an event booth
---------------------
.. image:: event_booths/create-sponsor-level-popup.png
:align: center
:alt: The Create Sponsor Level pop-up window that appears in the Odoo Events application.
From this pop-up window, confirm the newly-created :guilabel:`Sponsor Level`, and decide what kind
of :guilabel:`Ribbon Style` should be applied, if any. The :guilabel:`Ribbon Style` options
available in that drop-down field are: :guilabel:`No Ribbon`, :guilabel:`Gold`, :guilabel:`Silver`,
and :guilabel:`Bronze`.
If one is selected, that :guilabel:`Ribbon Style` appears with the sponsor's name on the event
website.
On the booth category form, beneath those sections (:guilabel:`Booth Details` and
:guilabel:`Sponsorship`), there is the :guilabel:`Description` tab. In this tab, proceed to enter
any vital information related to the booth category that would be important for any potential
booth-buyer to know about (e.g., the square footage, any amenities, size of display screen, etc.).
Add booth to an event
=====================
In order to add a booth to an event, navigate to an existing event form, via :menuselection:`Events
app --> Events`, and select the desired event from the :guilabel:`Events` dashboard. Or, click
:guilabel:`New` to open a blank event form.
From the event form, to access the *Booths* for that specific event, click the :guilabel:`Booths`
smart button at the top of the page.
The :guilabel:`Booths` page is displayed in a Kanban view, by default, with two different stages:
:guilabel:`Available` and :guilabel:`Unavailable`.
.. note::
The :guilabel:`Booths` page of an event is also viewable in a :icon:`oi-view-list`
:guilabel:`List` view, :icon:`fa-area-chart` :guilabel:`Graph` view, and :icon:`oi-view-pivot`
:guilabel:`Pivot` view. All of which are accessible, via their icons, in the upper-right corner
of the :guilabel:`Booths` page.
The booths present in the :guilabel:`Available` stage are still available for people to purchase for
the event. The booths present in the :guilabel:`Unavailable` stage have already been purchased, and
are no longer available.
To modify any existing booth, simply click the desired booth from the :guilabel:`Booths` page, and
proceed to make any necessary changes from the booth form. Or, create a new one, by clicking the
:guilabel:`New` button in the upper-left corner to reveal a blank booth form.
Booth form
----------
The booth form in Odoo *Events* lets users customize and configure event booths in a number of
different ways.
To create a new booth, click :guilabel:`New` in either the Kanban or List view. This opens an event
booth form for the user to configure a new booth.
.. image:: event_booths/booth-form.png
:align: center
:alt: Typical booth form in the Odoo Events application.
Start by typing in a :guilabel:`Name` for the booth. This is a **required** field.
Then, apply a :guilabel:`Booth Category` to the booth. This is a **required** field.
Then, apply (or :ref:`create <events/booth-categories/create>`) a :guilabel:`Booth Category`. This
is a **required** field.
.. tip::
A new :guilabel:`Booth Category` can be created from this field, by typing in the name of the
new category, and clicking :guilabel:`Create and edit...` from the resulting drop-down menu.
Doing so reveals a :guilabel:`Create Booth Category` pop-up window, with all the standard fields
found on a common booth category form.
After selecting an existing :guilabel:`Booth Category`, the corresponding product and price of the
selected booth category appear in the non-modifiable :guilabel:`Product` and :guilabel:`Price`
fields.
Simply clicking :guilabel:`Create` from the resulting drop-down menu creates the category, but
does not reveal the :guilabel:`Create Booth Category` pop-up window. The category would have to
be modified later, via the *Booth Categories* page (:menuselection:`Events app --> Configuration
--> Booth Categories`).
Continue by selecting a renter's contact in the :guilabel:`Renter` drop-down to automatically
populate the :guilabel:`Renter Name`, :guilabel:`Renter Email`, and :guilabel:`Renter Phone` fields.
Alternatively, these fields can also be entered manually.
Upon selecting a pre-existing :guilabel:`Booth Category`, two additional, non-modifiable fields
appear: :guilabel:`Product` and :guilabel:`Price`. Both fields represent their respective selections
for that specific booth category.
When a person purchases a booth rental through the event website, the subsequent renter-related
fields on the form auto-populate, based on the information provided by the purchaser during the
online transaction. The booth also automatically changes its status from *Available* to
*Unavailable*.
However, if the rental of a booth is conducted in any other way (e.g., in person, via sales order,
etc.), the :guilabel:`Renter`, :guilabel:`Renter Name`, :guilabel:`Renter Email`, and
:guilabel:`Renter Phone` fields can be entered in manually.
.. note::
When a renter :ref:`reserves a booth <events/booth-reservation/reserving>` through the event
website, the renter-related fields on the form automatically populate based on the information
provided during the online transaction. The booth then automatically changes status from
*Available* to *Unavailable*.
The status of the booth (:guilabel:`Available` or :guilabel:`Unavailable`) can also be changed
manually, either by clicking the appropriate status from the status bar present on the booth form,
or by dragging-and-dropping the desired booth into the appropriate stage, via the *Booths* page
Kanban view.
manually, either by clicking the appropriate status from the status bar in the upper-right of the
booth form or by dragging-and-dropping the desired booth into the appropriate stage via the *Booths*
dashboard Kanban view.
Sell event booths
=================
Event booth reservation
=======================
With event booths configured on the event form, via the event-specific *Booths* pages, Odoo presents
them on the event website, via the *Get A Booth* event subheader link.
With event booths configured, renters can view and reserve them on the event webpage via the *Get A
Booth* event sub-menu link.
To access the *Get A Booth* page on the event website, open the :menuselection:`Events app`, and
select the desired event from the :guilabel:`Events` dashboard. From the event form, click the
:guilabel:`Go to Website` smart button to be taken to the Odoo-built event website.
This section outlines how to configure the event website to allow renters to reserve booths. It then
provides a view of how renters can reserve the booths through the website.
If the event subheader menu (with the :guilabel:`Get A Booth` option) is *not* showing up on the
event website, there are two ways to make it appear.
Enable booth reservations
-------------------------
While on the event website, enter the edit mode by clicking the :guilabel:`Edit` button in the
To access the event booths page for a specific event, navigate to the event form in the **Events**
app and click the :guilabel:`Go to Website` smart button to open the event page.
If the event sub-menu (with the :guilabel:`Get A Booth` option) is *not* showing up, there are two
ways to make it appear: via the website edit mode or through the developer mode.
Website edit mode
~~~~~~~~~~~~~~~~~
While on the event page, enter the edit mode by clicking the :guilabel:`Edit` button in the
upper-right corner. Then, click into the :guilabel:`Customize` tab of the resulting sidebar of web
design tools.
In the :guilabel:`Customize` tab, click the toggle switch for :guilabel:`Sub-Menu (Specific)`, and
click :guilabel:`Save`. Doing so reveals the event subheader menu with various options.
In the :guilabel:`Customize` tab, click the toggle switch for :guilabel:`Sub-menu (Specific)`, then
click :guilabel:`Save`. Doing so reveals the event sub-menu with various options (e.g., Talks,
Agenda, Info, etc.).
Alternatively, enter :doc:`Debug mode <../../general/developer_mode>`, and open the specific event
form in the the *Events* application.
Developer mode
~~~~~~~~~~~~~~
On the event form, with *Debug mode* on, an array of subheader menu options appears. Tick the
checkbox for :guilabel:`Website Submenu`, in order for the submenu to appear on the event website.
Doing so also ticks every other submenu-related checkbox automatically.
Alternatively, enter :doc:`Debug mode <../../general/developer_mode>` and open the specific event
form in the **Events** application.
At this point, proceed to choose which options to keep on the event subheader menu. In this case,
make sure the :guilabel:`Booth Register` checkbox is ticked.
With *Debug mode* on, an array of sub-menu options appears at the top of the event form. Click the
checkbox for :guilabel:`Website Submenu` to display the event sub-menu on the event page.
From there, click the :guilabel:`Get A Booth` event subheader menu option. Doing so reveals the
:guilabel:`Get A Booth` page, showcasing all the configured event booths that were created on the
event form.
Next, choose which sub-menu options to include on the event page. In this case, make sure the
:guilabel:`Booth Register` checkbox is selected.
.. _events/booth-reservation/reserving:
Reserve a booth
---------------
Once the sub-menu is enabled on the event page either through the website editor or through the
debug mode, renters can then view and reserve available booths.
Renters can access the *Get A Booth* page on the event website by selecting the desired event from
the :guilabel:`Events` homepage then clicking the :guilabel:`Get A Booth` sub-menu option.
.. image:: event_booths/get-a-booth-page.png
:align: center
:alt: Typical Get A Booth page on the event website via the Odoo Events app.
:alt: Get A Booth page on the website in Odoo Events.
From here, the visitor can select their desired booth option, then :guilabel:`Location`. Next, they
would click the :guilabel:`Book my Booth(s)` button, located at the bottom of the :guilabel:`Get A
Booth` page.
From the :guilabel:`Get A Booth` page, the renter can select their desired booth option, then
:guilabel:`Location`. Next, they click the :guilabel:`Book my Booth(s)` button located at the
bottom-right of the page.
Doing so reveals a :guilabel:`Contact Details` page, wherein they fill out either *Contact Details*
or *Sponsor Details*, depending on how the booth was configured on the event form. The fields
present on this form vary, depending on whether its meant for a basic contact or an event sponsor.
Doing so reveals a :guilabel:`Contact Details` page where they fill out either *Contact Details* or
*Sponsor Details* depending on how the booth was configured.
.. note::
If the selected booth has the *Create Sponsor* checkbox ticked, this page reads as *Sponsor
Details*.
Once the necessary information has been entered, the renter then clicks the :guilabel:`Go to
Payment` at the bottom of the page and proceeds to complete the typical :doc:`checkout process
<../../websites/ecommerce/checkout>`.
The information provided on this details page is used to auto-populate the renter-related
information on the booth form on the event form in the *Events* application.
Upon a successful payment confirmation, the renter has successfully reserved a booth.
Once the necessary information has been entered, the visitor then clicks the :guilabel:`Go to
Payment` at the bottom of the page, and proceeds to complete the typical checkout process.
In the database, that selected booth automatically moves to the *Unavailable* stage on the
event-specific *Booths* page in the **Events** app.
Upon a successful payment confirmation, that selected booth automatically moves to the *Unavailable*
stage on the event-specific *Booths* page in the *Events* application (accessible via the *Booths*
smart button on the event form).
Also, the provided *Sponsor* information (if applicable) and *Sales Order* information are
accessible from the specific event form, via their respective smart buttons that appear at the top
of the form.
.. note::
Click the *Sponsors* smart button to modify any information about the sponsor, if necessary.
The provided *Sponsor* information (if applicable) and *Sales Order* information are also accessible
from the specific event form via their respective smart buttons that appear at the top of the form.
.. seealso::
- :doc:`create_events`

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 53 KiB

After

Width:  |  Height:  |  Size: 192 KiB