Embedding Code into Listings

Thanks for the help guys.

So from what I’ve seen from the links you sent, it looks like using the Dynamic Content shortcode/widget would be the best option.

To do this, would I be best following the first (basic) example and set up a custom field for users to insert their eventbrite ID?

And then just insert the code into the text field and insert the custom field using %% tags?

Thanks,
Dave

Thanks Alex.

I’ve just setup a custom field with field key as ‘eventbrite_checkout_id”.

I’ve set up the following shortcode and inserted it into the event details page using the tabs:

[gd_dynamic_content key=”eventbrite_checkout_id” condition=”is_not_empty”]<div id=”eventbrite-widget-container″></div>

<script src=”https://www.eventbrite.co.uk/static/widgets/eb_widgets.js”></script>

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

window.EBWidgets.createWidget({
// Required
widgetType: ‘checkout’,
eventId: ‘%%eventbrite_checkout_id%%’,
iframeContainerId: ‘eventbrite-widget-container’,

// 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
});
</script>
[/gd_dynamic_content]

As you can see, I’ve set the field key to the correct custom field ID, and inserted the custom field %% tag into the code in the middle.

I’ve inserted my eventbrite event ID into the following listing, but it’s not picking up the checkout for some reason.

https://whatsonhub.co.uk/events/united-kingdom/northern-lincolnshire/rolling-stones-story/

Any ideas?

Thanks,
Dave

Hi Stiofan,

Sorry, do you mean I just need to swap all the ” inside the script to ‘ ?

Thanks,
Dave

Brilliant, that’s worked! thanks!

I had no idea there was a difference in curly ones and straight ones lol.

Thanks again,
Dave