Set Up Postscript on a Non-Shopify Website (Headless Shop)

   Tip: Select any of the images or GIFs in this article for a closer look.

Shopify offers shops the ability to create their entire brand and shopping experience within Shopify--from About Us and Contact Us pages to product galleries and checkout. 

Some brands, however, choose to host the front end of their store separate from Shopify (e.g., WordPress, ClickFunnels, etc.). This type of shop is commonly referred to as a "headless shop."

In order for Postscript to work with these shops, it's important that the merchant adds the Postscript software development kit (SDK) to their shop's code.

About Postscript SDK


Our SDK code contains our desktop and mobile popups, our opt-in checkbox for checkout, and TCPA-compliant language.

In order for these items to display, you will need to include our SDK in the script for each page where an opt-in method will live or appear (e.g., popups, embedded forms, landing pages, checkout, etc.)

Add Postscript SDK


  1. Open the file that contains the code for the page where your popup, form, etc. will appear.
  2. Locate the <head> section. Beneath the <head> tag, paste the following code:
    <script async src="https://sdk.postscript.io/sdk.bundle.js?shopId=XXXX"></script>
  3. Replace XXXX with your Postscript Store ID. This ID is not your store name, but a numerical number.
  4. You can locate your store ID in your account settings. Select your Shop Name in the side menu of your Postscript dashboard, then select Settings.

Get Support


Have questions? Please feel free to reach out to our wonderful Support team at support@postscript.io or via live chat. You can also submit a support request here!

Need ongoing channel strategy guidance? Please fill out this form and we'll connect you to one of our certified partners.

Was this article helpful?
0 out of 0 found this helpful