Eventbrite in LayTheme

[ArneRobot]

Hello.

I am trying to embed an "Eventbrite-Buy-Ticket" link but it doesn't seem to work. It's only some HTML and JavaScript that has to be embedded but it doesn't work as expected.

Here is my site: http://musicbase-brandenburg.de/tickets

And here is the info from Eventbrite: https://www.eventbrite.com/platform/docs/embedded-checkout

Any idea how to make this work? Thanks and best regards,
Arne

[mariusjopen]

Dear @ArneRobot
I will check with Armin how much this is possible!

Best!

Marius

[ArneRobot]

That's cool, thank you! I am not really sure if the problem is with the Lay Theme since I didn't get the EventBrite-buttons to work in another installation. But maybe you could look ito it since it would be a nice to have feature to be able to incorporate such things.

Cheers, Arne

[mariusjopen]

Dear @ArneRobot
does the link work on a theme wich is not LayTheme?

Best!

Marius

[arminunruh]

hey, i see this is the example they gave on the website:

<div id="example-widget-trigger"></div>

<script src="https://www.eventbrite.com/static/widgets/eb_widgets.js"></script>

<script type="text/javascript">
  var exampleCallback = function() {
    console.log("Order complete!");
  };

  window.EBWidgets.createWidget({
    widgetType: "checkout",
    eventId: "52766401728",
    iframeContainerId: "example-widget-trigger",
    iframeContainerHeight: 425,
    onOrderComplete: exampleCallback
  });
</script>

<script src="https://www.eventbrite.com/static/widgets/eb_widgets.js"></script>
put this part in "lay options" -> "custom css & html" -> "Custom <head> content"

put this html in your page in the gridder via "+more" -> "+html":
<div id="example-widget-trigger"></div>

in "lay options" -> "custom css & html" -> "Custom <head> content" I would insert the other code like this, according to: http://laytheme.com/documentation.html#custom-javascript

<script type="text/javascript">
  var exampleCallback = function() {
    console.log("Order complete!");
  };
laytheme.on('newpageshown', function(){
 if( jQuery('#example-widget-trigger').length > 0 ){
  window.EBWidgets.createWidget({
    widgetType: "checkout",
    eventId: "52766401728",
    iframeContainerId: "example-widget-trigger",
    iframeContainerHeight: 425,
    onOrderComplete: exampleCallback
  });
}
});
</script>

good luck

this is all because lay theme is has a frontend that is a javascript app ..
sry for the late reply