# ScriptEmbed™
***
## Overview
ScriptEmbed™ lets you load custom component scripts on your Webflow page by adding a single embed. It reads the component URL and name from the script tag's attributes, then adds the component script to the page — but only if it hasn't already been loaded. This helps avoid loading the same script multiple times when using the same component more than once.
### Features
* **Prevents duplicate loading** — Automatically checks if a component has already been loaded
* **Simple setup** — Add a single script embed to your Webflow project
* **Flexible loading** — Supports both external script URLs and inline template content
* **Zero dependencies** — Lightweight and fast-loading
* **Webflow-friendly** — Works seamlessly with Webflow's embed system
***
## Quick Start
### Option A: Self-Contained Embeds (Recommended for Webflow)
Each embed includes everything it needs — just copy/paste wherever you need a component:
```html
```
This is ideal when:
* You don't have access to global settings
* You want portable, self-contained embeds
* You're embedding components in a CMS or page builder
> **Note:** It's safe to include this on multiple components — the loader only runs once.
***
### Option B: Global Script + Lightweight Embeds
Add the loader once in your **global settings** (`` tag):
```html
```
Then use simpler embeds for each component:
```html
```
This is ideal when:
* You have access to global settings
* You prefer cleaner, shorter embed code
* You're managing a larger site with many components
***
**Both options work identically** — choose whichever fits your workflow best.
## Loading Components
Add component scripts anywhere on your page using either method below.
***
### Usage
#### Method 1: External Script URL
Add a `
```
#### Method 2: Inline Template
Use a `` element with the script content. **Recommended:** Wrap your JavaScript code in `
```
You can also put JavaScript directly in the template (without script tags), though formatting may not be preserved in Webflow:
```html
// Your component script code here
console.log('Component loaded!');
```
#### Attributes
* **`rd-component-name`** — Unique identifier for your component (required)
* **`rd-component-src`** — URL to the external component script (optional if using template)
**Note:** If you provide both `rd-component-src` and a matching ``, the external URL will be used.
***
### How It Works
1. On page load, the embed script scans for all `
```
This is especially useful when using the same component multiple times across different sections of your page.
***
## Support
Need help? Join our [Slack community](https://join.slack.com/t/rdcommunity/shared_invite/zt-2zser6sir-3CnFYB6gP4lvQsV2rY3wGw).
***
## Product Tracking
ScriptEmbed™ includes an extremely lightweight telemetry module that helps us understand product adoption patterns. This information allows us to focus our support efforts and prioritize product enhancements where they matter most.
**What We Track:**
* **Product Identifier**: The name of the product (e.g., "SCRIPT\_EMBED")
* **Domain**: The public hostname where the product is installed (e.g., "example.com")
**Privacy & Performance:**
* No cookies, fingerprinting, or personally identifiable information
* Only runs on live, public domains (never on localhost or development environments)
* Single lightweight request sent once per page load
* Data is aggregated for internal analytics only
* Not used for advertising, marketing, or tracking
***
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.reform.digital/script-embed.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.