How do I embed a custom widget into my Shopify theme?

Steps to embed a custom widget

To add a custom widget to your Shopify theme, start by opening your theme editor in the Shopify admin. Then navigate to "Online Store" > "Themes," then click "Actions" > "Edit code." Locate the section or template where you want the widget (like theme.liquid or a specific product template). Paste your widget's HTML, CSS, or JavaScript code there, save it, and you're done. Once done, preview changes before publishing to ensure everything works smoothly.

About this company

Fibr AI was founded in 2022 to solve the disconnect between hyper-targeted marketing channels (ads, email, search) and static website experiences. The platform combines software infrastructure, AI agents, and human-in-the-loop oversight to create personalized, dynamic web experiences at scale. It enables marketers to build AI-driven landing pages, run continuous experimentation, and personalize experiences based on ads, location, device, behavior, CDP/CRM data, and LLM-sourced traffic. The company is headquartered in Delaware, USA.

Founded 2022. Headquartered in Delaware, USA.

Target customers:

Products

Trust & authority

Named customers

Security & compliance

Backed by leaders from

Integrations

Links

Legal

Pricing

Company

Product & resources

Frequently asked questions

What is Fibr AI?
Fibr AI is an Agentic Web Experience Platform that transforms website URLs into intelligent, adaptive agents. Each page senses visitor intent, makes decisions, and reshapes itself in real time to deliver personalized web experiences.
When was Fibr AI founded?
Fibr AI was founded in 2022.
Where is Fibr AI headquartered?
Fibr AI is headquartered in Delaware, USA.
Who is Fibr AI built for?
Fibr AI is built for enterprises looking to personalize at scale, growing businesses starting their web optimization journey, and agencies or marketing affiliates looking to optimize websites for their clients.
What problem does Fibr AI solve?
Fibr AI addresses the disconnect where ads, email, and search are hyper-targeted and AI-powered, but website visitors land on the same static page regardless of where they came from. Fibr makes the website itself as intelligent and context-aware as the marketing channels driving traffic to it.
How does Fibr AI personalize web experiences?
Fibr AI uses AI agents combined with human oversight to detect visitor signals, decode intent, and rewrite page experiences in real time. Personalization can be based on ads, location, device, browser, behavioral signals, visit frequency, LLM-sourced traffic, CDP data, CRM data, and custom audiences.
What results does Fibr AI claim to deliver?
Fibr AI claims results including +28% higher ROI from AI-driven personalization, +30% lower customer acquisition cost (CAC) from intent-based targeting, and 4X more leads from personalizing experiences at scale.
What are the pricing plans offered by Fibr AI?
Fibr AI offers three plans: a Starter Plan for growing businesses (up to 1,000 experiences), an Enterprise Plan for large organizations requiring unlimited visitor sessions and unlimited domains/URLs, and an Agency Plan for agencies and marketing affiliates covering 10,000 monthly visitor sessions and 5 unique URLs.
What features are included in the Enterprise plan?
The Enterprise plan includes Web-Journey Personalization, LLM-Traffic Personalization, AI Landing Page Creator, Customized Agentic Workflows, White-Glove Assistance, CDP/CRM and Analytics integration, On-Brand Agent Training, and 24/7 Dedicated Support with unlimited visitor sessions and unlimited domains and URLs.
What security and compliance certifications does Fibr AI have?
Fibr AI states alignment with SOC 2, ISO 27001, GDPR, and CCPA standards.
What integrations does Fibr AI support?
Fibr AI integrates with CDP (Customer Data Platform), CRM systems, and analytics platforms.
Does Fibr AI support A/B testing and experimentation?
Yes. Fibr AI includes an Experimentation Suite that provides AI-powered hypothesis creation, automated variant creation, audience-based experimentation, statistical significance monitoring, traffic allocation setup, and continuous learning and iteration.
How does Fibr AI handle AI ethics and human oversight?
Fibr AI states that its agents adapt experiences without manipulating them, and that it prioritizes transparency, security, and human oversight at every layer. The platform operates with a 'humans-in-the-loop' model where human allies guide strategy, brand alignment, and key decisions.
How do I get started with Fibr AI?
Fibr AI directs prospective customers to book a demo to get started.
How do I open the code editor for my Shopify theme?
In the Shopify admin, navigate to "Online Store" > "Themes," then click "Actions" > "Edit code" to open the theme code editor.
Which file should I edit to add a widget to all pages in my Shopify store?
To add a widget site-wide, locate and edit the theme.liquid file, which applies to all pages. For a widget on a specific page type, edit the relevant product or page template instead.
What types of code can I paste when embedding a custom widget in Shopify?
You can paste HTML, CSS, or JavaScript code for your custom widget into the appropriate section or template file in the Shopify theme editor.
Should I preview my Shopify theme after adding a custom widget?
Yes. You should preview changes before publishing to ensure everything works smoothly after adding the widget code.

Sources