Create Next App

All Available URLs & Endpoints

Core URLs provided by your SwipeLoan deployment

Script Tag (CDN)

/embed.js

Client script that injects the floating launcher button and handles WhatsApp message animation & voice calls.

View

Iframe / Widget Route

/aanya/embed

The embeddable voice interface page designed to load seamlessly inside an iframe or standalone embed container.

Preview

Full Web Page

/talktoaanya

Complete dedicated landing page for Aanya with rich voice visualizer, eligibility disclosures, and direct audio session.

Visit Page

Method 1: 1-Line Embed Code (Recommended)

Easiest

Add the floating button and animated message pop-up to any website with a single line.

Copy the snippet below and paste it right before the closing </body> tag on your website or in your footer scripts.

<script src="https://ai.swipeloan.in/embed.js" async></script>

Optional Customization Attributes

You can configure position, labels, colors, and behavior directly on the script tag:

<script 
  src="https://ai.swipeloan.in/embed.js" 
  data-position="bottom-right" 
  data-label="Talk to Aanya" 
  data-subtitle="AI Loan Assistant" 
  data-color="#10B981" 
  data-auto-open="false" 
  async
></script>

Attribute	Default	Options	Description
data-position	"bottom-right"	"bottom-right" \| "bottom-left"	Screen corner placement
data-label	"Talk to Aanya"	Any string	Main title on launcher button
data-subtitle	"AI Loan Assistant"	Any string	Sub-headline on launcher button
data-color	"#10B981"	Hex color code	Primary brand accent color
data-theme	"dark"	"light" \| "dark"	Widget color theme (Light or Dark)
data-auto-open	"false"	"true" \| "false"	Auto-open call dialog on page load

Method 2: Inline Iframe Embed

Embed Aanya directly inside a specific container, card, or modal on your page.

<iframe
  src="https://ai.swipeloan.in/aanya/embed"
  allow="microphone; autoplay"
  style="width: 100%; height: 620px; border: none; border-radius: 20px; box-shadow: 0 12px 36px rgba(0,0,0,0.15);"
></iframe>

Note: Remember to keep allow="microphone; autoplay" so the browser allows the voice call permissions.

CMS & Framework Integration Steps

Step-by-step instructions for specific web platforms

WordPress

Install the free "Insert Headers and Footers" plugin (or edit footer.php).
Go to Settings ➔ Insert Headers and Footers.
Paste the <script src="https://ai.swipeloan.in/embed.js" async></script> in the Scripts in Footer box.
Click Save. The floating button is live immediately!

Shopify / Webflow

In Shopify, go to Online Store ➔ Themes ➔ Edit Code.
Open theme.liquid and scroll to the bottom.
Paste the script tag right above the closing </body> tag.
In Webflow, paste it into Project Settings ➔ Custom Code ➔ Footer Code.

Next.js / React

Use Next.js next/script in your root layout:

<Script src="https://ai.swipeloan.in/embed.js" strategy="lazyOnload" />

JavaScript API (Trigger from Custom Buttons)

Trigger Aanya from your own custom "Apply Now" or "Talk to Advisor" buttons

The embed script exposes the window.SwipeLoanAanya global object, allowing your custom buttons to open or close the voice agent:

// Open voice call widget programmatically
window.SwipeLoanAanya.open();

// Close voice call widget
window.SwipeLoanAanya.close();

// Check if currently open
if (window.SwipeLoanAanya.isOpen()) {
  console.log("Aanya call is active");
}

How to Add Aanya to Any Website