Overview
With Element451, collecting payments for event fees, application fees, and deposits is simple and secure. We partner with several trusted payment providers, ensuring modern, safe, and seamless payment processing.
To set up a new payment gateway, you’ll need to select from one of our Preferred Payment Providers for the best security. Preferred providers ensure credit card details are not passed through or stored within Element451’s systems.
Preferred Payment Providers
Element Payments Powered by Stripe
Stripe Connect (for existing Stripe accounts)
PayPal Smart Buttons
Touchnet TLink
Flywire Embedded
You must use one of our Preferred Payment Providers listed above.
Legacy Payment Providers
We continue to support some legacy payment providers for partners with pre-existing configurations. Please note that some providers may require Element451 to collect and pass payment information from our infrastructure to the gateway. We are not actively developing features around these providers, and new functionality may not support them. Legacy providers include Authorize.net, CashNet, and Flywire (non-embedded).
Setting Up a Payment Gateway
Steps to Connect a Payment Provider
Navigate to your profile picture > Settings > General.
From the lefthand menu, select Payment Gateways.
Click Connect Payment Provider.
Choose one of the Preferred Payment Providers. A side panel will open for configuration.
Complete the setup details based on your selected provider.
Once configured, test the gateway to ensure it’s ready for use.
Setup Details by Provider
Element Payments Powered by Stripe
Element Payments Powered by Stripe
Click on the Connect with Stripe button.
A new window will open to collect your email address and start the process.
Stripe Connect (for Existing Stripe Accounts)
Stripe Connect (for Existing Stripe Accounts)
If you already have a Stripe Connect account, you can configure Element451 to work with your existing account. This is done using a webhook.
Step 1: Create a Stripe Payment Webhook
Step 1: Create a Stripe Payment Webhook
To complete the Element451 integration with your own Stripe account and see payment statuses reflected on the Element451 dashboard, you need to configure a webhook on your Stripe account to share Payment status information with Element.
Log into your Stripe instance dashboard. On the right-hand side at the top, make sure that “Test mode” is off:
On the search box above, type “webhooks” and click on the “Developers > Webhooks” option.
Click on the button “+ Add endpoint” on the right.
Fill and save the form as follows:
Add an Endpoint
Endpoint URL: https://api.451.io/clients/integrations/stripe/webhook
Description: Listen Payment Status changes.
Listen to: Events on your account
Version: (2020-08-27)
Select events to listen to:
payment_intent.cancel
payment_intent.payment_failed
payment_intent.succeeded
Once submitted, you will see the screen below. For new transactions, the payment status will now be reflected accurately in Element451.
Step 2: Continue Adding Payment Provider in Element451
Step 2: Continue Adding Payment Provider in Element451
After you have created your webhook, you can continue adding the payment provider in Element451.
Name (provider name)
The Name field helps you create unique names for instances where you have multiple gateways with the same provider. For instance, you could name one “Flywire - Alumni Relations.” If you only have one gateway, you can simply name it using the provider’s name, like “Flywire.”
Description (optional)
API Secret Key
API Publishable Key
Once set up, your business profile name and email will display in the gateway settings.
Paypal Smart Buttons
Paypal Smart Buttons
Name (provider name)
The Name field helps you create unique names for instances where you have multiple gateways with the same provider. For instance, you could name one “Flywire - Alumni Relations.” If you only have one gateway, you can simply name it using the provider’s name, like “Flywire.”
Description (optional)
Client ID
Secret
Refer to this article for help obtaining your Client ID and Secret.
Touchnet TLink
Touchnet TLink
Name (provider name)
The Name field helps you create unique names for instances where you have multiple gateways with the same provider. For instance, you could name one “Flywire - Alumni Relations.” If you only have one gateway, you can simply name it using the provider’s name, like “Flywire.”
Description (optional)
Test TLink URL, TLink URL
Test UPay URL, Test UPay Site ID
UPay URL, UPay Site ID
Flywire Embedded
Flywire Embedded
Name (provider name)
The Name field helps you create unique names for instances where you have multiple gateways with the same provider. For instance, you could name one “Flywire - Alumni Relations.” If you only have one gateway, you can simply name it using the provider’s name, like “Flywire.”
Description (optional)
Recipient
Editing or Deleting a Payment Gateway
Navigate to your profile picture > Settings > General.
From the lefthand menu, select Payment Gateways.
Locate the gateway you wish to edit or delete.
Click the three vertical dots icon next to the gateway.
Select Edit or Delete as needed.
Related Entities
You’ll find a section called Related Entities within each payment gateway setup. This section dynamically lists all areas in Element451 where that gateway is actively used.
For example, if you’re using the Flywire gateway to collect payments via a form, the form name will appear here, with a hyperlink, giving you quick access to everything using that gateway.
Reviewing Related Entities for a Specific Gateway
Navigate to your profile picture > Settings > General.
From the lefthand menu, select Payment Gateways.
Locate the gateway for which you wish to view related entities.
Click the three vertical dots icon next to the gateway.
Select Edit.
You will then see the Related Entities card for that gateway.
Testing Gateways
Toggle on Test Mode to verify functionality when adding a new payment gateway.
In Test Mode, you can use a small test payment (e.g., $1.00) to confirm receipt on the provider’s side.
Use any payment-enabled module (e.g., applications, forms, events) to test, but we recommend using a test version inaccessible to students or external contacts. For example, create a test application to test application fee payments.
Use a test card number, such as 4242 4242 4242 4242. Additional test card numbers can be found in Stripe’s documentation.
No charges will be applied while the gateway is in test mode.