Calculator Builder – Create an Online Calculator vs DWBooster Integration for Calculated Fields Form with Google Calendar

Introducing the Calculator Builder WordPress plugin – the ultimate WordPress plugin that allows you to create online calculators for any calculation. You can also add style to your calculator and customize it the way you want. Calculator Builder is a great plugin to have awesome and easy-to-use calculators. It has powerful tools to create an intuitive calculator and to use them for different purposes. Display any type of calculator on your website to make it more engaging and user-friendly, such as health and financial ones. The Calculator Builder plugin provides you with elements such as checkboxes, radio buttons, numbers, and dropdowns. It has an amazing set of features that will help you create the online calculator you want very quickly and effectively. Key Features Intuitive interface – the Calculator Builder plugin has a very intuitive interface and is very engaging. You can create a calculator that perfectly matches your website design, and is highly customizable. Easy to use – another important feature of the Calculator Builder WordPress plugin is that it is super easy to use. With its well-designed interface and structure, you can easily understand how to create calculators even if you are not a developer and don’t have coding skills. However, complex calculators will still require JavaScript skills. Unlimited items to use for calculators – Calculator Builder provides you with unlimited items to include in your individual calculator. This is also a great feature as not many calculator builders provide you with lots of items. User-friendly – Sometimes different types of calculators can look confusing, for instance, Financial Calculators. can look confusing. Many users pay attention to the user-friendly aspect of calculators. The Calculator Builder plugin provides you with a great user experience as it is made to make the calculation process easier and quicker. Highly customizable – CalcHub extension helps you to easily design the calculator the way you want. This will help you to brand your website by making the calculator an inseparable part of it. Live builder – Լive builder allows you to see the calculator created. This will save you time during the process of creation. Usage of Vanilla JS: without using the jQuery library Export/Import tool – Calculator Builder allows you to export and import calculator data Field types such as “Title”, “Separator”, “Spacer”, “Textarea”, and “Input” Use Cases 1 Finance calculators Do you write a blog? Own a car dealership? Or are otherwise involved in financial services? Then you should consider adding the Calculator Builder plugin to your website which will easily carry out financial calculations and ease the processes concerning any aspect of your finances. You can do the following types of financial calculations: Mortgage Calculator Credit card minimum payment Loan amount Interest rate Loan monthly payment And more! 2 Health calculators Do you own sports, diet, or health websites? Are you involved in health-related services? If yes, then you should start using the Calculator Builder WordPress plugin as a health-related calculator to make your work easier. Body Fat BAI and BMI Ideal Weight Lean body mass Fat-Free Mass Index And many more! Examples online calculators Beauty: Appearance Food Pregnancy Finance: Investment Loan Inventory Medical General Health Cardiology Pharmacology Pediatric Respiratory Engineering Electrical Civil Construction Marine Mechanical Web Tools Converter tools Text tools Converters Elements The calculator elements of WordPress Calculator Builder include the following: Radio Button Dropdown Checkbox Number Textarea Date Time Range Field Types Number – a control used for numbers. When supported, it shows a spinner and applies to default validation. Some devices with dynamic keypads show a numeric keypad. Select – the select element depicts a control with a menu of choices Radio – set the title and select a single value from multiple choices with the same name value – Checkbox – select single values Number and Select – insert Number and Select fields, set the title, choose the addon and write the preferred value Buttons – write the title, and then set the “Calculate” and “Reset” buttons Result – set the field containing the outcome. It is a read-only field. Title – set the title without fields. You can control size and wight of the font; Separator – add the separator to the calculator form as a line Spacer – add space between fieldset Textarea – add textarea to the form Input – you can use the next type of the field: Text, Email, Date, DateTime, Month, Time, Week Range – a slider or dial control. Formulas Comparison and Conditional Formula – if(){}, else , if(){}, Else{}, >=, more == equal For Example: if( x[1] < 100 ) { y[1] = x[2] * 2; } else if ( x[1] < 200 ) { y[1] = x[2] * 3; } else { y[1] = x[2] * 4; } Support If you have any questions concerning the plugin ask us at the WordPress forum.

The “DWBooster Integration for Calculated Fields Form with Google Calendar” plugin enables seamless synchronization between your “Calculated Fields Form” Date/Timeslots controls and Google Calendar, helping you avoid event conflicts. It automatically disables any timeslots in your form that overlap with busy periods on your connected calendar. Additionally, the commercial version of the plugin allows you to create Google Calendar events directly using the information submitted through your form. External services This plugin integrates with the Google Calendar API to retrieve the date and duration of existing events. This functionality is essential for deactivating unselectable time slots in the Date/Timeslots control within the form, thereby preventing any potential time conflicts. This Google Calendar API is provided by “Google”: terms of use, privacy policy. 🗓️ Google Calendar Integration To connect your website with Google Calendar, you need a Google Client ID and Google Client Secret. Follow the steps below: Go to the Google Cloud Console. Create a new project – or select an existing one. Name your project. Google Cloud will automatically generate a unique Project ID. Your project name will appear at the top of the left sidebar. From the left menu, go to APIs & Services → Library. Search for Google Calendar API and enable it. 🔑 Create OAuth Credentials Navigate to APIs & Services → Credentials. Click “Create Credentials” → “OAuth Client ID.” If prompted, configure your OAuth consent screen first (see the next section). Choose Web Application as the Application Type. Enter a Name for the credentials. Under Authorized JavaScript origins, add your website domain (e.g., https://yourdomain.com). Under Authorized redirect URIs, paste the Redirect URL provided in the plugin interface. Click Create. You’ll now see your Client ID and Client Secret. 🧾 Configure the OAuth Consent Screen Go to APIs & Services → OAuth consent screen. Under User Type, select External (recommended). Fill in the required information such as App Name, User Support Email, and Developer Contact Info. In the Test Users section, add the email address of the Google Account you’ll use to connect the calendar. ⚙️ Connect Your Website In your plugin settings page, enter the Client ID and Client Secret. Click “Save Settings & Generate Tokens.” You’ll be redirected to your Google Account to grant permission for your website to access your calendars. Once you’ve completed these steps, your website will be successfully linked with Google Calendar. Integration in Forms The plugin adds a new section in the form settings titled: “DWBooster Integration for Calculated Fields Form with Google Calendar” 🔧 How to integrate the plugin with a form Press the “Build” button corresponding to your form in the “Forms” list, which is accessible via the “Calculated Fields Form” menu option. Scroll down to the “DWBooster Integration for Calculated Fields Form with Google Calendar” section. Tick the “Enable Google Calendar integration” checkbox. By default, the plugin selects your “primary” calendar. To use a different one, press the “Select another calendar” button. This will load a list of calendars associated with your account, allowing you to select the calendar you want to associate with the form. Insert a Date/Timeslot control in the form, and select it from the “Timeslot field” list. The plugin will link this control to Google Calendar for scheduling. 📅 Creating Google Calendar events from form submissions (Commercial Feature) Tick the “Create Google Calendar event on form submission.” checkbox. Select the email controls from the “Attendee email fields” attribute. The plugin will add the collected emails as attendees of the calendar event. Enter the event summary in the “Calendar summary text” text area. Enter the event description in the “Calendar description text” text area. Note: Both the summary and description attributes support the same fields and informative tags that are available in the notification emails.