Skip to main content
Get your Webflow site connected to GoodCraft Script and deploy your first custom script.

​
Prerequisites

  • A Webflow site with at least a Basic hosting plan
  • A GoodCraft Script account

​
Step 1: Create your site

1

Sign in to GoodCraft Script

Go to script.goodcraft.io and sign in with your account.
2

Create a new site

Click New Site and enter your Webflow site’s URL (e.g., mysite.webflow.io or your custom domain).
3

Copy the loader script

After creating the site, you’ll see a loader script. Copy it to your clipboard.
<script src="https://script.goodcraft.io/api/loader/YOUR_SITE_ID.js" defer></script>

​
Step 2: Add the loader to Webflow

1

Open Webflow project settings

In Webflow, go to your project’s Settings > Custom Code.
2

Paste the loader script

Paste the loader script in the Head Code section.
Add the script to the Head Code, not Footer Code. This ensures scripts load at the right time.
3

Publish your site

Publish your Webflow site to apply the changes.

​
Step 3: Create your first script

1

Add a new script

In the GoodCraft Script dashboard, click New Script on your site.
2

Choose script type

Select JavaScript or CSS depending on what you want to add.
3

Write your code

Use the editor to write your custom code. For example, a simple console log:
console.log('GoodCraft Script is working!');
4

Save and test

Click Save and refresh your Webflow site. Check the browser console to see your message.
If you see your console message, everything is set up correctly.

​
Next steps

Now that you have GoodCraft Script running, explore these features:

Adding Scripts

Create and manage JavaScript and CSS.

Page Targeting

Load scripts only on specific pages.

Blocks & Kits

Create reusable components.

Git Integration

Sync your scripts with GitHub.