• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Widget For Eventbrite API

Demo for Widget For Eventbrite API plugin

  • Get this plugin
  • See all plugins
  • Documentation

Calendar Layout Demo

4th July 2018 by alan

The Eventbrite display plugin has many pre styled formats and one such format is a calendar layout as shown here ( see alternative such as grid layout )

This uses the shortcode [wfea layout='cal' newtab='true' limit='999' popup='true'] which will display the calendar layout and the links will open in a new tab

Filed Under: Uncategorised

Grid Layout Demo

22nd May 2018 by alan

A popular grid layout using shortcode [wfea layout="grid" newtab="true" tickets="true" limit="9" ]

A Test Online Free Event

Mar 5th

A Test Online Free Event

5th March 2021, 7:00 pm - 10:00 pm
A short extract or SummaryRead More »
A Test Online Free Event

Mar 12th

A Test Online Free Event

12th March 2021, 7:00 pm - 10:00 pm
A short extract or SummaryRead More »
A Test Online Free Event

Mar 19th

A Test Online Free Event

19th March 2021, 7:00 pm - 10:00 pm
A short extract or SummaryRead More »
A Test Online Free Event

Mar 26th

A Test Online Free Event

26th March 2021, 7:00 pm - 10:00 pm
A short extract or SummaryRead More »
A Test Online Free Event

Apr 2nd

A Test Online Free Event

2nd April 2021, 7:00 pm - 10:00 pm
A short extract or SummaryRead More »
A Test Online Free Event

Apr 9th

A Test Online Free Event

9th April 2021, 7:00 pm - 10:00 pm
A short extract or SummaryRead More »
A Test Online Free Event

Apr 16th

A Test Online Free Event

16th April 2021, 7:00 pm - 10:00 pm
A short extract or SummaryRead More »
A Test Online Free Event

Apr 23rd

A Test Online Free Event

23rd April 2021, 7:00 pm - 10:00 pm
A short extract or SummaryRead More »
A Test Online Free Event

Apr 30th

A Test Online Free Event

30th April 2021, 7:00 pm - 10:00 pm
A short extract or SummaryRead More »

Filed Under: Uncategorised

Put Eventbrite in a Pop up

9th September 2019 by alan

A new feature since 2.8.0 – you can now display Eventbrite within a popup to keep visitors on your site by specifying popup=’true’

e.g. [wfea popup='true']

A Test Online Free Event

Mar 5th

A Test Online Free Event

A short extract or SummaryRead More »
5th March 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

Mar 12th

A Test Online Free Event

A short extract or SummaryRead More »
12th March 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

Mar 19th

A Test Online Free Event

A short extract or SummaryRead More »
19th March 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

Mar 26th

A Test Online Free Event

A short extract or SummaryRead More »
26th March 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

Apr 2nd

A Test Online Free Event

A short extract or SummaryRead More »
2nd April 2021, 7:00 pm - 10:00 pm

Filed Under: Uncategorised

Cal List with date range

16th August 2019 by alan

Using the Calendar List template with date ranges

[wfea length="21" layout='cal_list' limit="99999" booknow="false" start_date_range_start="-9 months" start_date_range_end="+1 year" status="live,started,ended"]

Note: status to be defined as live,started,ended to get prior events

Filed Under: Uncategorised

Calendar List View by Month

30th July 2019 by alan

Shortcode [wfea layout='cal_list' thumb='true' limit='9999999']

Filed Under: Uncategorised

Calendar with Images instead of text

29th July 2019 by alan

To get this effect requires some technical work, however I created an add on plugin that will do it for you https://github.com/alanef/display-eventbrite-template-calandar-image

the shortcode used here is [wfea layout='imagecal' limit='999']

Filed Under: Uncategorised

Ended Events

11th June 2019 by alan

Show the last 5 events that have ended or already started, and show the most recent first

[wfea limit='5' status='ended,started' order_by='desc']


A Test Online Free Event

Feb 26th

A Test Online Free Event

A short extract or SummaryRead More »
26th February 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

Feb 19th

A Test Online Free Event

A short extract or SummaryRead More »
19th February 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

Feb 12th

A Test Online Free Event

A short extract or SummaryRead More »
12th February 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

Feb 5th

A Test Online Free Event

A short extract or SummaryRead More »
5th February 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

Jan 29th

A Test Online Free Event

A short extract or SummaryRead More »
29th January 2021, 7:00 pm - 10:00 pm

Filed Under: Uncategorised

Custom Grid Layout

9th June 2019 by alan

With a bit of CSS you can make your layouts unique to your design, in this example I have added a bit on animation, changed the number of columns, and tweaked the colors

To start with I have wrapped the I have wrapped the shortcode with an html div with a class of ‘custom1’ so I can make css changes without impacting my other examples. I have hidden the excerpt and set the book now text, and link directly to the ticket screen.

<div class="custom1">
[wfea layout="grid" newtab="true"
 tickets="true" limit="99999" excerpt="false"
 booknow_text="BUY TICKETS"]
</div>

Now for styling: using css I will color the background to black and the text to white and force uppercase, tweak the entry meta section text size and padding and the CTA button height.

.custom1 section.wfea.grid  .entry-meta {
	border: none;
	color: #fff;
	font-size: 75%;
	padding-left:5px;
}
.custom1 .post, .custom1 .entry-header,
 .custom1 .booknow, .custom1 button {
	background-color: #000;
}
.custom1 .entry-header p, .custom1 .entry-header a {
	color: #fff;
}
.custom1 section.wfea  button {
	color: #e7e535;
	text-align: left;
	margin-bottom: 0;
}
.custom1 .booknow {
	line-height: 1;
}

Also let us remove the top date – just leaving the lower date and time.

.custom1 .entry-header time {
	display: none;
}

Now, to change the number of columns, you will need to work out your own media break points based on your own theme. Here I am going from 5 columns, to 3 columns, to 2 columns, to 1 column

.custom1 section.wfea.grid {
        grid-template-columns: repeat(5,1fr);
grid-gap: 30px 15px;
}
@media only screen and (max-width: 1200px) {
	.custom1 section.wfea.grid {
	grid-template-columns: repeat(3,1fr);
	}
}
@media only screen and (max-width: 1024px) {
	.custom1 section.wfea.grid {
	grid-template-columns: repeat(2,1fr);
	}
}
@media only screen and (max-width: 600px) {
	.custom1 section.wfea.grid {
	grid-template-columns: repeat(1,1fr);
	}
}

Then lets add some animation, I’m going to make the individual post move up on hover, and also add an arrow on the CTA button

.custom1 .post:hover {
	margin-top: -20px;
	transition: margin 600ms;
}
.custom1 .post {
	margin-top: 0px;
	transition: margin 600ms;
	text-transform: uppercase;
}
.custom1 section.wfea .booknow button:after {
	content: '\2192';
	opacity: 0;
    transition: all 500ms;
}
.custom1 section.wfea .booknow button:hover::after {
	opacity: 1;
	padding-left: 1em;
	transition: all 500ms;
}

And below is the final output, so with some CSS and a bit of experimenting you can create your own unique look.

A Test Online Free Event

Mar 5th

A Test Online Free Event

5th March 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

Mar 12th

A Test Online Free Event

12th March 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

Mar 19th

A Test Online Free Event

19th March 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

Mar 26th

A Test Online Free Event

26th March 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

Apr 2nd

A Test Online Free Event

2nd April 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

Apr 9th

A Test Online Free Event

9th April 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

Apr 16th

A Test Online Free Event

16th April 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

Apr 23rd

A Test Online Free Event

23rd April 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

Apr 30th

A Test Online Free Event

30th April 2021, 7:00 pm - 10:00 pm
A Test Online Free Event

May 7th

A Test Online Free Event

7th May 2021, 7:00 pm - 10:00 pm

Filed Under: Uncategorised

  • Go to page 1
  • Go to page 2
  • Go to Next Page »

Primary Sidebar

Upcoming Events

  • A Test Online Free Event

    A Test Online Free Event

    5th March 2021, 7:00 pm - 10:00 pm
    Book Now »
  • A Test Online Free Event

    A Test Online Free Event

    12th March 2021, 7:00 pm - 10:00 pm
    Book Now »
  • A Test Online Free Event

    A Test Online Free Event

    19th March 2021, 7:00 pm - 10:00 pm
    Book Now »
  • A Test Online Free Event

    A Test Online Free Event

    26th March 2021, 7:00 pm - 10:00 pm
    Book Now »
  • A Test Online Free Event

    A Test Online Free Event

    2nd April 2021, 7:00 pm - 10:00 pm
    Book Now »

Footer

Upcoming Events

  • A Test Online Free Event

    A Test Online Free Event

    5th March 2021, 7:00 pm - 10:00 pm
  • A Test Online Free Event

    A Test Online Free Event

    12th March 2021, 7:00 pm - 10:00 pm
  • A Test Online Free Event

    A Test Online Free Event

    19th March 2021, 7:00 pm - 10:00 pm
  • A Test Online Free Event

    A Test Online Free Event

    26th March 2021, 7:00 pm - 10:00 pm
  • A Test Online Free Event

    A Test Online Free Event

    2nd April 2021, 7:00 pm - 10:00 pm

Copyright © 2021 · Genesis Sample on Genesis Framework · WordPress · Log in