Question 1

Element: Date Picker

Accepted Answer

${color}#314AF3

Q: Element: Fee & Discount Adjuster (formerly Custom Math)

<h1 id="dcolor314af3introduction">${color}<a href="**Introduction**">#314AF3</a></h1> <p>The ** Fee &amp; Discount Adjuster** (formerly Custom Math) element is for businesses looking to adjust their pricing dynamically. </p> <p>It allows users to apply basic math operations (+, -, *, %) to either a <strong>group of products/services</strong> (sub-section total) or the <strong>entire calculator total</strong>. Ideal for adding fees, offering discounts, or converting yearly costs to monthly prices, it can be used with or without conditional logic. </p> <p>Whether adding a shipping fee or providing a 10% discount on a sub-section total, Fee &amp; Discount Adjuster offers flexibility and precision. It’s perfect for scenarios like imposing setup fees or adjusting pricing based on user selections. </p> <p><img src="https://storage.crisp.chat/users/helpdesk/website/23d9d36d91d38e00/d9ec30dc-b186-4873-baf6-182558_13z8gpk.png" alt="" /></p> <hr /> <h1 id="dcolor314af3feediscountadjustervsadvancedpricingformula">${color}[#314AF3](<strong>Fee & Discount Adjuster vs Advanced Pricing Formula</strong>)</h1> <p>| Feature | Fee &amp; Discount Adjuster | Advanced Pricing Formula | | --- | --- | --- | | Key Differences | Affects the subsection or calculator total. Uses basic math operations (+, -, *, %). Can apply fees or discounts. Works conditionally or unconditionally. Ideal for dynamic pricing adjustments | Calculates individual product/service cost. Uses complex formulas with variables. Handles specific pricing models. Can include conditional logic. Ideal for detailed cost calculations. | | Use Cases | * Adding a shipping fee. Applying a discount. Converting yearly</p>

The date picker displays a calendar box where customers can pick any date they want. You can also choose a date range and charge a per-day cost.

${color}[#314AF3](Benefits, Features & Use Cases)

It's great for bookings, schedules, pickup dates, general info, etc.

Let your users schedule or book your services.
Set an appointment with your customers.
Charge for a per-day cost for a range of dates.

${color}[#314AF3](Watch It In Action)

${color}[#314AF3](How to Activate & Use This Feature)

To add a Date Picker, first click on the "+Add Element" button.

Then click on "Date Picker".

Settings & Options

Title

First thing, you can add a "Title". It'll be shown on the frontend.

Default date

You can set a default date, for example, today's date. ![](https://storage.crisp.chat/users/helpdesk/website/3b1afd28692a2c00/58b8794e-b9

Question 2

Email & PDF: Troubleshooting issues with the email quote and PDF generator

Accepted Answer

${color}#314AF3

Email is not sending.
PDF files are empty.

3. Email is sending but PDF is blank.

${color}#314AF3

Step 1

Check your SCC diagnostic screen. Settle any issues in red with your hosting company, system admin, or web developer. If it doesn't fix it, proceed to the next step.

Diagnostic Screen

Step 2

Try removing your banner and logo.

Remove Banner and Logo

Does that fix it?

✅ If yes, then try:

Resize the graphics or upload a different format.
It means that your server doesn't like the image for some reason.
Install the GD PHP Library. Submit a trouble ticket to your web hosting company and ask, "Please install the PHP GD library."

⭕ If no, then try Step 3.

Step 3

Try sending a test email quote from the SMTP plugin.

Test Email

Did you receive the email?

If not, then you have an email SMTP problem. Reach out to your hosting company or email server admin.

## ${color}[#314AF3](Additional Information)

All El

Question 3

Element: Distance-Based Cost

Accepted Answer

${color}#314AF3

The Distance-based Cost Element is an innovative feature designed to calculate the cost between two distances, A and B, using Google Maps API. It provides an interactive and straightforward method for users to input their starting and ending locations. The calculator then estimates the cost by multiplying the distance with the cost per kilometer (KM) or mile, as set by the administrator.

${color}[#314AF3](Benefits, Features & Use Cases)

Distance-Base Cost is a versatile and essential tool for any business that requires accurate distance-based cost calculations.

Benefits

Accuracy: Leveraging Google Maps API, the distance calculation is precise, ensuring that the cost estimation is reliable and reflects real-world distances.
User-Friendly: With simple input fields for the start and end locations, users can quickly obtain a cost estimate without any hassle.
Customizable: Administrators can set the cost per KM or mile, allowing for complete control over the pricing model.
Real-time Calculation: As users input the addresses, the calculator provides real-time updates on the estimated cost, enhancing user engagement.

Use Cases

Delivery Services: For businesses that offer delivery, the Distance-based Cost Element can calculate the delivery fee based on the dist

Question 4

Itemized PDF: A complete guide for the generated PDF quotes and email quotes.

Accepted Answer

${color}#314AF3

Display the user's quotes on an itemized list via email, downloadable PDF, or web view. The generated quote can be viewed, printed, saved, or emailed to the user.

${color}[#314AF3](Benefits, Features & Use Cases)

Have you ever struggled with sending quotes and quotes instead of actually selling? Don't worry, we gotchu. With the Itemized PDF feature, your customers can get instant email quotes and/or download PDF quotes right from the calculator form.

Lead Generation - To collect leads, turn off the detailed list view and force the user to get an emailed quote instead.
Faster Phone Quotes - Use Stylish Cost Calculator to help your customer service agents provide faster service over the phone, and provide instant quotes to your callers.
Boost Sales with Cross-Sells - This is an excellent opportunity to offer bolt-ons/add-ons to your customers. Use conditional logic to only offer add-ons that relate to specific services.
A Customizable Experience - Show your customers how customizable your business is by allowing them to only look at services and products they are interested in. Use the conditional logic feature to hide options not pertaining to the user.
A Competitive Advantage - You can attract new clients by putting your pricing on the map by showing them how you compare to y

Question 5

Element: Fee & Discount Adjuster (formerly Custom Math)

Accepted Answer

${color}#314AF3

The ** Fee & Discount Adjuster** (formerly Custom Math) element is for businesses looking to adjust their pricing dynamically.

It allows users to apply basic math operations (+, -, *, %) to either a group of products/services (sub-section total) or the entire calculator total. Ideal for adding fees, offering discounts, or converting yearly costs to monthly prices, it can be used with or without conditional logic.

Whether adding a shipping fee or providing a 10% discount on a sub-section total, Fee & Discount Adjuster offers flexibility and precision. It’s perfect for scenarios like imposing setup fees or adjusting pricing based on user selections.

${color}[#314AF3](Fee & Discount Adjuster vs Advanced Pricing Formula)

| Feature | Fee & Discount Adjuster | Advanced Pricing Formula | | --- | --- | --- | | Key Differences | Affects the subsection or calculator total. Uses basic math operations (+, -, *, %). Can apply fees or discounts. Works conditionally or unconditionally. Ideal for dynamic pricing adjustments | Calculates individual product/service cost. Uses complex formulas with variables. Handles specific pricing models. Can include conditional logic. Ideal for detailed cost calculations. | | Use Cases | * Adding a shipping fee. Applying a discount. Converting yearly

Question 6

Embedding To Your Webpage: Deploying and adding the shortcode (calculator form) to your page.

Accepted Answer

${color}#314AF3

Steps

Copy your embedded shortcode.
Add the shortcode or code module.
Paste the code.

Video Tutorial

${youtube}Video Tutorial

Other languages

Limitations

Pop-Ups & Overlays

|| You cannot embed the shortcode on a pop-up or overlay. It will not load the plugin's CSS code properly and it will break. Please load the shortcode on its own landing page.

How to Embed Your Calculator Using Different Builders

Elementor

Step 1. In the elements side panel, locate the "Styled Cost Calculator" widget and drag it to the container.

Step 2. Choose the calculator you want to add. Then click "Update" to preview the page and you're done! Your calculator is ready with Elementor.

You can also add the calculator directly via shortcode. Using Elementor's native shortcode widget, paste the calculator's shortcode, obtainable from the "All Calculato

Frequently Read Articles

Browse All Categories