Robust subscription support for Ruby on Rails apps using Braintree, including out-of-the-box pricing pages, payment pages, and subscription management for your customers. This is a fork of Koudoku specifically for Braintree.
Include the following in your Gemfile:
gem 'tellimus'After running bundle install, you can run a Rails generator to do the rest. You should have a user model.
rails g tellimus:install
rake db:migrateAdd the following to app/views/layouts/application.html.erb before your <head> tag closes:
<script src="https://js.braintreegateway.com/js/braintree-2.32.1.min.js"></script>
<%= yield :tellimus %>(This allows us to inject a Braintree <script> tag in the correct place. If you don't, the payment form will not work.)
After installing, you'll need to add some subscription plans. (You can see an explanation of each of the attributes in the table below.)
Note: You need to create the plans in your Braintree Dashboard separately.
Plan.create({
name: 'Personal',
price: 10.00,
interval: 'month',
braintree_id: '1',
features: ['1 Project', '1 Page', '1 User', '1 Organization'].join("\n\n"),
display_order: 1
})
Plan.create({
name: 'Team',
highlight: true, # This highlights the plan on the pricing page.
price: 30.00,
interval: 'month',
braintree_id: '2',
features: ['3 Projects', '3 Pages', '3 Users', '3 Organizations'].join("\n\n"),
display_order: 2
})
Plan.create({
name: 'Enterprise',
price: 100.00,
interval: 'month',
braintree_id: '3',
features: ['10 Projects', '10 Pages', '10 Users', '10 Organizations'].join("\n\n"),
display_order: 3
})To help you understand the attributes:
| Attribute | Type | Function |
|---|---|---|
name |
string | Name for the plan to be presented to customers. |
price |
float | Price per billing cycle. |
interval |
string | Optional. What is the billing cycle? Valid options are month, year, week, 3-month, 6-month. Defaults to month. |
braintree_id |
string | The Plan ID in Braintree. |
features |
string | A list of features. Supports Markdown syntax. |
display_order |
integer | Order in which to display plans. |
highlight |
boolean | Optional. Whether to highlight the plan on the pricing page. |
The only view installed locally into your app by default is the koudoku/subscriptions/_social_proof.html.erb partial which is displayed alongside the pricing table. It's designed as a placeholder where you can provide quotes about your product from customers that could positively influence your visitors.
You can supply your publishable and secret API keys in config/initializers/tellimus.rb. However, by default it will use the BRAINTREE_PUBLISHABLE_KEY and BRAINTREE_SECRET_KEY shell environment variables. This encourages people to keep these API keys out of version control. You may want to rename these environment variables to be more application specific.
In a bash shell, you can set them in ~/.bash_profile like so:
export BRAINTREE_PUBLIC_KEY=pk_0CJwDH9sdh98f79FDHDOjdiOxQob0
export BRAINTREE_PRIVATE_KEY=sk_0CJwFDIUshdfh97JDJOjZ5OIDjOCH
export BRAINTREE_MERCHANT_ID=2dj90d2j3dhnxn2
export BRAINTREE_ENVIRONMENT="sandbox"(Reload your terminal for these settings to take effect.)
By default a pricing_path route is defined which you can link to in order to show visitors a pricing table. If a user is signed in, this pricing table will take into account their current plan. For example, you can link to this page like so:
<%= link_to 'Pricing', main_app.pricing_path %>(Note: Tellimus uses the application layout, so it's important that application paths referenced in that layout are prefixed with "main_app." like you see above or Rails will try to look the paths up in the Tellimus engine instead of your application.)
Existing users can view available plans, select a plan, enter credit card details, review their subscription, change plans, and cancel at the following route:
tellimus.owner_subscriptions_path(@user)In these paths, owner refers to User by default, or whatever model has been configured to be the owner of the Subscription model.
A number of views are provided by default. To customize the views, use the following generator:
rails g tellimus:viewsTellimus ships with a stock pricing table. By default it depends on Twitter Bootstrap, but also has some additional styles required. In order to import these styles, add the following to your app/assets/stylesheets/application.css:
*= require 'tellimus/pricing-table'Or, if you've replaced your application.css with an application.scss (like I always do):
@import "tellimus/pricing-table"The included module defines the following empty "template methods" which you're able to provide an implementation for in Subscription:
prepare_for_plan_changeprepare_for_new_subscriptionprepare_for_upgradeprepare_for_downgradeprepare_for_cancelationprepare_for_card_updatefinalize_plan_change!finalize_new_subscription!finalize_upgrade!finalize_downgrade!finalize_cancelation!finalize_card_update!card_was_declined
Be sure to include a call to super in each of your implementations, especially if you're using multiple concerns to break all this logic into smaller pieces.
Between prepare_for_* and finalize_*, so far I've used finalize_* almost exclusively. The difference is that prepare_for_* runs before we settle things with Stripe, and finalize_* runs after everything is settled in Stripe. For that reason, please be sure not to implement anything in finalize_* implementations that might cause issues with ActiveRecord saving the updated state of the subscription.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent