Skip to content

FRS Mortgage Calculator

Version: 1.0.1 Repository: derintolu/frs-mortgage-calculator

Embeddable mortgage calculator widget with lead capture - can be shared on external websites.

Features

Implemented

FeatureDescription
Calculator WidgetMortgage payment calculation
EmbeddableCan be embedded on external sites
Lead CaptureCollect user information
CORS SupportCross-origin resource sharing for external embedding
ES ModulesModern JavaScript module support

Shortcodes

ShortcodeDescription
[frs_mortgage_calculator]Render the calculator widget
[frs_mortgage_calculator_embed]Get embed code for external sites

External Embedding

The calculator supports embedding on external websites with CORS headers enabled:

html
<!-- Embed code for external sites -->
<script type="module" src="https://myhub21.com/wp-content/plugins/frs-mortgage-calculator/assets/dist/widget.js"></script>
<div id="frs-mortgage-calculator"></div>

REST API

CORS-enabled endpoints for widget data.

Headers:

  • Access-Control-Allow-Origin: *
  • Access-Control-Allow-Methods: GET, POST, OPTIONS
  • Access-Control-Allow-Headers: Content-Type, X-WP-Nonce

File Structure

frs-mortgage-calculator/
├── frs-mortgage-calculator.php   # Main plugin file
├── includes/                     # PHP classes
└── assets/
    └── dist/
        ├── widget.js             # Compiled widget
        └── manifest.json         # Asset manifest

Hub21 Platform Documentation