WEBVTT

00:00:04.650 --> 00:00:05.450
Today I would like to show you

00:00:05.450 --> 00:00:08.450
how Cevento operates
within WordPress.

00:00:08.600 --> 00:00:11.150
We will go through the plugin
step by step.

00:00:11.150 --> 00:00:14.100
We’ll start with the installation
and then take a look

00:00:14.100 --> 00:00:17.966
at how to edit events and how to display
them on the website’s frontend.

00:00:18.383 --> 00:00:21.350
At the very end,
we’ll see how the system

00:00:21.350 --> 00:00:24.000
manages registrations
and cancellations.

00:00:24.000 --> 00:00:27.200
To install the plugin,
we first click on “Plugins”

00:00:27.200 --> 00:00:31.650
then “Add New” and under
“Upload” we select the file

00:00:31.950 --> 00:00:34.950
that we downloaded
from the online shop.

00:00:35.783 --> 00:00:38.783
With a click on “Install Now”
the plugin will be installed.

00:00:38.816 --> 00:00:40.516
This takes just a moment.

00:00:40.516 --> 00:00:42.766
Afterward,
we can activate the plugin

00:00:42.766 --> 00:00:46.133
and we will get
an additional menu item on the left side.

00:00:46.766 --> 00:00:48.316
It’s called Cevento.

00:00:48.316 --> 00:00:51.500
With one click,
we land in the plugin’s backend,

00:00:51.750 --> 00:00:54.750
where we will manage
all events in the future.

00:00:54.916 --> 00:00:56.666
We still need to activate the license.

00:00:56.666 --> 00:00:59.550
For that, we use the quick link
in the top right corner.

00:00:59.550 --> 00:01:02.600
With one click we get
to the settings and can

00:01:02.600 --> 00:01:04.516
enter the license key there,

00:01:04.516 --> 00:01:07.700
which you received
in your confirmation email.

00:01:10.200 --> 00:01:10.583
With a

00:01:10.583 --> 00:01:14.550
click on “Activate License”,
the plugin will be activated, and from now on

00:01:14.550 --> 00:01:17.850
you will receive all future updates
and feature improvements.

00:01:22.016 --> 00:01:25.133
Next, we’ll take a look
at editing individual events.

00:01:25.466 --> 00:01:28.816
To do this, we navigate to Cevento,
“All Events,” and we’ll see

00:01:28.816 --> 00:01:32.216
that a demo event
has already been included during installation.

00:01:32.633 --> 00:01:35.633
We’ll take advantage of that
and click “Edit Event”.

00:01:36.233 --> 00:01:39.766
We can now see that each event
has a title and a short description.

00:01:39.800 --> 00:01:44.033
There is also the option
to highlight featured events in the list view.

00:01:44.966 --> 00:01:47.033
We now enter a title

00:01:47.033 --> 00:01:51.016
and the short description,
and then we switch to the “Date & Time” tab.

00:01:51.533 --> 00:01:55.650
Each event must have at least
a start date, may have an end date,

00:01:55.650 --> 00:01:59.716
and can run all day
or be defined by specific times.

00:02:00.200 --> 00:02:02.366
In our case,
it’s a festival.

00:02:02.366 --> 00:02:04.816
We’ll let it run
all day over several days.

00:02:07.883 --> 00:02:11.150
Then we switch to the “iCal” tab.

00:02:11.150 --> 00:02:14.366
iCal is a file that users
can download

00:02:14.366 --> 00:02:17.783
to import the event
directly into their calendar.

00:02:18.266 --> 00:02:20.966
Here we can again define a description.

00:02:20.966 --> 00:02:25.800
We can also add an address name,
a complete address,

00:02:26.300 --> 00:02:30.000
and we have the option
to enter precise address coordinates.

00:02:32.250 --> 00:02:35.450
Each event can also be categorized.

00:02:35.866 --> 00:02:37.966
So far, we haven’t created any categories.

00:02:37.966 --> 00:02:39.866
That’s the next step
we’re going to take.

00:02:39.866 --> 00:02:42.000
We add a category.

00:02:42.000 --> 00:02:45.550
In this case, it would be helpful
if users

00:02:45.566 --> 00:02:49.200
could search for all dates
of the band performing at a festival.

00:02:49.433 --> 00:02:53.216
So, we create the category
“Festival”, and we also add an image

00:02:53.216 --> 00:02:53.750
to it.

00:02:53.750 --> 00:02:56.750
This will then be displayed
on the website’s frontend.

00:03:00.316 --> 00:03:00.833
If we are satisfied

00:03:00.833 --> 00:03:04.616
with all our changes,
we can now publish the event.

00:03:09.083 --> 00:03:11.750
Now we’ll take a look
at how the events are displayed.

00:03:11.750 --> 00:03:14.716
For this, we first need to set
a few basic settings.

00:03:14.716 --> 00:03:15.616
To do this, we click

00:03:15.616 --> 00:03:18.616
on Cevento “Settings”
and then on the “Display” tab.

00:03:18.833 --> 00:03:20.000
In the general tab

00:03:20.000 --> 00:03:23.000
we can now define what
the archive layout should look like.

00:03:23.150 --> 00:03:26.783
We can choose between: list view,
grid view, or summary view.

00:03:27.050 --> 00:03:28.850
We choose the list view.

00:03:28.850 --> 00:03:31.916
We also choose
to display the images.

00:03:32.116 --> 00:03:35.033
But I don’t want to display
the event excerpt.

00:03:35.033 --> 00:03:38.033
This results in a more compact
and bold visual layout.

00:03:38.300 --> 00:03:41.000
We leave the option enabled
to display the available places,

00:03:41.000 --> 00:03:43.550
as this will be important later
when booking events,

00:03:43.550 --> 00:03:46.950
and we leave the pagination, meaning
the maximum events per page, set to five,

00:03:47.266 --> 00:03:50.266
which means beginning with
the sixth event, page 2 appears.

00:03:51.016 --> 00:03:53.783
We now save our changes

00:03:53.783 --> 00:03:55.816
and switch to the “Styling” tab.

00:03:56.933 --> 00:03:59.066
Here we can now define
a highlight color,

00:03:59.066 --> 00:04:02.066
which will be relevant,
for example, when highlighting events.

00:04:02.216 --> 00:04:05.216
I’m choosing a bold pink,
which suits the template well.

00:04:05.783 --> 00:04:08.400
I’ll leave the container max. width
and container padding

00:04:08.400 --> 00:04:10.200
at their default settings,

00:04:10.200 --> 00:04:13.200
but of course, these can be adjusted
if desired.

00:04:13.400 --> 00:04:16.733
We save again
and switch to the date formatting.

00:04:17.066 --> 00:04:18.450
For the date formatting

00:04:18.450 --> 00:04:21.500
the correct format for
German-speaking regions is already set.

00:04:21.883 --> 00:04:22.350
Here, I would

00:04:22.350 --> 00:04:26.700
also have the option to choose entirely
different date formats,

00:04:26.700 --> 00:04:30.050
depending on what fits best
for my target audience and website.

00:04:31.500 --> 00:04:33.983
Under the “Advanced” tab,
I can also see

00:04:33.983 --> 00:04:36.650
which slug my archive view uses.

00:04:36.650 --> 00:04:40.850
By default, it’s /events,
and we’ll take a look at this page now.

00:04:43.366 --> 00:04:46.516
As you can see,
the highlight color is being used,

00:04:46.516 --> 00:04:50.300
because I highlighted this event.
Also, there are five events

00:04:50.300 --> 00:04:53.483
displayed on one page,
and at the bottom you can see the pagination.

00:04:53.900 --> 00:04:58.316
If I click on one of these events,
I get to the event detail view.

00:04:58.666 --> 00:05:00.383
Here I can also download

00:05:00.383 --> 00:05:04.166
the iCal format mentioned earlier
to import the event into my calendar.

00:05:04.616 --> 00:05:07.616
I see a short description text
that we previously set,

00:05:07.650 --> 00:05:09.350
as well as the date and time.

00:05:09.350 --> 00:05:12.566
And now we will convert this event
into a bookable event.

00:05:19.516 --> 00:05:22.016
We now turn our attention
to booking events.

00:05:22.016 --> 00:05:25.516
To do this, we first need to configure
a form that users

00:05:25.516 --> 00:05:29.666
will have to fill out on the website
when registering for an event.

00:05:30.116 --> 00:05:31.850
To do that, we click on “Forms”

00:05:31.850 --> 00:05:33.650
and we can see
there’s already a default form

00:05:33.650 --> 00:05:36.016
that was included
when the plugin was installed.

00:05:36.016 --> 00:05:39.350
We click on it and are taken
directly to the form configurator.

00:05:39.800 --> 00:05:42.916
Here we can now customize the default
form according to our needs.

00:05:43.800 --> 00:05:45.916
For example,
we don’t need a message field,

00:05:45.916 --> 00:05:50.033
but what I would like to have
for this registration is that people

00:05:50.033 --> 00:05:53.566
attending the concert can state
what type of music they would like to hear.

00:05:54.050 --> 00:05:57.050
So I take a text field,
drag it to the appropriate position,

00:05:57.800 --> 00:05:59.516
and enter a label for it.

00:05:59.516 --> 00:06:02.366
I also set it to required,

00:06:02.366 --> 00:06:04.016
so that every
participant,

00:06:04.016 --> 00:06:06.916
really has to provide an answer,

00:06:06.916 --> 00:06:08.633
because fields like these
usually get skipped.

00:06:08.633 --> 00:06:12.166
I save the form,
and from now on it’s ready to use.

00:06:12.916 --> 00:06:13.883
Then I click again on

00:06:13.883 --> 00:06:17.266
“All Events” and select the event
that I want to make bookable.

00:06:18.000 --> 00:06:21.300
Under the “Bookings” section,
I can now enable bookings.

00:06:21.833 --> 00:06:25.316
Here I would also have the option
to provide an external booking link.

00:06:25.516 --> 00:06:26.716
That would make sense

00:06:26.716 --> 00:06:29.850
if a third-party vendor sells these tickets
for me on their website.

00:06:30.150 --> 00:06:32.300
In this case, we’ll handle it ourselves.

00:06:32.300 --> 00:06:35.150
For the booking form,
I select the default form.

00:06:36.300 --> 00:06:39.150
Then I can choose whether
the booking needs to be confirmed

00:06:39.150 --> 00:06:39.866
or not.

00:06:39.866 --> 00:06:43.316
In other words, does an administrator
have to approve each new booking first,

00:06:43.316 --> 00:06:46.316
or is it approved automatically?

00:06:46.350 --> 00:06:49.350
In this case,
I choose first come, first served.

00:06:49.883 --> 00:06:53.000
We also have 50 places
available in our garage.

00:06:53.516 --> 00:06:58.100
Bookings are now available,
but only until one week before the gig.

00:06:58.366 --> 00:07:01.366
We don’t want last-minute bookings.

00:07:02.266 --> 00:07:04.800
Afterwards,
I can update the event,

00:07:04.800 --> 00:07:08.100
and we’ll now take a look in the frontend
to see what the event looks like.

00:07:09.233 --> 00:07:10.733
Now we can see that the button here

00:07:10.733 --> 00:07:14.483
has changed to “Book now,”
and that 50 spots are available.

00:07:14.750 --> 00:07:16.050
I click “Book now.”

00:07:16.050 --> 00:07:20.150
This opens the form we created,
and I can fill it out.

00:07:24.766 --> 00:07:27.116
With “Submit,”
I register for the event.

00:07:28.733 --> 00:07:29.216
In the backend

00:07:29.216 --> 00:07:32.216
of the website, we can now see
that there is a confirmed booking.

00:07:32.250 --> 00:07:35.400
To view it,
we click “Edit” on the event

00:07:35.933 --> 00:07:39.350
and in the bookings panel at the top right
we can view the booking via the

00:07:39.350 --> 00:07:41.516
“Manage Bookings” button.

00:07:41.516 --> 00:07:42.716
We also have the option

00:07:42.716 --> 00:07:46.166
to export all bookings as a CSV
using “Export all.”

00:07:46.550 --> 00:07:50.450
Now we click “Manage bookings”
and select the first entry.

00:07:50.900 --> 00:07:52.533
A popup opens, and we can see

00:07:52.533 --> 00:07:53.033
the data

00:07:53.033 --> 00:07:56.966
that the participant entered
when filling out the form.

00:07:57.450 --> 00:08:00.450
We also have the option,
using the bulk actions

00:08:00.500 --> 00:08:04.800
or the quick links below,
to delete bookings, edit them,

00:08:04.800 --> 00:08:08.150
trigger emails again,
or cancel bookings.

00:08:09.600 --> 00:08:12.416
That was a brief overview
of Cevento’s features.

00:08:12.416 --> 00:08:14.333
But the plugin can do much more.

00:08:14.333 --> 00:08:19.066
Repeatable events, complex shortcodes,
and also design customization

00:08:19.066 --> 00:08:22.133
or even extending it
through programming are possible.

00:08:22.516 --> 00:08:25.883
If you’d like more information,
visit us on our website

00:08:27.366 --> 00:08:30.050
cevento-plugin.com
and scroll through the documentation.

00:08:30.050 --> 00:08:32.133
We hope you enjoy our plugin.