Skip to main content

Pro Web Widget API Integration Guide

Updated over 2 months ago

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

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

  1. Create a Zapier Account

  2. Create a New Zap

    • Once logged in, create a new ‘Zap’.

  3. Set Up the Trigger

    • Click on the ‘Trigger’ button and select ‘Webhooks by Zapier’.

    • Copy the automatically created webhook URL.

  4. 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.

  5. Connect to Email Marketing Provider

    • Back in Zapier, define the action to connect the webhook to your email marketing provider.

    • Choose your email marketing tool (e.g., Mailchimp, Constant Contact).

  6. Test the Integration

    • Trigger a chart creation on your website to ensure data is sent correctly.

Option #2: Using Make

  1. Create a Make Account

  2. Create a New Scenario

    • Once logged in, create a new ‘Scenario’.

  3. Set Up the Webhook

    • Choose ‘Webhooks’ and then select ‘Custom webhook’.

    • Copy the provided webhook URL.

  4. 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.

      1. imagaae.png
  5. Determine Data Structure

    • Back in Make, click ‘Determine data structure’ and trigger data collection from your website.

  6. Connect to Email Marketing Tool

    • Link the webhook to your chosen 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

Did this answer your question?