Cost Calculator Builder
Item PageVideo TutorialsChangelogResources Get Started
  • Cost Calculator Builder Documentation
  • Getting Started
    • Free Version and Pro Version
    • System Requirements
    • Plugin Installation
    • License Activation
      • Upgrading the License
    • Update Billing Details and Access Invoices
    • License Utilization
    • Update The Plugin
    • Templates
    • Feature Request
  • Plugin Features
    • How to Create a Calculator
    • How to Manage Calculators
    • How to Add a Calculator to the Page
    • Calculator Appearance
    • Additional Classes
  • Cost Calculator Settings
    • Calculator Settings
      • Summary Block
      • Currency
      • Warning Texts
      • Confirmation Page
      • Order Form
      • Form Manager
      • Sticky Calculator
      • Woo Products
      • Woo Checkout
      • Payments
      • Webhooks
    • Global Settings
      • Currency (Global)
      • PDF Entries
      • Share Quote Form
      • Order Form (Global)
      • Email Template
      • Backup Settings
      • AI Formula
      • Captcha
      • Payments (Global)
      • Geolocation
  • Calculator Elements
    • General Overview
    • Text
    • Quantity
    • Validated form
    • Dropdown list
    • Image Dropdown (Pro feature)
    • Radio Select
    • Image Radio (Pro feature)
    • Switch Toggle
    • Checkbox
    • Image Checkbox (Pro feature)
    • Date Picker (Pro feature)
    • Time Picker (Pro feature)
    • Basic Slider
    • Multi Range (Pro feature)
    • File Upload (Pro feature)
      • How to Allow Additional File Types in WordPress
      • How to Increase Maximum File Upload Size in WordPress
    • HTML
    • Geolocation (Pro feature)
    • Line
    • Formula
      • AI Assistant (Pro feature)
    • Repeater (Pro feature)
    • Group Field (Pro feature)
    • Page Breaker (Pro feature)
  • Conditional System
    • Introduction
    • How to Create a Condition
    • Condition Options
    • Condition Actions
    • AND/OR Conditions
    • Condition Creating Example
  • Special Plugin Features
    • Orders
    • Discounts
    • Required Fields
    • Contact Form 7 Plugin
  • Payments
    • Settings
    • PayPal
    • Stripe
    • Razorpay
    • Cash Payment
  • Translating Cost Calculator Into a Different Language
    • Translation Basics
    • Translating Static Strings
    • Translating Calculator with WPML
    • FAQ
  • Develeoper's guide
    • Cost Calculator Hooks
      • Order Management
      • Contact Form
      • Confirmation Page
      • Email
  • Troubleshooting
    • Introduction
    • Plugin Conflicts
    • Theme Compatibility
    • Calculator is not loading
    • Cache Settings
    • Email not sending
    • Debug Logs
    • Submit a Support Ticket
  • Changelog
    • Release Notes
    • Changelog (Free Version)
    • Changelog (Pro Version)
  • Pre-built Calculators & Cases
    • Service Booking
    • Graphic Design
    • Loan Interest
    • Delivery Service
    • Renovation Company
    • Dental Services
    • Car Wash Company
    • Medical Services
    • Tuition Fees
    • Printing Services
    • Car Rental
    • Venue Rental Service
  • Advanced Topics
    • License Management
  • Stylemixthemes
    • Cost Calculator Builder WordPress Plugin
    • Themes
    • Plugins
Powered by GitBook
On this page
  • Global Settings
  • Settings in the Calculator
  • How to find and add Public and Secret keys from Stripe?
  • Cases when you have several Formula elements

Was this helpful?

  1. Payments

Stripe

PreviousPayPalNextRazorpay

Last updated 7 months ago

Was this helpful?

Global Settings

You can integrate and set up Stripe to the Cost Calculator in the Payments of the Global settings. To do this, go to Global Settings >Payments> Card Payments and click Apply to all calculators to apply settings to all calculators.

And here you can see Stripe:

After clicking on Setup, these settings will come up:

Public key - A publishable key that can be found on the API keys page in the Developers Dashboard.

Secret Key - A secret key that can be found on the API keys page in the Developers Dashboard.

Currency - Put the currency you want to get payments in.

Settings in the Calculator

You can also set up Stripe to the Cost Calculator in the Payments section of Individual settings. To do this, go to the Settings tab of the calculator you want and head over to the Card Payment of the Payments section. There will be Stripe:

After enabling Stripe and clicking on Setup, these settings will come up:

Public key - A publishable key that can be found on the API keys page in the Developers Dashboard.

Secret Key - A secret key that can be found on the API keys page in the Developers Dashboard.

Currency - Put the currency you want to get payments in.

Total Field Element - It is a feature at the end of the Payments section that lets you choose one or some Total fields(Formula elements) you want to show or hide.

When "Apply for all calculators" is enabled in the Global settings, it will be applied for all created calculators, and there will be a notice when you edit the individual settings of the certain calculator.

How to find and add Public and Secret keys from Stripe?

Next, copy your Publishable and Secret Keys and paste them into the Public key and Secret key fields:

Cases when you have several Formula elements

You can set up the order to hide one or some Total fields(Formula elements) to get payment for your services or products.

  1. For example, you make Christmas advent calendars and let your customers choose how many days they want to gift someone. They can select 7 days, 10 days, 2 weeks or a month(30 days). When calculating the Cost of the gift, the VAT( Value-added tax) is not included in the Total cost.

You can enable only the Total cost to be added to the Stripe orders.

Here is how your users will see it:

  1. There is another example with the Jewelry shop. Your customers can choose the metal types, and options available for each card, adding a card and special package. They can choose whether they will pick up their order or get their package delivered.

You can set up Stripe to show only the Total cost of the delivery if they decide to choose the delivery.

That is how their order will look:

First, you need a Stripe account on the. To get the keys, log in to the Stripe website. After logging in to your profile, you can see the necessary keys from your Dashboard. To get the test mode key, follow Dashboard > Get your test API keys, and to get the live mode keys, go to Dashboard > Get your live API keys.

Take note: If you use and add the keys for the test mode, users won’t be able to complete the purchase. The test mode is only for testing your integration without making actual charges or payments. Read here more about the test mode and live mode in .

Stripe official website
Stripe’s documentation