It's super exciting for your users to have an interactive calculator to calculate things like pricing and savings. A calculate gets even more powerful when adding a call to action. This could be a simple link, a form submission, but also capturing payments and subscriptions.
There are two types of call to actions:
- Link button
- Form submission button
The link button makes it possible to navigate your users to another page on your website. In the editor, navigate to the Call To Action panel and toggle the option "Link button" on. Now it's possible to add a custom text and url for your call to action.
Form submission button
The form submission button is way more powerful then the link button. When a user presses the Form submission button, ConvertCalculator captures all the calculator's fields in a "Submissions database" and you get the ability to send emails to yourself or the submitter. In the editor, navigate to the Call To Action panel and toggle the option "Add Form Submissions on". No you are able to change some settings, like changing the button text, form response text and email settings. But it's also possible to setup payments.
Setting up payments
Setting up payments is very easy. When you toggled the option "Add form submissions" on the Call To Action panel, a switch appeared called "Checkout (payments)". Toggle this on. After toggling this on, you need to connect your Stripe Account. If you don't have any, please set one up first. you can see the following options:
- Subscription: Toggle this on if you want to capture subscriptions. If it's toggled on, you can choose the interval of the charges.
- Formula: It's required to select a formula. This is used as the payment amount
- Optional checkout: Toggle this on if you want your users also be able to send a normal form submission
- Checkout title and description: These are used on the checkout popup
- Capture billing address: Useful if you want to capture name and address in Stripe
- Capture zip code: This is useful for extra security on charges.
Hide results until after submission
There are some scenario's where you don't want to display the results of a formula before a user submits the form. That's easy to do! First make sure you capture form submissions by toggling on the option "Add form submissions" in the CTA panel. Afterwards, click on the formula you want to "hide" before submission and toggle the option "Hide results before submission". If it's toggled on you can show a placeholder text.