Welcome to the integration guide for the Pro Web Widget API feature at MaiaMechanics.com. This feature enables you to receive data entered by your site visitors into the chart calculator directly into a CRM or email marketing tool. Below are the steps to make it work using Zapier and Make.
Overview
With the Pro Web Widget API, you can:
Collect user data entered into the chart calculator on your website, including their name, email, birth information, and chart properties.
Utilize automation tools like Zapier and Make to process and manage the data.
Automatically send this data to an external platform such as a CRM or email marketing tool.
This integration is designed to be simple and requires no coding, but advanced users can customize further if needed.
Requirements
A Pro Web Widget subscription.
A website with the Pro Web Widget embedded.
An account on Zapier (https://zapier.com) or Make (https://eu2.make.com).
Legal Compliance
Ensure all data processing complies with the data protection laws of your country.
Only send marketing communications to users who have opted in.
Option #1: Using Zapier
Create a Zapier Account
Sign up at Zapier.
Create a New Zap
Once logged in, create a new ‘Zap’.
Set Up the Trigger
Paste the Webhook URL into the Pro Web Widget Settings
Return to Maia Mechanics, open Tools > Pro Web Widget.
Under Settings, paste the Webhook URL into the External API endpoint field.
Connect to Email Marketing Provider
Test the Integration
Trigger a chart creation on your website to ensure data is sent correctly.
Option #2: Using Make
Create a Make Account
Sign up at Make.
Create a New Scenario
Once logged in, create a new ‘Scenario’.
Set Up the Webhook
Paste the Webhook URL into the Pro Web Widget Settings
Return to Maia Mechanics, open Tools > Pro Web Widget.
Under Settings, paste the Webhook URL into the External API endpoint field.
Determine Data Structure
Connect to Email Marketing Tool
Information received at the endpoint
Whatever URL has been as in the External Endpoint field will receive an object similar to this one:
{
name: 'Ra Uru Hu',
email: '[email protected]',
birthTimeLocal: '1948-04-09T00:05:00',
birthTimeUtc: '1948-04-09T05:05:00Z',
birthCountry: 'CA',
birthCity: 'Montréal (Quebec)',
birthCityTimezone: { id: 'America/Toronto', name: 'EDT', offset: -5 },
created: '2025-10-21T12:51:02Z',
chart: {
typeID: 2,
type: 'Manifestor',
profileID: 51,
profile: '5/1',
authorityID: 2,
authority: 'Splenic',
definitionID: 1,
definition: 'Single',
variableID: 4,
variable: 'PLR DLL',
crossID: 68,
cross: 'Left Angle Cross of The Clarion (51/57 | 61/62)'
}
}
This object needs to be parsed as JSON and the information be used as needed
