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.

Place this snippet in the desired section of your page where you want the pricing table to appear.

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.

For additional customization or support, contact our support team at support@stykite.com

Happy integrating!

Pricing Widget Integration Guide

Integrating the Stykite Pricing Widget

Step 1: Include the Stykite Widget Script

Step 2: Add the Pricing Table Widget

Key Attributes:

Example Integration

Wrapping Up

Pricing Widget Integration Guide

Integrating the Stykite Pricing Widget#

Step 1: Include the Stykite Widget Script#

Step 2: Add the Pricing Table Widget#

Key Attributes:#

Example Integration#

Wrapping Up#

Integrating the Stykite Pricing Widget

Step 1: Include the Stykite Widget Script

Step 2: Add the Pricing Table Widget

Key Attributes:

Example Integration

Wrapping Up