Javascript required
Skip to content Skip to sidebar Skip to footer

How to Bulk Upload Discount Codes Eventbrite

How to Integrate Eventbrite with your LearnWorlds School

TIP: The description of the tip...

Notation: The description of the annotation...

Eventbrite is a ticketing and event technology platform that helps businesses organize and sell tickets to events online while helping people detect events that fuel their passions. You lot can apply it to create, manage, promote, and sell your events, workshops, concerts, conferences, and festivals.

Create an Event

To create an Event on Eventbrite follow the step-by-step instructions beneath. Delight annotation that you need a Professional person or Premium account on Eventbrite.

one.Visit the official website of  Eventbrite, log in to your Eventbrite account, and select Create Event.

2. Fill in the basic info, cull a location, select the date, and time of the effect.

3.You will be asked to manage your issue's details by writing a Description, adding text, images, and video, and click on the Save & Keep button.

four.Navigate to the Tickets option, click Create Ticket, enter your ticket data, and brand sure you select an selection east.m. Free, Paid, or Donation, and click on Salvage.

5.You are set up to Publishyour issue! Great job :) For further information, refer to the relevant article on Eventbrite.

Embed Eventbrite to LearnWorlds

Let'southward explore how y'all can embed Eventbrite to LearnWorlds Pages and Learning Units, likewise. Once you create an event, click on Website Integrations.

Old interface:

Hither yous will find two types of integrations, Elementary and Advanced:

In unproblematic integration, we have:

  • Outcome Calendar

  • Inaugural, and

  • Text Link

In Advanced (checkout) integration, we take two flavors:

  • A button that opens the checkout modal over your content
  • Embedded on the page with your content

Unproblematic integration on LearnWorlds

Eventbrite has an editor to configure widgets and produces HTML code. Feel free to modify the HTML code to fit your needs.

Event Calendar

You can employ a similar code as below, to insert a calendar widget and embed it to a folio or an embed learning unit.

<div style="width:195px; text-align:center;" ><iframe  src="https://www.eventbrite.com/calendar-widget?eid=101283469584" frameborder="0" height="377" width="195" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="true"></iframe><div mode="font-family:Helvetica, Arial; font-size:12px; padding:10px 0 5px; margin:2px; width:195px; text-align:center;" ><a class="powered-by-eb" style="color: #ADB0B6; text-ornament: none;" target="_blank" href="http://www.eventbrite.com/">Powered by Eventbrite</a></div></div>

Countdown

You may use a similar code to add the calendar widget to embed it to a page or an embed learning unit

<div style="width:195px; text-align:center;" ><iframe  src="https://www.eventbrite.com/inaugural-widget?eid=101283469584" frameborder="0" superlative="277" width="195" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="true"></iframe><div style="font-family:Helvetica, Arial; font-size:12px; padding:10px 0 5px; margin:2px; width:195px; text-align:center;" ><a grade="powered-by-eb" manner="color: #ADB0B6; text-ornament: none;" target="_blank" href="http://www.eventbrite.com/">Powered by Eventbrite</a></div></div>

Advanced (checkout) integration on LearnWorlds

Α JavaScript library is used on Advanced integration, which needs to exist loaded in the first place. You would demand to modify the integration code produced from Eventbrite, in lodge to work on our system.

A push button that opens the checkout modal over your content

Below yous will discover the snippet code of Eventbrite.

<!-- Noscript content for added SEO --> <noscript>     <a href="https://www.eventbrite.com/e/corona-examination-political party-at-home-tickets-101283469584" rel="noopener noreferrer"         target="_blank"> </noscript> <!-- You lot can customize this button whatever way you lot like --> <button id="eventbrite-widget-modal-trigger-101283469584" type="push">Buy JavaScript Tickets</push button> <noscript></a>Buy Tickets on Eventbrite</noscript> <script type="text/javascript">        var s = document.createElement('script');      s.src = "https://world wide web.eventbrite.com/static/widgets/eb_widgets.js";      s.onload = function () { var exampleCallback = function () { console.log('Order complete!'); };      window.EBWidgets.createWidget({ widgetType: 'checkout', eventId: '101283469584', modal: true, modalTriggerElementId: 'eventbrite-widget-modal-trigger-101283469584', onOrderComplete: exampleCallback }); }        document.body.appendChild(s); </script>

It should be every bit beneath, in society to work on our system (on pages and embed learning unit of measurement). Y'all need to replace the eventId and the modalTriggerElementId.

<!-- Noscript content for added SEO --> <noscript><a href="https://www.eventbrite.com/e/corona-test-party-at-habitation-tickets-101283469584" rel="noopener noreferrer" target="_blank"></noscript> <!-- You can customize this button any way you lot like --> <button id="eventbrite-widget-modal-trigger-101283469584" type="button">Purchase  Tickets</push> <noscript></a>Purchase Tickets on Eventbrite</noscript>   <script type="text/javascript">    var southward = document.createElement('script');    s.src = "https://www.eventbrite.com/static/widgets/eb_widgets.js";    due south.onload = function () {     var exampleCallback = function() {         console.log('Society complete!');     };      window.EBWidgets.createWidget({         widgetType: 'checkout',         eventId: '101283469584',         modal: true,         modalTriggerElementId: 'eventbrite-widget-modal-trigger-101283469584',         onOrderComplete: exampleCallback     });    }    document.torso.appendChild(southward); </script>

This snippet code is inserted into an embed learning unit.

Embedded on the page with your content

Here you lot volition detect the snippet code of Eventbrite.

<div id="eventbrite-widget-container-101283469584"></div>
<script src="https://www.eventbrite.com/static/widgets/eb_widgets.js"></script>
<script type="text/javascript">
                var exampleCallback = role() {
console.log('Order complete!');
};

window.EBWidgets.createWidget({
// Required
widgetType: 'checkout',
eventId: '101283469584',
iframeContainerId: 'eventbrite-widget-container-101283469584',

// Optional
iframeContainerHeight: 425, // Widget top in pixels. Defaults to a minimum of 425px if non provided
onOrderComplete: exampleCallback // Method called when an order has successfully completed
});
</script>

Specifically, y'all only need to copy the eventId and the iframeContainerId.

<div id="eventbrite-widget-container-101283469584"></div>
<script type="text/javascript">
var due south = certificate.createElement('script');
s.src = "https://www.eventbrite.com/static/widgets/eb_widgets.js";
due south.onload = function () {
var exampleCallback = role() {
console.log('Gild consummate!');
};
window.EBWidgets.createWidget({
// Required
widgetType: 'checkout',
eventId: '101283469584',
iframeContainerId: 'eventbrite-widget-container-101283469584',
// Optional
iframeContainerHeight: 425, // Widget height in pixels. Defaults to a minimum of 425px if not provided
onOrderComplete: exampleCallback // Method called when an order has successfully completed
});
}
                certificate.torso.appendChild(s);
</script>

This is the final result!

That's it! Yous have just embedded Eventbrite into your LearnWorlds school.

farmerwroody92.blogspot.com

Source: https://support.learnworlds.com/support/solutions/articles/12000076440-how-to-integrate-eventbrite-with-your-learnworlds-school