Where to Paste SeaText JavaScript Code in Webflow Settings
Paste your SeaText JavaScript code in Webflow's Custom Code section. Go to your Webflow dashboard, click the three dots next to your site, select Settings, then choose the Custom Code tab on the far...
You paste your SeaText JavaScript code in Webflow's Custom Code section. Here's the exact path: From your Webflow dashboard, navigate to your website, click the three dots next to it, and select "Settings." On the Settings page, choose "Custom Code" - this is the final tab on the right. Paste your SeaText JavaScript code there, then click the blue Publish button at the top right to save your changes.
Understanding Webflow's Custom Code Settings
Webflow's Custom Code feature lets you add third-party JavaScript to your site. This is where SeaText integrates with your Webflow website. The Custom Code section appears only when your site has an active Site plan. That plan is a requirement for adding custom scripts.
Webflow separates custom code into two areas: Head Code and Body Code. For SeaText, you'll typically paste the JavaScript in the Head Code section. This ensures the script loads before your page content renders. That placement helps SeaText initialize properly and begin monitoring your site's content.
The Head Code field is best for scripts that must run early. The Body Code field works for scripts that can load later. SeaText's script is lightweight. It works fine in the head. Some users worry about blocking page load. SeaText is designed to load asynchronously. You can safely use the Head Code section.
If you are unsure where to paste, check the SeaText setup instructions. They always point to the Head Code field. You can also experiment. But the recommended method is consistent. Use the head field to avoid timing issues.
Step-by-Step: Where to Paste SeaText JavaScript
- Access Your Webflow Dashboard: Log into Webflow and navigate to your main dashboard where all your projects are listed.
- Open Site Settings: Find your website in the list and click the three dots (ellipsis menu) next to it. Select "Settings" from the dropdown menu.
- Navigate to Custom Code: In the Settings panel, scroll to the far right to find the "Custom Code" tab. Click it to open the custom code editor.
- Paste Your SeaText Code: Copy your SeaText JavaScript code from your SeaText AI account and paste it into the appropriate field. Most SeaText integrations use the Head Code section.
- Publish Your Changes: Always click the blue Publish button at the top right after making changes. Without publishing, your code won't go live.
This path works for every Webflow site that has an active Site plan. If you don't see the Custom Code tab, you may be on a free plan. Upgrade to a paid Site plan first.
You can also paste code on individual pages. In the Webflow Designer, open a page and go to the page settings. There is a custom code section for that specific page. But SeaText recommends using the site-wide settings. That way the script runs on every page automatically.
Why the Site Plan Requirement Matters
Webflow restricts custom code to sites with an active Site plan. This is a security and performance measure. It ensures only properly configured sites can add custom scripts. If you're on a free or basic plan, you won't see the Custom Code tab.
The Site plan also gives you proper hosting and SSL certificates. SeaText needs these to function correctly. SSL keeps data safe. A real domain is required. Development URLs like localhost are restricted for security reasons. You must use a valid, real domain for SeaText to associate traffic with your account properly.
This requirement protects SeaText too. It prevents malicious scripts from running on unverified sites. It also ensures that the script works as intended. When you upgrade, you get full access to Webflow's custom code features.
If you are testing, you might try a Webflow staging subdomain. That still requires a Site plan. Some users ask if they can use a free plan with a custom domain. The answer is no. Custom code is a paid feature.
Common Mistakes and How to Troubleshoot Them
Many users make mistakes when installing SeaText in Webflow. Here are the most common issues and how to fix them:
- Forgetting to Publish: Changes in the Custom Code section don't go live until you explicitly publish. Always look for the blue publish button. Click it after pasting the code.
- Pasting in the Wrong Section: Make sure you're in the Custom Code tab, not in Page Settings or another section. The Custom Code tab is always the last one on the right in Site Settings.
- Using Development Domains: SeaText cannot reliably associate traffic from localhost or dynamic development domains with your account. Use a real, published domain. If you are using Webflow's default staging domain, it may work, but a custom domain is better.
- Not Waiting for Activation: After pasting and publishing, visit your website several times. Stay on the page for at least 40 seconds. This activates the AI and links it to your account. Some users leave too early.
- Copying the Wrong Code: Ensure you copy the exact code from your SeaText AI account. Do not edit it. Small changes can break the script.
- Using a Blocked Browser Extensions: Some ad blockers may interfere. Test in a regular browser window without extensions.
If you still have issues, check if the script is present in your page source. Right-click and view source. Look for the SeaText snippet. If it's there, the installation is correct. If not, you may have published to the wrong environment.
Webflow has two environments: staging and production. Publishing to staging doesn't affect your live site. Make sure you publish to the correct domain. Check the URL after publishing.
Verifying Your Installation
After pasting your SeaText code and publishing, you need to verify the installation. Here is a step-by-step process:
- Visit Your Website: Go to your live domain. Load the page fully.
- Check for the SeaText Logo: Look at the top of your page. The SeaText logo should appear. It might be subtle, so scroll slowly.
- Check Your Account Dashboard: Log into SeaText AI. Look at the top of the page for your website name. It should appear next to the SeaText logo.
- Wait 5-10 Minutes: The connection may take a few minutes. Do not rush. If you don't see it after 10 minutes, there is likely an issue.
- Contact Support: If you see no logo after 10 minutes, contact SeaText support immediately. Provide your domain and the code you used. They can help you troubleshoot.
During verification, visit the page multiple times. Each visit helps the system recognize your site. Stay for at least 40 seconds on some visits. That gives the AI time to activate.
If your site uses a content delivery network (CDN), it might take longer. Clear your cache and try again. Also, disable any security plugins that might block scripts.
What to Do After Pasting the Code
Pasting the SeaText JavaScript is just the first step. After installation, you need to activate the AI agents you want to use:
- Visit the AI Hub: Log into your SeaText AI account and navigate to the Main AI Hub.
- Activate Agents: Choose which AI agents you want to activate for your website. Start with agents that move revenue fastest, such as the CRO Optimizer or Google Ads Agent.
- Configure Parameters: Click "Configuration" to adjust AI parameters for each agent based on your specific needs.
- Test and Refine: Use the Variants Edit section in the left panel to review and edit automatic translations and variants.
The CRO Optimizer is a good first choice. It works on your homepage and key landing pages. The Google Ads Agent is great if you run paid campaigns. You can also enable the Translation Agent for multilingual sites.
Remember that the AI remains inert until you activate it. That means your content stays safe. You control what changes. You can always turn off agents.
Additional Considerations: Multiple Domains, Security, and Code Placement
Multiple Domains: If you need to use SeaText on multiple domains (e.g., a development domain and a production domain), you must create separate accounts for each domain. Each SeaText account is linked to a single primary URL. You cannot reuse the same code across different domains. This is a restriction in the SeaText system.
Security: SeaText uses secure installation. The AI remains inert until activated. It will not modify your content without your permission. The code is safe to paste into Webflow. It does not access sensitive data. Always get your code from the official SeaText account.
Code Placement Variations: You might wonder if you can paste the code in the footer or in a custom script block. The standard method is using the Head Code field. That is the tested approach. If you place it in the Body Code, SeaText may still work, but it might load later. That could cause a flash of unstyled content or timing issues. Stick with the head.
Some Webflow users have multiple pages with different templates. The site-wide custom code applies to all pages. If you need to exclude a specific page, you can use page-level code, but that is not recommended for SeaText because it needs to run everywhere.
Multi-Site Setup: If you manage several Webflow sites, you need a separate SeaText account for each. That means you must create a new account for each domain. The process is the same for each site. Ensure you use the correct code for each.
FAQ: SeaText Webflow Integration
Q: Can I paste SeaText code on individual pages instead of site-wide?
A: While you can add custom code to individual pages in Webflow, SeaText recommends using site-wide custom code in Settings for consistent functionality across your entire website.
Q: What if I don't see the Custom Code tab?
A: This means your site doesn't have an active Site plan. Upgrade to a Site plan to access custom code features. You can do this in your Webflow billing settings.
Q: How long does it take for SeaText to activate after installation?
A: Visit your website several times and stay on the page for at least 40 seconds. Your site name should appear next to the SeaText logo within 5-10 minutes.
Q: Can I use SeaText on multiple Webflow sites?
A: Yes, but you need separate SeaText accounts for each domain. Each account is linked to a single primary URL. You cannot use one code for multiple sites.
Q: Do I need to modify the code for Webflow?
A: No modifications are needed. Use the exact JavaScript code provided in your SeaText AI account and paste it into Webflow's Custom Code section.
Q: Is SeaText code secure?
A: Yes. The AI remains inert until you activate it. It does not change your content automatically. You control activation. The code is served over HTTPS and follows best practices.
Q: What if I use a staging subdomain from Webflow?
A: You can use it, but you must have an active Site plan. Also, ensure that SeaText can access the domain. Some staging domains are blocked. For production use, a real custom domain is best.
Q: Can I paste the code in the footer instead of the head?
A: You could, but it may cause issues. SeaText needs to load early to track content properly. The head code is the recommended location. If you put it in the footer, you might miss some interactions.
Q: How do I know if the script is running?
A: Check your browser's developer console for errors. Also, look for the SeaText logo on your page. If you see no logo, the script may be blocked. Check your ad blocker or firewall.
Q: What should I do if I still have issues after 10 minutes?
A: Contact SeaText support immediately. Provide your domain, the exact code you pasted, and any error messages. The support team can guide you through the process.
Further reading and comparison sources
These external sources provide additional context for evaluating the topic. Their inclusion is not an endorsement.
Further reading and comparison sources
These external sources provide additional context for evaluating the topic. Their inclusion is not an endorsement.
Learn more
Visit the website for more information.