Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Thank you for purchasing our extension. If you have any questions that are beyond the scope of this document, please feel free to contact us via [email protected]

Updated: 10/09/2020 | By: Magenest | Support Portal:   http://servicedesk.izysync.com/servicedesk/customer/portal/7 


Table of Contents
outline

Introduction

...

true
indent10px
stylenone


...

Introduction

The Event Ticket extension for Magento 2 by Magenest is the ultimate extension for E-commerce websites that allows merchants to create and manage events and tickets. Merchants can create multiple custom ticket options such as VIP, adults, children,… each with a customized template to best fit the event's context. The extension can also send reminder emails so that your customer won't miss the event.
Image Added

Features

For admin

  • Create product as the event ticket type
  • Support multiple locations, multiple dates, and multiple sessions/timeslot for the event. 
  • Add event to the menu bar
  • Specify custom ticket type for each event (ticket options) and set name, price, quantity, and sequence of available tickets for each type
  • Automatically generate Bar code and QR code
  • Drag-drop pdf template design with XY coordinates in the admin panel
  • Preview and print the pdf PDF ticket instantly in the admin panel
  • Add Google map to event details
  • Create unlimited email templates
  • Assign an email template to each event
  • Allow customers to fill in attendee information at the checkout page
  • Easily track attendees, purchased tickets for each event
  • Add terms and conditions for each event
  • Send ticket confirmation emails to event attendees
  • Send pdf tickets to all the attendees or to the purchaser only
  • Export event attendees, event list, and ticket list into CSV, XML files

For customers

  • Choose from multiple ticket options (location, date, time, and ticket type)
  • View the location of each event with a pinpoint on Google map integrated on product page

System Requirements

 

Your store should be running on 

  • Magento Open Source 2.2.x, 2.3.x, 2.4

  • Magento Commerce 2.2.x,2.3.x, 2.4

...

 

...

Configurations

On the Admin sidebar, go to Stores > Configuration > Magenest > Event Ticket.

...

  • Send reminder email before event starts: Choose Yes to send reminder email of the events to customers
  • Days to remind before event starts: Enter the number days before the event in order to send reminder emails
  • Reminder Email Templates: Assign the email template to send a reminder email. You can create an email template in Marketing > Email Templates


Below is the default email template: 
Email Template

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

{{template config_path="design/email/header_template"}}
 
<p>{{trans "This is your reminder from %store_name." store_name=$store.getFrontendName()}}</p>
<p>{{trans "Your event starts in the next"}} {{var remind_day}} {{trans "days"}} </p>
<ul>
    <li><strong>{{trans "Event: "}}</strong> <em> {{var title}}</em></li>
    <li><strong>{{trans "Customer Name: "}}</strong> {{var customer_name}}</li>
    <li><strong>{{trans "Your Code: "}}</strong> {{var ticket_code}}</li>
    <li><strong>{{trans "Location: "}}</strong> {{var location_title}}, {{var location_detail}}</li>
    <li><strong>{{trans "Date: "}}</strong> {{var event_date}}</li>
    <li><strong>{{trans "Time: "}}</strong> from {{var start_time}} to {{var end_time}}</li>
    <li><strong>{{trans "Quantity: "}}</strong> {{var qty}}</li>
    <li><strong>{{trans "Option: "}}</strong> {{var option_type}}</li>
</ul>
 
{{template config_path="design/email/footer_template"}}


(plus) Event Top Menu

  • Display event top menu in frontend: Select Yes to enable the event page in the menu bar on the front end
  • Menu name: Enter the event name to display in the Menu bar

(star) After saving the configurations, please clear the cache to apply the changes.

...

Event ticket setting

Create a new event 


(plus) In order to create a new event ticket, go to Catalog > Event Manager > Event

Image Removed

...

Events > New Event 

  • Apply Locations/Schedules to all Tickets Options: Disable this feature allows creating events where each location will be an option.

Image Added



Image Added

Edit Event Tickets 

(plus) Tickets Setup

The ticket is a product on your site, so to set it up as an event ticket, please scroll down to see Event Ticket.

...

  • Locations/Schedules: You can add multiple locations, with multiple dates and sessions/timeslot. You can set the limited quantity for each session.
    Note that the total of limited quantities must be equal or less than the product quantity.
  • The active field will be checked by default, if this box is left unchecked, the session will not display on the Event Detail Page.

Image Modified


(plus) Ticket options: 
You can add unlimited ticket options with its own price, quantity and description.

  • Price: The price modifier is added to the product base price. There are two price type (fixed and percent).
    For example: Product base price is $100
    Fixed price: The option for VIP seat costs $50, then the total price for the ticket will be $150.
    Percent: The option for VIP seat costs 10% more from the product price. The total price for the ticket will be $110.
  • Input front type: You can choose to display the ticket options from 3 types (Drop-down, radio buttons, checkbox).

    Image Modified

...


Template Settings:

...

PDF Template

...

You can use the create any manage PDF Template created inin Catalog > Event Management > PDF Templateor a Custom Template. If you use the PDF Template, switch the Use Custom Template to No.

Image Removed

PDF Template

You can create any manage PDF Template in Catalog > Event Management > PDF Template

Image Removed(plus) Default Template: You can select between 2 default ticket template designs.

Image Removed

...

(warning)Note: To use this type of template you need to install the MPDF library for your store by running the command "composer require mpdf/mpdf" in the root directory.


Image Added

Default Template: 

You can select between 2 default ticket template designs.

Image Added


Template Type 1:



Template Type 2:

One thing with our new PDF template (Type 2) is that you can click on PDF Content > HTML Content > Show Editor, you'll be able to use Drag and Drop action to design the template,




(plus) Custom


Email Template

You can use the Default Email Template or Or you can customize a ticket your own email template right in the product settings by turning on the Use Custom Template.

Then you can upload the PDF background image (in jpeg, gif, png), adjust the page width, and page height.

In the PDF coordinates, you can choose the information fields, fill in the title, set the XY coordinates, and font/size, format, color and alignment for each information.

You can use MB-Ruler software to measure the XY coordinates on your ticket PDF, or watch the following tutorial video.

Widget Connector
width853
urlhttps://www.youtube.com/watch?v=VjHInGppISY
height480

You can preview the template by clicking on the Print PDF button.

Image Removed

Image Removed

(plus) Email Template: 

You can use the Default Email Template or you can customize your own email template in Marketing > Email Template. Any template created in there will be listed in the email template drop-down for you to select.

Image Removed

Below is the default email template: 

in Marketing > Email Template. Any template created in there will be listed in the email template drop-down for you to select.


Image Added


Below is the default email template: 


Code Block
languagexml
themeEmacs
titleEmail Template
linenumberstrue
{{template config_path="design/email/header_template"}}
<p>{{trans "Welcome to %store_name." store_name=$store.getFrontendName()}}</p>
<ul>
 <li><strong>{{trans "Event Name: "}}</strong> <em> {{var title}}</em></li>
 <li><strong>{{trans "Customer Name: "}}</strong> {{var customer_name}}</li>
Code Block
languagexml
themeEmacs
titleEmail Template
linenumberstrue
{{template config_path="design/email/header_template"}}
<p>{{trans "Welcome to %store_name." store_name=$store.getFrontendName()}}</p>
<ul>
 <li><strong>{{trans "EventMy NameCode: "}}</strong> <em> {{var titleticket_code}}</em></li>
 <li><strong>{{trans "CustomerLocation NameTitle: "}}</strong> {{var customerlocation_nametitle}}</li>
 <li><strong>{{trans "MyLocation CodeDetail: "}}</strong> {{var ticketlocation_codedetail}}</li>
 <li><strong>{{trans "Location TitleDate: "}}</strong> {{var location_titledate}}</li>
 <li><strong>{{trans "Location DetailTime: "}}</strong> {{var location_detailtime}}</li>
 <li><strong>{{trans "DateQuantity: "}}</strong> {{var dateqty}}</li>
 <li><strong>{{trans "TimeOption: "}}</strong> {{var timeoption_type}}</li>
 <li><strong></ul>
{{transtemplate "Quantity: "}}</strong> {{var qty}}</li>
 <li><strong>{{trans "Option: "}}</strong> {{var option_type}}</li>
</ul>
config_path="design/email/footer_template"}}

Reminder Email Templates

Assign the email template to send a reminder email. You can create an email template in Marketing > Email Templates

Image Added



Below is the default email template: 


Code Block
languagexml
themeEmacs
titleEmail Template
linenumberstrue
{{template config_path="design/email/footerheader_template"}}

(plus) Personal Information

In this setting, you can enable the attendee information form and set it as required. If it is required, the customer will have to fill in the form before adding the tickets to the cart.

If you do not need this feature, you can turn it down by switching the 2 options to No.

Image Removed

(plus) Report

  • Summary: This grid table will show the sales statistics for each ticket option. You can see the available number of tickets, the purchased quantity and the revenue from each option.
  • Purchased Tickets: The information of each ticket sold in your store, with customer information for each order.

Image Removed

(plus) Terms and conditions

You can add the terms and conditions for each event in this setting. 

Image Removed

Reminder Email Templates

...



<p>{{trans "This is your reminder from %store_name." store_name=$store.getFrontendName()}}</p>
<p>{{trans "Your event starts in the next"}} {{var remind_day}} {{trans "days"}} </p>
<ul>
	<li><strong>{{trans "Event: "}}</strong> <em> {{var title}}</em></li>
	<li><strong>{{trans "Customer Name: "}}</strong> {{var customer_name}}</li>
	<li><strong>{{trans "Your Code: "}}</strong> {{var ticket_code}}</li>
	<li><strong>{{trans "Location: "}}</strong> {{var location_title}}, {{var location_detail}}</li>
	<li><strong>{{trans "Date: "}}</strong> {{var event_date}}</li>
	<li><strong>{{trans "Time: "}}</strong> from {{var start_time}} to {{var end_time}}</li>
	<li><strong>{{trans "Quantity: "}}</strong> {{var qty}}</li>
	<li><strong>{{trans "Option: "}}</strong> {{var option_type}}</li>
</ul>

{{template config_path="design/email/footer_template"}}



Manage events

You can manage the events on your store in Catalog > Events 

You can export this table to the CSV/XML file.

Image Added


(plus) Personal Information

Catalog > Events > Edit > Event Tickets > Personal Information

In this setting, you can enable the attendee information form and set it as required. If it is required, the customer will have to fill in the form before adding the tickets to the cart.

If you do not need this feature, you can turn it down by switching the 2 options to No.

Image Added



(plus) Report

Catalog > Events > Edit  > Event Reports

This grid table will show the sales statistics for each ticket option. You can see the available number of tickets, the purchased quantity, and the revenue from each option.


Image Added



(plus) Terms and conditions

Catalog > Events > Edit > Event Tickets > Terms and conditions

You can add the terms and conditions for each event in this setting. 

Image Added

Image Removed

Below is the default email template: 

Code Block
languagexml
themeEmacs
titleEmail Template
linenumberstrue
{{template config_path="design/email/header_template"}}

<p>{{trans "This is your reminder from %store_name." store_name=$store.getFrontendName()}}</p>
<p>{{trans "Your event starts in the next"}} {{var remind_day}} {{trans "days"}} </p>
<ul>
	<li><strong>{{trans "Event: "}}</strong> <em> {{var title}}</em></li>
	<li><strong>{{trans "Customer Name: "}}</strong> {{var customer_name}}</li>
	<li><strong>{{trans "Your Code: "}}</strong> {{var ticket_code}}</li>
	<li><strong>{{trans "Location: "}}</strong> {{var location_title}}, {{var location_detail}}</li>
	<li><strong>{{trans "Date: "}}</strong> {{var event_date}}</li>
	<li><strong>{{trans "Time: "}}</strong> from {{var start_time}} to {{var end_time}}</li>
	<li><strong>{{trans "Quantity: "}}</strong> {{var qty}}</li>
	<li><strong>{{trans "Option: "}}</strong> {{var option_type}}</li>
</ul>

{{template config_path="design/email/footer_template"}}

Manage events

You can manage the events on your store in Catalog > Event Management > Event.

You can export this table to the CSV/XML file.

Image Removed


Manage Tickets

You can manage the events on your store in Catalog > Event Management > Event TicketTickets.

In this table, you can track the customer and the ticket information (Quantity, Location, Date, Time), especially the ticket status (Redeemed or Redeemable).

You can also export this table to the CSV/XML file.

Image Removed

View Order

You can view the ticket info in each order

Image Removed

And Invoice: 

...

.


Image Added


View order and invoice

You can view the ticket info in each order


Image Added


And Invoice: 


Image Added


Rebuild Ticket

After the order is invoiced, tickets have been generated.

To rebuild this ticket, on the order page you can click on the Rebuild Ticket button to recreate a new ticket that replaces the old ticket.

 (warning) Note:  The Rebuild Ticket functionality only working for the order invoiced.


Image Added


...

Store Front Functions

Event Page

(plus) You  Customer could easily find the Event that you've added to the top Menu bar

...

  • And on the Event Page, there'll be a calendar with the scheduled event sessions highlighted.


Image Modified

  • By selecting a date in the calendar, you will see a popup with brief event's information. Click on View More to be redirected to the Event detail page


Select ticket options

  • Customers can choose the event location, date, and time. They can also choose the ticket option and view the event location with the pinpoint on Google Map right on the product page.


Image Modified


  • If this event's ticket has been "Out of stock", customers will receive a message as in the image below

...

  • After buying the event ticket successfully and the order is invoiced, in the My Account tab, click on My Ticket, customers can view ticket price, status, duration, and location as well as print PDF Ticket. 


Image Modified




...

Update

 

  • When a bug fix or new feature is released, we will provide you with the module's new package.
  • All you need to do is repeating the above installing steps and uploading the package onto your store. The code will automatically override.
  • Flush the config cache. Your store and newly installed module should be working as expected.



Support

...