Event In-App Registration Setup Guide

Event Form Submission Setup Guide

This tutorial explains how to configure the event registration form in the Blockli-powered BuddyBoss app, including webhook integration, access control, and customization options.

1. Webhook Setup for Event Form Submission

To receive event registration data when a user registers for an event, follow these steps:

1. Navigate to Developer Settings

• Go to WordPress Admin > Blockli > Developer Settings.

2. Enter Your Webhook URL

• In the Automation Webhook field, enter the URL where you want to receive form submissions.

3. Payload Data

When a user registers for an event, Blockli sends the following payload to your webhook:

{

  "event_name": "Event Title Here",

  "user_name": "John Doe",

  "user_id": "12345"
  
  "email": "johndoe@gmail.com"

}

• This payload can be used with automation tools such as Uncanny Automator, Zapier, or WP Automator.

• Use it to update contact records, trigger workflows, grant access to protected content, and more.

2. BuddyBoss Access Control for Event Registration

The event registration system integrates with BuddyBoss access control for restricted events.

Steps to Enable Access Control:

1. Go to WordPress Admin > Blockli > Utilities Settings.

2. Enable Access Control for the Event Post Type.

3. Configure access rules based on user roles, membership levels, or custom conditions.

For Restricted Events:

• When a user clicks the Register button for a restricted event, they will be redirected to a paywall.

• Paywall options include:

• BuddyBoss In-App Purchase Product Screen (for in-app payments).

• Custom App Page Screen (for external or manual payments).

3. Free Events: Built-in Form Submission

For free events, the template uses a built-in React Native form to collect user information. This form sends the submission data directly to the webhook provided in Developer Settings.

4. Customizing the Form

In the Developer Settings, you can customize the event registration form, including button texts and popup messages.

Form Settings Options:

• Form Submit Text: Text displayed on the Submit button.

Example: Register

• Form Cancel Text: Text displayed on the Cancel button.

Example: Cancel

• Form Success Message: Popup message shown when the form is successfully submitted.

Example: You’ve successfully registered, see you at the event 🎉

• Form Error Message: Popup message shown when the form submission fails.

Example: There was an error processing your request, please contact the site administrator.

5. Testing Your Setup

1. Ensure your webhook URL is correctly configured.

2. Test registration for both free and restricted events.

3. Verify that form submissions are sent to your webhook and the payload is correctly formatted.

4. Confirm access control redirects users to the paywall for restricted events.

Summary

With this setup:

• Event registration forms seamlessly send data to a webhook.

• Restricted events enforce access control and redirect users to a paywall.

• Free events use the built-in React Native form to collect user data.

• Admins can fully customize the form buttons and popup messages.

By integrating with automation tools like Uncanny Automator or Zapier, you can unlock powerful workflows, such as updating contact records, sending confirmation emails, or granting user access automatically.

🎉 Your event registration system is now ready to go!