Supported Platforms

Campaign Studio works with any website. Here’s how to add the script snippet to popular platforms. Your script snippet looks like this:

<script
  src="https://www.buildable.app/js/script.js"
  data-site-id="YOUR_SITE_ID"
></script>

Replace YOUR_SITE_ID with the actual site ID from your Campaign Studio dashboard.

Shopify

Go to your Shopify admin

Navigate to Online Store > Themes.

Edit code

Click Actions > Edit code on your active theme.

Open theme.liquid

In the Layout folder, open theme.liquid.

Paste the script

Add the script snippet just before the closing </head> tag. Click Save.

WordPress

Install a header script plugin

Install a plugin like Insert Headers and Footers (by WPCode) from the WordPress plugin directory.

Add the script

Go to Settings > WPCode (or your header plugin’s settings). Paste the script snippet into the Header section. Click Save.

Alternatively, add the script directly to your theme’s header.php or functions.php:

function add_buildable_script() {
    echo '<script src="https://www.buildable.app/js/script.js" data-site-id="YOUR_SITE_ID"></script>';
}
add_action('wp_head', 'add_buildable_script');

Webflow

Open Project Settings

In your Webflow project, go to Project Settings > Custom Code.

Add to Head Code

Paste the script snippet into the Head Code section. Click Save Changes.

Publish

Publish your site for the changes to take effect.

Squarespace

Open Code Injection

Go to Settings > Advanced > Code Injection.

Add to Header

Paste the script snippet into the Header field. Click Save.

Wix

Open Wix Dashboard

Go to Settings > Custom Code (or use Velo by Wix).

Add custom code

Click Add Custom Code, paste the script, set it to load in the Head on All pages. Click Apply.

Next.js

Add the script to your root layout file:

// app/layout.tsx
import Script from 'next/script';

export default function RootLayout({ children }) {
  return (
    <html>
      <head />
      <body>
        {children}
        <Script
          src="https://www.buildable.app/js/script.js"
          data-site-id="YOUR_SITE_ID"
          strategy="afterInteractive"
        />
      </body>
    </html>
  );
}

React (Create React App / Vite)

Add the script to your index.html:

<!-- public/index.html or index.html -->
<head>
  <!-- other tags -->
  <script
    src="https://www.buildable.app/js/script.js"
    data-site-id="YOUR_SITE_ID"
  ></script>
</head>

Static HTML

Add the script to your HTML file’s <head> section:

<!DOCTYPE html>
<html>
<head>
  <script
    src="https://www.buildable.app/js/script.js"
    data-site-id="YOUR_SITE_ID"
  ></script>
</head>
<body>
  <!-- your content -->
</body>
</html>

After installing the script, go back to your Campaign Studio dashboard to verify the connection. Buildable will confirm once it detects the script on your site.

Getting Started

Prototyping

Campaign Studio

Developer Guides

Supported Platforms

Supported Platforms

Shopify

WordPress

Webflow

Squarespace

Wix

Next.js

React (Create React App / Vite)

Static HTML

​Supported Platforms

​Shopify

​WordPress

​Webflow

​Squarespace

​Wix

​Next.js

​React (Create React App / Vite)

​Static HTML

Supported Platforms

Shopify

WordPress

Webflow

Squarespace

Wix

Next.js

React (Create React App / Vite)

Static HTML