Documentation Series

Learn About VISP App Dashboard

Help Documentations / Google Calendar Integration Setup

Google Calendar Integration Setup

This guide details the steps to integrate a Gmail account (or any Google account) with Google Calendar API.

Preparation:

  1. Google Account: You’ll need a Google account. You can either create a new Gmail account or use an existing Google Workspace account.
  2. Project Setup:
    • Go to the Google Cloud Console: https://console.cloud.google.com/apis/

Create a New One or Use an Existing Project

1. Click on your Google Account icon in the upper-right corner of the screen.
Switch or use the newly created Google / Gmail account for this setup.

2. Click on Enabled APIs & services

3. Click on this button to select or create a Project.
You can also use the existing “My First Project” option which is added by default when you login to the Google Cloud Console.

4. Click on New Project to create a new one, or select an existing one from the list.

5. If you decide to create a new one, input the Project Name and leave the Location section blank.

Click on the blue Create button when you’re done.

Creating OAuth Consent Screen

6. Change to your newly created Project
In the left sidebar, ensure your new project (“e.g. Google Calendar Integration”) is selected.

7. Next, click on the OAuth consent screen.
8. Choose “External” under “User type,” and click “Create”

Input App Information

9. Enter a name for your app (e.g., “VISP”).
Under Support Email, select the email address you used for your Google account.

10. Enter the same email address in the “Developer contact information” section.
11. Click “Save and Continue” at the bottom of the page.

Add / Remove Scopes

12. You don’t need to modify anything in the Scopes section at the moment.

13. Click on “Save and Continue”

14. In the “Test Users” section

  • Click “Add users” and enter the email address you want to test with or use for this integration.
  • After adding the email address, click on “Add” to complete the process.
  • Click on “Save and Continue” to complete the process.
  • Next, click on “Back to Dashboard” to continue.

Enabling Google Calendar API

15. Go to APIs & Services > Enabled APIs & Services
Click on “Enable API’s and Services”

16. Search for “Google Calendar API”
17. Select Google Calendar API
18. Click the blue “Enable” button to activate the API for your project.

Editing App Registration (Scopes):

19. Go back to APIs & Services > Click on the “OAuth Consent Screen” section

20. Click “Edit App”
21. Click on Save and Continue until you get the “Scopes” section.
22. Click “Add or Remove Scopes”

23. Toggle the following three options:

  • See your primary Google account email address
  • See your personal info, including any personal info you have made publicly available
  • Open ID connected with your personal info on Google
24. Click on the field beside “Filter”
Use the dropdown, and in the Property field, select API. Next, click on the field beside API and input “Google Calendar API” in the field.
25. Select All Scopes: Check the box at the top to select all scopes for the filtered results (17 options).
26. Use the pagination to select between Batch 1 or 2 of the list.
27. Click “Update” to finalize the scope configuration.
28. Click on “Save and Continue”
29. Click on “Save and Continue” again.
30. And then go “Back to the Dashboard.”

Creating Credentials (OAuth Client ID):

31. Go back to APIs & Services and go click on “Credentials.”

32. Click “Create credentials” and select “OAuth client ID.”
33. Choose “Web application” as the application type.
34. Authorized JavaScript Origins: Click on “Add UI”
Copy the exact link for your app (e.g., https://app.visp.net).
35. Click on “Create”
36. Copy Client ID & Secret: Copy both the Client ID and Client Secret. You’ll need them in the next step.

App Integration

37. Open your App instance (e.g., app.visp.net) in a new tab.

  • Click on the nine-dot menu
  • Go to the General tab
  • Select Extensions.

38. Input the necessary details.

  • Add your Google credentials – Your email and password.
  • Use the Client ID and Secret from the Google Page.

39. Click “Authorize Google Calendar” and log in with the Google account you want to connect.

40. Google might display a warning about the app being unverified. If you trust the developer, click “Continue.”

  • Grant the requested permissions (Edit, Share, and Permanently Delete).
  • Save: Click “Save” to complete the integration process.
41. Save your work when done.

💡 Testing Integration
Add a new calendar entry, via tickets, to test the integration.

Add Prospects or Subscribers

Add a new subscriber or prospect in Visp by filling out the required fields, completing billing details, and clicking “Add.” Optionally, auto-generate the username and password.

How to Update Customer Service and Billing Contact / Address Information

Update contact details in Visp by editing the customer profile, adjusting necessary fields, and saving changes. Add separate billing information if required

How to Set up a Parent Account with Linked Child or Sub-Accounts?

Set up parent-child accounts in Visp to manage multiple accounts and consolidate billing. Use the “bill all to another” feature to streamline payments.

Allow Customers to Create Their Passwords

When a new user is added to VISP, a password reset link is sent to their email for account setup. If the email is missing, a system-generated or manually created password is used.

Deleting a Subscriber

To delete a subscriber in VISP, select the subscriber, click the three dots, and choose “Archive.” To restore an archived subscriber, search in the Archive column, and select “Unarchive.”

(Workflow) Archive Subscribers

To archive a subscriber in VISP, ensure no outstanding balances, collect any equipment, and deactivate services before selecting “Archive.”

Options When a Customer is Archived

When archiving a customer in VISP, options include removing packages, writing off bad debt, and deleting saved card information after 90 days.

Subscriber Payment Workflow

Process one-time payments, save or add payment methods, and set up autopay and automatic retry options in VISP.

Workflow: Receive Check and Cash Payments in Visp

Process cash or check payments in VISP by selecting the payment method, entering details, and posting the payment for accurate financial records.

Process NACHA Payments

Activate NACHA in VISP for secure eCheck payments by configuring settings, setting NACHA as default, and processing payments while managing reports, refunds, and reversals.

Add a Package to a Prospect or Subscriber

Add a package to a prospect or subscriber in VISP by selecting a package, setting the billing date, activating the service, verifying devices, adding charges to invoices, and sending the invoice via email.

Enable and Configure Subscriber Alerts

Enable and configure subscriber alerts in VISP by adding alerts, customizing settings, choosing icons, entering messages, and setting navigation links to enhance team communication and streamline workflows.

Attach Files to Emails

Attach files to emails in VISP by using the paper clip icon in the email editor for mass emails or by clicking an email address in a subscriber’s profile.

Filters

Manage and customize subscriber lists in VISP by adding or editing filters through the search field to streamline operations and group subscribers based on specific criteria.

Add a New Filter

To add a new filter in VISP, access your Subscriber list, click the search bar, choose “New Filter,” set the data source, operator, and criteria, then save or email the filtered subscribers.

Create and Customize a Filter

Attach files to emails in VISP by using the paper clip icon in the email editor for mass emails or by clicking an email address in a subscriber’s profile.

Automate the Reactivation of Hibernated Packages

To automate reactivation of hibernated packages in VISP, enable auto-reactivation, set a reactivation date using the date picker, and save changes.

Workflow: Cancellation Surveys

Enable cancellation surveys in CRM, archive the subscriber with a reason, and view archived accounts in the Archived table.

Upgrade Subscriber Service or Package

To upgrade a subscriber’s package, add a new package, move active services to it, and confirm changes. The old package will become inactive automatically.

Suspend a Package

To suspend a subscriber’s package, select the subscriber, choose the package, and click “Suspend.” All services in the package will be suspended. To unsuspend, click “Unsuspend.”

Hibernate a Package

To hibernate a subscriber’s package, open their account, select an active package, and click “Hibernate.” This will stop billing until reactivation. Note: Only internet service packages can be hibernated.

Usage-Based Billing

Enable it in Main Menu > Billing Tab > Packages > Provisioning. For individual subscribers, configure settings under Usage-Based Billing in their package. Save changes.

How to Delete a Package

To suspend a subscriber’s package, select the subscriber, choose the package, and click “Suspend.” All services in the package will be suspended. To unsuspend, click “Unsuspend.”

Deactivate a Service

Select a subscriber, go to Packages and Services, expand the package, choose the service to deactivate, and click Deactivate.

Change or Update Subscriber Internet Speed

Select a subscriber > Packages > expand package details > go to Speed Limits to adjust speeds. Save.

Activate Package Hibernation

Learn how to activate package hibernation in Visp, enabling temporary suspension of internet services while allowing customization and reactivation options.

Activate a Package or Service

Learn how to activate packages or services for subscribers in Visp with step-by-step instructions.

Upgrade Packages via the Change Option

Learn how to upgrade packages in Visp using the Change option, including billing adjustments for pro-rated charges, credits, and next invoice scheduling.

Package Upgrade (Move Process)

Learn how to activate package hibernation in Visp, enabling temporary suspension of internet services while allowing customization and reactivation options.

Add and Configure Packages

Learn how to add and configure packages in Visp, including setting up package details, pricing, services, taxes, and speed limits, and managing package options.

Create a Package (Basic Guide)

Learn how to create and configure packages in Visp, including setting package details, pricing, services, and speed limits. Discover how to add services, set recurring rates, and manage provisioning options.

How to Add a Quote?

Discover how to add, customize, and send quotes in Visp, including adding packages and items, viewing PDFs, emailing quotes, and converting them to invoices.

How to Apply Credits to a Customer’s Account

Learn how to add and configure packages in Visp, including setting up package details, pricing, services, taxes, and speed limits, and managing package options.

ISP Logs

Discover how to use the ISP Logs section in Visp to review historical changes, filter data by date range, and access related documents like payments and equipment lists.

Enable Automatic Payment of Invoices to VISP.net

Enable automatic payment for your invoices in Visp.net by setting up billing reminders, adding a balance threshold, and scheduling payments.

Receive Payments

Learn how to add and configure packages in Visp, including setting up package details, pricing, services, taxes, and speed limits, and managing package options.

Managing Equipment in Archived Customer Accounts

Learn how to manage equipment in archived customer accounts in VISP, ensuring proper tracking and retrieval for ISPs dealing with high-turnover locations like apartments or condos.

Dashboard Customization Guide

Enable automatic payment for your invoices in Visp.net by setting up billing reminders, adding a balance threshold, and scheduling payments.

Packages & Invoices

Workflow: Adding New Items

Discover how to add new billing items in Visp using the Items Manager. Learn to create item profiles, assign codes, choose types, and manage activation with ease.

Workflow: Archive Customers

Learn how to archive customers in Visp, handle equipment returns, write off bad debt, remove expired cards, and manage cancellation surveys to maintain a clean customer database.

Workflow: Receiving Money Order Payments

Learn the step-by-step workflow for processing money order payments in Visp, from receiving and recording the payment to applying it to customer accounts and updating balances.

Workflow: Processing Refunds

Learn how to enable and process refunds or void transactions in Visp, including setting up refund permissions and reviewing transactions.

Update Billing Cycle

Learn how to update a subscriber’s billing cycle in Visp, including options to apply changes on the next invoice, reverse charges for unused days, or reverse charges for unused months.

How to Create a New Invoice and Add Invoice Items

Learn how to create new invoices and add or customize invoice items in Visp to streamline your billing process.

Edit an Invoice

Learn how to create new invoices and add or customize invoice items in Visp to streamline your billing process.

Delete an Invoice

Learn how to update a subscriber’s billing cycle in Visp, including options to apply changes on the next invoice, reverse charges for unused days, or reverse charges for unused months.

How to Void an Invoice?

Learn how to void an invoice in Visp by selecting the invoice from a subscriber’s Transactions tab and using the “Void this Invoice” option.

Add Equipment Charge to an Invoice

Learn how to add and configure equipment charges to a subscriber’s invoice in Visp to ensure accurate billing and equipment management.

How to Add a Credit Memo?

Learn how to add, view, and manage credit memos in Visp, including applying them to invoices and sending them via email.

Add a One-Time Discount

Learn how to apply a one-time discount to an invoice in Visp, including setting item details and configuring discount rates.

Adding a Credit or Debit Memo

Learn how to add a credit or debit memo to a subscriber’s account in Visp, including adjusting accounts receivable or payable with detailed steps and descriptions.

Recurring Discount

Discover how to add a recurring discount to future invoices in Visp by creating a custom line item and enabling the recurring option.

Bill-to-Another Feature

Learn how to apply a one-time discount to an invoice in Visp, including setting item details and configuring discount rates.

Add Scheduled Actions (Reschedule Late Fee / Suspension)

Discover how to reschedule suspensions and late fees in Visp by adding scheduled actions to adjust dates and manage payment extensions effectively.

Set Manual Invoice Dates

Learn how to manually set invoice dates in Visp, ensuring they align with package start dates and billing options for accurate invoicing.

Credit Memo

Learn how to apply a one-time discount to an invoice in Visp, including setting item details and configuring discount rates.

Refunds

Learn how to process refunds in Visp, including voiding transactions, enabling refund options in payment gateway settings, and handling refund policies.

Bill All to Another

Simplify billing with the “Bill All to Another” feature in Visp, allowing the transfer of all invoices and charges from a child account to a parent account.

Setup Multiple Payment Gateways for Different Billing Methods

Learn how to apply a one-time discount to an invoice in Visp, including setting item details and configuring discount rates.

Add Scheduled Actions (Reschedule Late Fee / Suspension)

Learn how to easily reschedule late fees or suspensions for subscribers in VISP using the ‘Add Scheduled Actions’ feature with step-by-step instructions.

Logs

Remove or Update Card Information

Learn how to remove or update card information in Visp, including adding a new card, enabling autopay, and setting up automatic retry for secure and efficient billing.
?