Pricing Widget Integration Guide
Stykite’s pricing widget makes it easy to display pricing plans tailored to your customers’ location and preferences. This guide walks you through integrating the widget into your webpage in just a few simple steps.
First, add the Stykite widget script to your page. This script is required to load and render the widget properly.Place this script tag in the <head> section or before the closing <body> tag of your HTML page.
Next, include the following widget code where you want the pricing table to appear on your page:Key Attributes:#
company-id: Unique identifier for your company on Stykite. Replace COM-0JH29C70EQP2Q with your actual company ID if applicable.
country-id: Identifier for the country to localize the pricing. Replace CON-0AZZVPQHM475V with your target country’s ID.
customer-identifier: A unique identifier for the customer (e.g., their user ID).
widget-type: Specifies the widget type to render. Use PLAN_PREVIEW for the pricing table.
email: Pre-fill the customer’s email if available, or leave it blank.
mode: Choose between LIGHT or DARK mode for the widget theme.
api-key: Your Stykite API key for authentication. Replace WIDGET_API_KEY with your actual API key.
Example Integration#
Below is an example of how the complete integration might look in a simple HTML file:
Wrapping Up#
By following the steps above, you’ve successfully integrated the Stykite pricing widget into your webpage. This widget will dynamically display pricing plans based on your customer’s location and other settings, enhancing the user experience and improving conversion rates. Modified at 2025-02-05 05:37:00
