MRS SEO
To test the stripe configuration, you can create accounts using these buttons:
Junction Jack
The following applies to your JJ app
Clients
Clients need to store a credit card. This process creates a stripe customer and uses the credit card to complete the hiring process. This can be done in multiple ways:
When account is created
When the account is created, clients are required to add a profile picture and name. Once that is complete they are shown a message that notifies them that they need to add a payment method. They do have the option to not do that at this time. That’s ok! We will let them do anything they want on the site, except Hire a consultant. (see “What happens if no payment method is stored”)
In Settings
Go to Settings and add the credit card or update with a new card. Update will add a new card to their Stripe account and make it the default payment method.
**When the client has no payment method
When the client needs to change the card being used
When attempting to hire a client
When they attempt to hire a client and click the “Confirm and Pay” button. If no card is stored a message will pop up with the option to add the card.
NOTE: To edit this message, go to project, make the Popup Add Payment Popup visible by clicking the eyelash icon, then click the Text Action Required: Add. Update the text in the editor.
How does adding a card work?
-
Enter the credit card details on the form and click store payment method.
-
A customer will be created on Stripe and provided the card details.
-
After Stripe confirms the account has been created, the client will be redirected to the previous page. That’s when you know it’s complete!
NOTE: Admins will know if this step is complete by viewing the user in the database. If the user has a Card ID, Card last4, Customer ID, and Card Token, the Customer and payment method are stored on Stripe. Use the Customer ID to search for the customer on your Stripe account.
What happens if no payment method is stored?
Maybe the client just wants to look around before they store sensitive information. That’s ok! We will let them do anything they want on the site, except Hire a consultant. They can create a project, they just can’t complete the hiring process. When they click Confirm and Pay in the HIRE CONSULTANT process, they will see the modal above. If they click Add card, the required information is stored to their user account and they can complete the hiring process on the next attempt.
IMPORTANT: If a client has a stored payment but the Confirm and Pay button does not work, that means that the CONSULTANT does not have a connected account.
Payment History
After multiple attempts, long hours of research, and discussion with support, we found that it is not possible to show payment history in Stripe when a client pays a consultant. To solve this, we were instructed to store payment information in the bubble.io database. There is now a data type for Payments.
Clients can view their payment history by clicking their profile picture at the top right corner of the page and selecting Payment History.
Consultants
Consultants need to connect their Stripe Account to receive payments. This process is done in few ways:
When account is created
When the account is created, they must complete a consultant interview. After they click submit, the Stripe Connection process begins. They will be redirected to Stripe. Once they have logged in or created a new account, they will be redirected back to the homepage.
Clicking Match
When the consultant does not have a connected account, clicking Match will open a popup to connect the account. This is a fail safe in the event the consultant did do it during the account creation.
Clicking Search
When the consultant does not have a connected account, clicking Search will open a popup to connect the account. This is a fail safe in the event the consultant did do it during the account creation.
How does connecting an account work?
When a consultant account is created and the consultant interview is completed, the user will be redirected to Stripe to connect their account. Once that is complete, they will be redirected back to Junction Jack.
NOTE: Admins will know if this step is complete by viewing the user in the database. If the user has a Stripe_user_id they are connected on Stripe. Use the Stripe_user_id to search for the connected account on your Stripe account.
STRIPE
Where to find client and consultant accounts in Stripe
Login to your Stripe account
Clients are visible by going to the Customers tab in the side panel
Consultants are visible by going to the Connected Accounts tab in the side panel
How to view a successful payment
-
Go to the Consultant’s connected account. You can search for the account by entering the consultant’s Stripe_user_id in the search field
-
Go to the payments tab and click on the payment
-
The payment details will show the collected fee posted in your account
How to view all collected fees
Click on transactions on the side bar