Would you like to sell tickets directly on your website? It is possible to do so thanks to our shopping cart, which can easily be embedded to your website. The shopping cart is an interesting alternative to the widget. It allows buyers to shop throughout your website and, when they’ve finished, they only need to make one final transaction.

The shopping cart allows you to add a simple “Add to Cart” button to your website so that visitors may purchase tickets for your event. You may classify your tickets rates according to the way that you would like them to be presented on the website. By clicking on the button, a pop-up window will appear, allowing buyers to place their order without leaving your site. 

Here’s how to embed our shopping cart plugin: 

1. Enter the following script at the bottom of the page, before the closing the <body> tag. 

<script src="https://lepointdevente.com/plugins/cart/js"></script>

2. The color parameter may be used to set a color other than the default one (red).

<script src="https://lepointdevente.com/plugins/cart/js?color=00ff00"></script>

3. You may activate the dark scheme so that the contrast is less pronounced when the pop-up window is displayed. 

<script src="https://lepointdevente.com/plugins/cart/js?scheme=dark"></script>

4. Is your site bilingual? Select your cart’s language for the current page. 

<script src="https://lepointdevente.com/plugins/cart/js?locale=fr_CA"></script>

Once the script is in place, here is the code to be included on your page in order to display the “Add to Cart” button. The text on the button may be changed. 

<button type="button" class="tpos-add-to-cart" data-tpos-event="{EVENT}">Achat en ligne</button>

Note that the {EVENT} value must be replaced by your event number. The event number can be found in the address bar when you are in your event’s “Rates” tab. 

If your event has several ticket rates and you wish to display only one of them in the pop-up window, you may add the “data-tpos-rates” attribute to your button. The rate number can be found in brackets next to each rate in the “Rates” tab of your event. 

<button type="button" class="tpos-add-to-cart" data-tpos-event="{EVENT}" data-tpos-rates="{RATE}">Achat en ligne</button>

If you would like to display several rates, indicate all of the desired rate numbers, separated by a comma, as seen below: 

<button type="button" class="tpos-add-to-cart" data-tpos-event="{EVENT}" data-tpos-rates="{RATE1},{RATE2},{RATE3}">Achat en ligne</button>

If you would like to display all of the events in an event group, rather than a single event, use the “data-tpos-group” attribute, as seen below: 

<button type="button" class="tpos-add-to-cart" data-tpos-group="{GROUP}">Achat en ligne</button>

The {GROUP} value must be replaced by your event group’s numerical identifier. 

Did this answer your question?