Insert Text

The Insert Text node adds text content to webpages at specific locations, allowing you to create dynamic content updates, add annotations, or make interactive modifications. Think of it as a digital editor that can enhance any webpage with additional information.

This is perfect for adding helpful annotations, inserting real-time updates, providing form assistance, or enhancing content with additional context.

How it works

The node takes your text content and inserts it at a specific location on the webpage. You can choose to add text before, after, or inside any element on the page, making it perfect for enhancing existing content.

graph LR
  Text[Your Text] --> Insert{Insert Text}
  Insert --> Before[Before Element]
  Insert --> After[After Element]
  Insert --> Inside[Inside Element]
  style Insert fill:#6d28d9,stroke:#fff,color:#fff

Setup guide

1. Prepare Your Text: Write the content you want to add to the webpage.
2. Choose Target Location: Specify where on the page to insert the text using CSS selectors.
3. Set Insert Position: Decide whether to place text before, after, or inside the target element.
4. Run Insertion: The node adds your text to the specified location on the page.

Practical example: Content enhancement

Let’s add a verification badge to article headlines to indicate fact-checked content.

What you configure:

• Text: The words or message you want to add (e.g., ”✅ Fact-Checked Content”).
• Target: The part of the page to attach to (e.g., h1 for the main title).
• Position: Place it “after” the title.
• Styling: Optional design rules like “color: green” or “font-size: 14px”.

What happens:

• The text appears on the page instantly.
• The node confirms the update was successful.

Common settings

Setting	Purpose	When to Use
Before	Add text before the target element	For prefixes, warnings, or introductions
After	Add text after the target element	For badges, notes, or additional information
Inside	Add text inside the target element	For inline enhancements or replacements

Perfect for enhancement

This node is excellent for adding helpful context, verification badges, status updates, or any additional information that makes webpages more useful and informative.

Troubleshooting

• Text not appearing: Check that the target element exists on the page and the CSS selector is correct
• Text in wrong location: Try different position options (before, after, inside) or adjust the target selector
• Changes disappear: Text insertion is temporary and resets when you refresh the page - this is normal browser behavior