Stykite
  1. Customer Facing Widgets
Stykite
  • Introduction
  • Pre-requisites: Account & API Keys
  • Integration
    • Self-Serve Integration on your SaaS/AI App
    • Usage-Based Billing
    • Customer Facing Widgets
      • Pricing Widget Integration Guide
      • My Account Widget Integration
      • Subscribe Button
    • API Reference
      • Webhooks
        • Customer Subscription Status Update
        • Add-on Purchase Success
      • Usage
        • Send Usage
      • Customer
        • Create Customer with Auto Subscribe
        • Get Customer and Subscription Details
      • Subscription
        • Cancel Subscription
        • Update Subscription
  • Learning Stykite
    • Subscriptions & Plans
    • Add-ons
    • Pricing Versions
    • Manual Subscriptions & Exclusive Plans
    • Invoices
    • Payments
    • Sales Tax
    • Customers
    • Transactions & Refunds
    • Settings
  1. Customer Facing Widgets

My Account Widget Integration

Integrating the Stykite My Account Widget#

Stykite’s My Account widget allows customers to view and manage their account details seamlessly. Follow this guide to integrate the widget into your webpage quickly and efficiently.

Step 1: Include the Stykite Widget Script#

Start by adding the Stykite widget script to your page. This is necessary for the widget to load and function properly.
Include this script tag in the <head> section or just before the closing <body> tag of your HTML file.

Step 2: Add the My Account Widget#

Insert the following widget code into your webpage where you want the My Account section to appear:

Key Attributes:#

company-id: The unique identifier for your company on Stykite. Replace COM-0JH29C70EQP2Q with your actual company ID if necessary.
country-id: The identifier for the customer’s country to localize the widget. Replace CON-0AZZVPQHM475V with the correct country ID.
customer-identifier: A unique identifier for the customer (e.g., user ID).
widget-type: Specifies the widget type. Use MY_ACCOUNT for the account management section.
email: Optionally pre-fill the customer’s email address or leave it blank.
mode: Choose between LIGHT or DARK mode for the widget appearance.
api-key: Your Stykite API key for authentication. Replace WIDGET_API_KEY with your actual API key.
Add this code wherever you want the My Account widget to be displayed.

Example Integration#

Here’s an example of how to integrate the widget in a basic HTML file:

Wrapping Up#

With these steps, you’ve successfully integrated the Stykite My Account widget into your webpage. This widget provides a user-friendly way for customers to manage their account details, improving the overall customer experience.
For further customization or assistance, reach out to our support team at support@stykite.com
Happy integrating!
Modified at 2025-02-05 05:37:00
Previous
Pricing Widget Integration Guide
Next
Subscribe Button
Built with