> ## Documentation Index
> Fetch the complete documentation index at: https://docs.stigg.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Webflow, Wordpress and plain HTML SDK

## Overview

The Embed SDK is a Javascript library for presenting Stigg components in websites that are created using Webflow, Wordpress, or plain HTML.

Under the hood, the Embed SDK wraps the [React SDK](/api-and-sdks/integration/frontend/react) and allows you to inject the same components into your website without needing to include any additional frameworks.

## Installing the SDK

To include the Embed SDK in the page, you need to add the following `<script>` tag to the `<body> `element:

<CodeGroup>
  ```html html theme={null}
  <script src="https://assets.stigg.io/npm/@stigg/embed-sdk@<tag>/dist/embed-sdk.js"></script>
  ```
</CodeGroup>

<Note>
  Replace `<tag>` with the specific value of the latest published version as mentioned in the [Embed SDK change log](/api-and-sdks/changelog/frontend/embed)
</Note>

You also need to include the styles in the `<head>` tag:

<CodeGroup>
  ```html html theme={null}
  <link rel="stylesheet" href="https://assets.stigg.io/npm/@stigg/embed-sdk@<tag>/dist/embed-sdk.css" />
  ```
</CodeGroup>

<Note>
  Replace `<tag>` with the specific value of the latest published version as mentioned in the [Embed SDK change log](/api-and-sdks/changelog/frontend/embed)
</Note>

## Retrieving the publishable key

In the Stigg app, go to **Integrations > API keys**.

Copy the **Publishable key** of the relevant environment.

## Getting started

You'll need to initialize the Embed SDK with your API key. For the list of additional parameters that can be passed please refer to the React SDK's `<StiggProvider/>` component.

<CodeGroup>
  ```html html theme={null}
  <script>
    const stigg = Stigg({ apiKey: "YOUR-PUBLISHABLE-KEY" });
  </script>
  ```
</CodeGroup>

## Rendering widgets

[Pricing table](/documentation/snap-in-widgets/pricing-table)

[Allow customers to select the plan that that they'd like to subscribe to from your public pricing page or in-app paywall](/documentation/snap-in-widgets/pricing-table)

## Customization options

You can customize the paywall look and feel using the options that are supported by the React SDK. You can find more information about the options [here](/api-and-sdks/integration/frontend/react#customization-options).

## SDK changelog

<Card title="Embed SDK changelog" icon="list-timeline" horizontal href="/api-and-sdks/changelog/frontend/embed" />
