1. Home
  2. Import Facebook Events (Import Social Events)
  3. Facebook events at front end

Facebook events at front end

If you want to display all Facebook events at front end side. For that you have  to copy 

[facebook_events col="2" posts_per_page="12" category="cat1,cat2"past_events="yes" order="desc" orderby="post_title" start_date="2020-12-31" end_date="2020-01-01" ]

this short-code in one page .

Now, you can see  Facebook events on page.if you write  posts_per_page=”9″ it will display 9 events on one page if you want to change it you can change it also.

 

Template modification

If you want to display two events on one row then you have to write short code

[facebook_events col="2" posts_per_page="12" category="cat1,cat2" past_events="yes" order="desc" orderby="post_title" start_date="2017-12-25" end_date="2018-12-25" ]

by default it will display 3 column per row.you can modify it maximum 4 column.

As per the above screenshot, you can see two Facebook events per row and a total of 6 events on one page. so this way you can modify display events using columns.

example-

[facebook_events posts_per_page="6" col="2" category="Tour"]

Where : col: how many column layouts you want. here you select col=2 so it will display 2 events for each row.
posts_per_page: Number of events you want to display on one page.so here you write posts_per_page=6 so it will display 6 events on one page.

past_events=”yes”: If you want to display past event then put past_events=”yes” in your short-code. This is optional.

order=”desc”: If you want to display events as descending order then put order=”desc” in your short-code and display events ascending order then put order=”asc” in your short-code.

orderby=”post_title”: If you  want to display event ordering by post_title then put in short-code orderby=”post_title” according to your order=”asc/desc” or if you want to display events orderby event date then put  orderby=”start_date”  in short-code.

Category: Here category is Tour so it will display events of that category is Tour.


New Gird Layout

New Layout: If you want to display all Facebook events with a new layout on the front end side. For that, you can copy-paste [facebook_events layout=”style2″ ] this shortcode on a page.

Note : Make sure the starting and ending quotes (“) are the same in the short-code attribute.

Was this article helpful to you? Yes 2 No 4

How can we help?