Paywall.js is a javascript utility that recognizes Data Tags and acts as the interface between the Superwall client SDK and the webpage presented to the user. It does a few fancy tricks to make the HTML feel native, but it's main purpose is to interpret user feedback and transmit information to and from the SDK. In addition, when you configure a paywall on the Superwall dashboard, the dashboard instantly recognizes the data tags you’ve provided. From there, you can edit the text of all tagged items.

To get your webpage to be operable with Superwall, you need to add the Paywall.js script to the header of your Webflow site.

To add custom scripts to a Webflow webpage you need to have a paid Webflow account. However, our clonable Webflow project already includes this script. Therefore, we recommend using the cloned project as the basis of your paywalls. In this project, we've also removed the Webflow watermark that is attached to all free Webflow webpages.

If you'd like to add this script yourself, open the Pages panel, select the cog wheel next to the page name, then scroll down to the Custom Code section. In the Inside head tag section, add the following code:

<script async src=""></script>


Do not remove async


ℹPaywall.js is available to Superwall customers subject to the terms of the subscription agreement between Superwall and the customer, and is not available as an open-source project.