Configure WordPress for Enviso Shop

Configuring your WordPress site for Enviso essentially involves enabling the eCommerce facility to place orders and make payments online.

Enable online sales
There are two approaches to sell tickets on your WordPress site. You can use either of them.
- Integrating the plugins WooCommerce and Enviso ticket
- Integrating the Ticketing widget
Enable online payment
If you choose to process payments on your WordPress site using Enviso Pay, you will need to configure the Enviso Pay plugin
However, if you have integrated the Ticketing widget into your WordPress website, you do not need to integrate the Enviso Pay plugin. Enviso Pay is already integrated within the Ticketing widget.

Configure WooCommerce plugin

Installing and activating the WooCommerce plugin will facilitate eCommerce functionality on your website.

Procedure:

Go to My sites > Network Admin > Plugins
Click Add New
On the Add Plugins page, search for 'WooCommerce'. Click Install now
Note that the button will change to Activate. Click Activate.
Next, a dialog will appear asking you to fill in details to have your online store up and running. Click Yes, please.
In the following steps enter details about your online store and choose a theme for it.

Once configured, note the option 'WooCommerce' in the left panel of your WordPress admin.

Install Enviso ticket plugin

The Enviso ticket plugin uses the Direct selling API to fetch offers and tickets from your Enviso account.

Upload Enviso Enviso ticket plugin

After obtaining the Enviso ticket plugin zip file from Vnita support, you will need to upload it.

Procedure:

Go to My sites > Network Admin > Plugins
Click Add New
On the Add Plugins page, click Upload plugin
Upload the Enviso ticket plugin zip file and click Install Now.
Note
The Enviso ticket plugin is not hosted on WordPress. You will need to contact Vintia support to get the zip file for the Enviso ticket plugin and then upload it.
To activate the plugin, click Network activate.

Note

Ensure the plugin has the correct version installed.

After activating the Enviso ticket plugin, you will have the menu option 'Enviso Venues', which will allow you to add and manage venues. See further Add a venue

Add a venue

After integrating the plugin Enviso ticket, the option 'Enviso Venues' appears in the left panel.

Procedure:

Go to Enviso Venues > New Venue
Enter Venue name.
Note
It is recommended to enter the venue name so that you can easily recognise it on the Enviso Venues page. However, the entered venue name will not show on your live WordPress site. Your live site will show data as per the synced details from Enviso (refer to step 5 below).
In the section API Settings, enter the API key, API secret and Tenant secret key for the venue.
Note
To get your venue's API key, API secret key and Tenant secret key, contact VInita support. Depending on the environment you are using (staging/production), request keys for that environment.
Enter the Salespoint ID for the online shop that you are creating.
Note
You will need to create an online Sales point from Enviso Admin > Sales Points. Once created you will have the automatically generated sales point ID.
In the Publish section on the right side of the page, click Save Draft. Click Publish when you are ready to go live.
If the entered details are correct, you will be able to see a preview of the venue details synced from Enviso.

If you have multiple venues in Enviso, repeat this process to sync them to your WordPress site.

Note

Once you have added multiple venues, the offers and tickets of all the venues sync under the section 'Products'. The synced offers and tickets of all the venues will show as a cumulative list. It is not possible to differentiate whether a certain offer or ticket is of Venue 1, Venue 2, ...

After adding the venue, you will need to sync products (offers and tickets). See further Sync products & data

Sync products & data

After adding a venue, you will need to sync offers and tickets from Enviso.

Warning

Ensure that the Enviso ticket plugin and the venue both are in the SAME environment. If not, the offers and tickets will not sync correctly.

Procedure:

On the page Enviso Venue, click Sync products & data for the venue for which you wish to sync offers and tickets.
Next, the status will change to 'In progress' until sync is complete.
Go to the page Products to see the synced tickets and offers. If you don't see all the offers and tickets synced, try refreshing the page.
Note
If you have multiple venues added to WordPress the offers and tickets of all the venues sync under the section 'Products'. The synced offers of all the venues show as a cumulative list. It is not possible to differentiate whether a certain offer is of Venue 1, Venue 2, ...
By default, the tickets are published whereas the offers show as drafts.
If you wish to put multiple offers on sales at once, you can choose to bulk publish the offers.

Configure Ticketing widget

Configuring the Ticketing widget into your WordPress site, allows you to sell offers enabled for Direct channel sales. If you have already integrated the WooCommerece and Enviso ticket plugin, you do not need to integrate the Ticketing widget.

Procedure:

From the left panel, go to Settings > Insert Headers and Footers

On the page 'Insert Headers and Footers', enter the loader scripts in the Header section.

<script src="https://widget.staging-enviso.io/loader.js"></script>
<script>enviso.load(['https://widget.staging-enviso.io/build-ts/components/tickets/enviso-ticket-widget-element.js']);</script>

Warning

The given example is for the staging environment. For production environment use:

<script src="https://widget.enviso.io/loader.js"></script>
<script>enviso.load(['https://widget.enviso.io/build-ts/components/tickets/enviso-ticket-widget-element.js']);</script>

After logging into your WordPress admin, go to Pages > Add New from the left panel.
You will be navigated to the page editor window. Click Edit with Elementor in the top panel of the page.
On the Elementor editor, search for the HTML element in the right panel under the tab 'Elements'. Next, drag and drop the HTML element in the element box to insert it into the page.
Note that in the right panel, you will have an input box to enter your HTML tag.
Enter the following in the input box:
- Ticketing widget HTML body tag
```
<enviso-ticket-widget> </enviso-ticket-widget>
```
  Note
  It is possible to add additional functionalities by adding them to the <enviso-ticket-widget> tag. For a detailed description, refer to the Ticketing widget documentation.
- The Ticketing widget the API key and the sales point ID
```
<script>
    enviso.settings.apiKey = 'abcdEf+Ghi2jK345LM5NoP==';
    enviso.settings.salesPointId = 1234;
</script>
```
  For a detailed description of how to obtain the API key and the sales point ID, refer to the Ticketing widget documentation.
  Warning
  When moving from the testing/staging environment to the production environment, you will need the production environment API key. Contact Vintia support for the production environment API key.
  You will see that the Ticketing widget shows up.
Click Publish to push the changes to the website.

Remarks:

The user should have admin rights to access the 'Insert Headers and Footers' page and to add a new page.
If you are managing multiple sites from the WordPress admin, ensure you are making the changes for the intended site.

Configure Enviso Pay

If you wish to process online payments using Enviso Pay, you will need to install and enable the Enviso Pay plugin. However, if you have integrated the Ticketing widget, you do not need to integrate the Enviso Pay plugin.

Enviso Pay is a payment gateway that allows visitors to make payments using various online payment options. It also facilitates easy refunds in case of order cancellation.

Install Enviso Pay

Procedure:

Go to My sites > Network Admin > Plugins
Click Add New
On the Add Plugins page, click Upload plugin
Upload the Enviso Pay plugin zip file and click Install Now.
Note
The Enviso Pay plugin is not hosted on WordPress. You will need to contact Vintia support to get the zip file for the Enviso Pay plugin and then upload it.
To activate the plugin, click Network activate.

Note

Ensure the Enviso Pay plugin has the correct version installed.

Enable Enviso Pay

Procedure:

Go to WooCommerce > Settings > tab Payments
Enable Enviso Pay
Click Manage corresponding to 'Enviso Pay'.
On the resulting page, enter the Enviso Pay details.
Note
To get your API key, API secret key and Tenant secret key, contact Vintia support.

Once configured correctly, the visitor will be able to pay using Enviso Pay.

In this section:

Enviso Documentation