CSS Events Embed Code

Chef Plus Recipe

Chef Plus recipe's require a monthly subscription.

The most customizable event embed available! Use the default design, or customize the css to your own liking. Click events and they load right on your own site. This allows you to have custom links on your own church site for every event in Planning Center.

  • Unlimited Website Embeds
  • Events are automatically updated every 10-15 minutes.
  • If an event has a registration link then it will display a button that deep links to your planning center form/registration
  • No setup fee. It just works.
  • Login to see a live demo of your events.
  • Events marked "Visable in church center" will show up.
Subscribe

Select a list Style

The list style that will display on your events embed.


Select a detail style.

The detail style that will display when an event is clicked.


Filter Events

Select a filter for the events to display.


Event Tags

Select tags to filter events by.


<link rel="stylesheet" href="https://pcochef-static.s3.amazonaws.com/plusapi/css/s-events.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="https://pcochef-static.s3.amazonaws.com/plusapi/css/s-events.css" media="print" onload="this.media='all'">
<script src="https://pcochef-static.s3.amazonaws.com/plusapi/js/htmx.min.js" defer></script>
<div hx-get="https://pcochef.com/plusapi/demo/hxevents/?style=ss&filter=this_month&tags=" hx-trigger="load" hx-params="*" hx-swap="innerHTML">
<img alt="Result loading..." class="htmx-indicator" width="150" src="https://htmx.org/img/bars.svg"/>
</div>
<script type="text/javascript" src="https://pcochef-static.s3.amazonaws.com/plusapi/js/css-events.js"></script>

Result loading...