It's super exciting for your users to have an interactive calculator to calculate things like pricing and savings. A calculator 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.
How to add a Call to Action
You can add a call to action by adding the "Button Element" to your calculator. When your are in the edit screen, you can choice from 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.
You've setup payments, but now you want to make sure everything is working properly. But you don't want to make a purchase. Good news, you can test payments in the "preview" window with the following credit card details:
4242 4242 4242 4242
Exp. date: Any date in the future
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.
Marking a question as required
Sometimes you want to prevent a form from submitting if a question is not been filled out by your visitor. In this case, you can toggle the option "Is this question required?" when editing a question. Note that this option is only visible when you have added "form submissions to your calculator,