The Ultimate Event Widget Guide

Using our event ticket widget is easy! Just follow the instructions below to get the widget running on your website in no time.

Step 1 – Open a web browser and navigate to your event details page.

Step 2 – Look at your URL (AKA internet address bar). Take note of the number that is on the far-right (you will need it later).

Ex. For https://www.elefundo.com/a-night-in-white-at-the-cape-product-203, note the number 203 at the end.

Step 3*Warning: Minor development skills required*

Identify where in your website you want the widget to be shown. In the HTML source code, add the widget’s HTML script block.

*Important*: Replace the “elefundoProductId” value with the one you noted from Step 2.

<script type="text/javascript">
var elefundoProductId = 203; // your product id.
</script>
<script type="text/javascript" src="//www.elefundo.com/catalog/view/theme/megashop/javascript/widget/event.js"></script>

Step 4 – Test your page! Ensure that the widget shows up. Congratulations! You’ve successfully installed the widget. Wasn’t that easy?