In-Line Button

\events page CTA Button

Add to \events page header

Add to \events\details page code block for button


Add to \events page header

Problem: This puts the button on the \events list page.

<script src="https://app.gopassage.com/widgets/passage_widgets.js"></script>

<script type="text/javascript">

window.passageWidgets.createCheckoutWidget({"modal":true,"triggerElementId":"widget-trigger-event-40176","iframeSrc":"https://app.gopassage.com/events/40176"});

</script>

<button id="widget-trigger-event-40176" style="background: #2c74ff; color: #ffffff; font-size: 14px; font-weight: 400; padding: 8px 20px; border-radius: 4px; border: 1px solid #38383b">RESERVE YOUR SPOT | CONNECT | BELONG | THRIVE</button>

<script src="https://app.gopassage.com/widgets/passage_widgets.js"></script>

<script type="text/javascript">

window.passageWidgets.createCheckoutWidget({"modal":true,"iframeSrc":"https://app.gopassage.com/events/40176","position":"bottom-right","buttonColor":"#ffffff","buttonBackground":"#2c74ff","buttonShape":"rounded","buttonText":"May 23rd, 2006 - RESERVE YOUR SPOT | CONNECT | BELONG | THRIVE","buttonBorder":"#38383b"});

</script>