Support

Home Forums Event Espresso Premium How to embed event list on another website

How to embed event list on another website

Posted: April 16, 2017 at 2:07 pm

Viewing 9 reply threads


lee@safeswim.com

April 16, 2017 at 2:07 pm

Hello,
In the March 9, 2017 Event Espresso 4.9.32.p release I see under New features and Enhancements: Embed Upcoming Event List for displaying and event list on other websites. I looked on the Events Table View Template Add-on page and could not find how exactly this can be done.

I want to add event lists to our other websites and have them link to our event registration.

Is this possible? If so where can I find the documentation on how to do this? We already use Event Lists, just can not figure out how to embed them in our other websites so they link to the event registration page.

Thanks.


Lorenzo Orlando Caum

  • Support Staff

April 17, 2017 at 8:52 am

Hello,

It can be found in the events overview screen.

Go to Event Espresso –> Events and scroll down towards the end of the page. Click the embed button and you’ll see some sample code appear. That can be added to another site.

If the other site is running WordPress, then be sure to toggle the text tab in the top right area of the editor in the page and then paste in the code and save changes. This is to make sure that the code isn’t re-formatted which could prevent it from appearing.

There is also an option available for the events calendar. See the end of this blog post: https://eventespresso.com/2017/03/accept-payments-with-paypal-express-embed-the-events-calendar-and-more/


Lorenzo


JohnB

April 17, 2017 at 9:35 pm

Lorenzo,
Gave that a try and works fine.
Is there a way to add a filter to what is displayed? ie by category?
JB


Josh

  • Support Staff

April 18, 2017 at 12:02 pm

Hi JB,

The calendar embed allows category filtering if you have the Calendar’s Enable Filters in Calendar option set to Yes.


JohnB

April 18, 2017 at 5:38 pm

Than you Josh

Where in this code would I insert it

<div style=”width:100%; height: 500px;”>
<iframe src=”https://www.tatsa.com.au?event_list=iframe&#8221; width=”100%” height=”100%”></iframe>
</div>

I’m want to only show a single category.

Is it possible to show multiple ie 2 or 3 ??


Josh

  • Support Staff

April 19, 2017 at 7:46 am

Hi John,

No that’s actually not possible to modify the event_list=iframe code so it shows a specific category of events.


lee@safeswim.com

April 19, 2017 at 3:07 pm

Hi Thanks for the help but without being able to filter events within the iframe code both the calendar and event list are useless. Good idea but needs work.


Josh

  • Support Staff

April 19, 2017 at 3:13 pm

Thanks for the feedback.


JohnB

April 19, 2017 at 5:37 pm

Josh,

Hope you can get that incorporated into it very soon – would be very handy.

In the meantime, is there any work-around you can think of to only show certain events by date, category etc. ?

JB


Josh

  • Support Staff

April 20, 2017 at 9:44 am

Hi JB,

I’ll be honest and let you know that they do not have plans on adding the ability to specify events by category or other params and output them into an iframe. It’s always been possible though, to use a shortcode on a page on the main site to list out events (with a specific category), then put that page’s URL into an iframe on another website, which the end result will be an iframe.

Another approach that would actually be better than an iframe is use the REST API to pull events from the main site and list on other sites. There’s some example code that shows an example of how to get events via the API output them onto a webpage via a shortcode in this tutorial:

https://github.com/eventespresso/event-espresso-core/blob/master/docs/T–Tutorials/building-an-ee4-addon-that-uses-angular-js-and-the-ee4-json-rest-api.md

Viewing 9 reply threads

The support post ‘How to embed event list on another website’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso