WishList Member includes an integration with Stripe. You can easily set users to be automatically added to a membership level in WishList Member if they purchase. The WishList Member Integration with Stripe allows you to set which content a member can access based on their purchased level.
All the details are explained below (including a Video Tutorial).
Enable Stripe Integration
First, you can select and enable the Stripe option in the Setup > Integrations > Payment Providers section of WishList Member.
—
—
The Settings tab will appear and the API Status will show as “Not Configured”. This is because WishList Member and Stripe need to be connected using a few specific pieces of information provided by WishList Member and Stripe. This process is explained below.
Connecting WishList Member and Stripe
Click the blue Configure button.
—
The Stripe Configuration popup will appear and will display the API tab.
—
There are two fields in the API tab that require pieces of information from Stripe.
- Publishable Key
- Secret Key
Both of the keys are located in the Developers > API Keys section of Stripe.
—
Copy the Publishable Key and Secret Key in Stripe and paste them into the corresponding fields in WishList Member in the Stripe Configuration popup in the API tab.
Click the Save & Close button.
—
The API Status will now be displayed as “Connected”.
Note: One more piece of information needs to be copied from WishList Member and pasted into Stripe to complete the connection process. The Webhook that now appears on the bottom of the Settings section in WishList Member needs to be copied and used to create an Endpoint in Stripe.
Copy the Webhook in WishList Member and go to the Developers > Webhooks section in Stripe. Click on the Add Endpoint button.
—
The Listen to Stripe events page appears. Paste the Webhook into the Endpoint URL field and click the Select Events button.
—
The Select events to send page appears. Click the Select all events option and click the Add Events button.
—
The events will be added. Click the Add Endpoint button.
—
The Webhooks section will appear and the Endpoint has been created.
—
Creating the connection between WishList Member and Stripe is now fully complete. Go back to WishList Member and click on the blue Configure button in the Settings section to continue the integration process.
—
General Settings
There are general settings related to currency, support email, etc. Click the blue Configure button again and select the Settings tab in the Stripe Configuration popup.
—
—
The following settings are available for configuration.
Primary Currency. Set the currency type for payments. This is the currency users will pay during registration.
Support Email. Set the email address to receive support requests related to purchases.
Cancellation Redirect. Set the page to be displayed to a user who cancels during the purchase process.
Immediately cancel Stripe Subscription and Level in WishList Member when the user cancels their subscription via the Stripe Profile Shortcode. If enabled, the Stripe Subscription will be cancelled in Stripe and the Level access will be cancelled in WishList Member if a user cancels using the option on the form displayed when using the Stripe Profile Shortcode. The Stripe Profile Shortcode can be created/inserted using the WishList Member Shortcode Inserter or a Shortcode Block.
Allow Stripe to Automatically Calculate Tax on Subscriptions. If enabled, Stripe will calculate the appropriate Tax for a Subscription.
Click the Save or Save & Close button when finished.
—
Payment Form
There are settings related to the payment form popup that will appear when a user clicks to purchase on the live site. The Payment Form tab controls the appearance of that form.
Click the blue Configure button again and select the Payment Form tab in the Stripe Configuration popup.
—
—
The following settings are available for configuration.
Heading Text. The top of the popup form will display the text in this field. The default message is: Register for %level. Note: %level will be replaced by the name of the membership level on the live site. Example: Register for Gold.
Heading Logo. An image can be shown on the top of the popup form.
Button Label. The button that is inserted on the page. The popup payment form will appear when a user clicks this button. The default message is: Join %level. Note: %level will be replaced by the name of the membership level on the live site. Example: Join Gold.
Panel Button Label. The button within the popup payment form. A user clicks this button to pay. The default message is: Pay.
Click the Save & Close button when finished.
—
Product Settings
A Products tab appears when WishList Member and Stripe are fully connected. You can now configure product settings for the desired membership levels and/or pay per posts.
—
Click a membership level or pay per post to edit.
The Editing Stripe Product for Level Name popup will appear.
—
The following settings are available for configuration.
Stripe Plan. A Stripe Plan will charge the user based on the scheduled payments (recurring payments) configured in Stripe.
OR
One Time Payment (Custom Pricing). A One Time Payment will charge the user a one time payment (non-recurring payment).
Select Stripe Plan(s). If the Stripe Plan option is selected above, this dropdown is populated with the Stripe Plans from the connected Stripe account. Select the desired Stripe Plan for this Level.
Cancel the user’s Stripe Subscription when the membership level is cancelled in WishList Member. If the Level is cancelled for a user in WishList Member, cancel the Stripe Plan within Stripe.
Allow Proration for this Level. If enabled, users can upgrade to this Level through Proration. More details available in the Stripe – Prorated Payments article.
Note: The Remove from Previous Level After Prorated setting shown in the screenshot example and mentioned below only appears if the Allow Proration for this Level setting is enabled.
Remove from Previous Level after Prorated. If enabled, the user will be removed from the Previous Level after they have paid to upgrade through Proration. More details available in the Stripe – Prorated Payments article.
Click the Save & Close button when finished.
—
The two screenshot examples below show the Gold level set to use a Stripe Plan. It is configured to cost $20 a month based on the selected Stripe Plan. It will also cancel the user’s Stripe Subscription if the membership level is cancelled in WishList Member.
The proration options have also been enabled.
—
—
Selling Access (using Connected Membership Level)
The last step is adding the purchase button to your site.
A shortcode is automatically generated for each configured membership level. This means you can insert a purchase button onto any page or post on your site.
This can be done by copying the Shortcode provided in the Button Code column in the Integrations section or by using the WishList Member Shortcode Inserter.
Button Code
Click the icon in the Button Code column. The Copy Button Code popup will appear.
The Shortcode can be copied and pasted onto any page or post.
—
—
Below is a screenshot example of the Payment Button Shortcode inserted into a page.
—
Shortcode Inserter
The WishList Member Shortcode Inserter can be accessed using a Classic Block through the Gutenberg editor or by using the Shortcode Creator located on the WishList Member Dashboard.
In the example below, we will use the Classic Block in the Gutenberg editor to insert the purchase button for the Gold level.
Insert the Classic Block and click on the blue WishList Member Shortcode Inserter button.
Select Integrations > Stripe Integration > Gold Registration Button.
—
The shortcode will appear in the edit page section.
—
You can add any additional text or design elements to your sales page. The example below shows only placeholder text and the shortcode inserted and displaying the Join button on the live site. Clicking the button will display the payment form popup.
—
Below is a screenshot example of the payment form popup that appears when the Join button is clicked.
—
The user can fill in the form and make the payment. This will result in the user being granted access to the Gold level.
Once WishList Member is integrated with Stripe, a user can pay through Stripe and be automatically added to the membership level of your choice.
—
Video Tutorial
Additional Stripe Integration Articles
The Stripe – Prorated Payments Knowledge Base article has more information (including screenshots) on accepting prorated payments for membership levels.
The Stripe Integration – Profile Page Knowledge Base article has more information (including screenshots) on displaying a Profile Page for members.
The Stripe – Edit Payment Form Knowledge Base article has more information (including screenshots) on editing the look of the payment form.
The CSS – Registration Form / Buttons Styling Knowledge Base article has more information about styling your registration button/form.
