Skip to main content
Your site, your code.Rocket builds your site, but it does not lock you in. Want a specific UI component you found online? A form embed? An analytics script? A custom animation library? Just ask in chat and Rocket integrates it into your project.You need an existing Rocket project. Don’t have one yet? Create one to get started.

​
What you can add

Anything that runs on the web can be added to your Rocket site:

UI components

External component libraries, custom widgets, carousels, accordions, or any HTML/CSS/JS snippet you find online.

Embeds

Forms (Typeform, Tally), calendars (Calendly), maps, social feeds, video players, or any embed code.

Scripts and tracking

Analytics (Google Analytics, Mixpanel), tracking pixels (Facebook, LinkedIn), session recording (Hotjar, Clarity).

Styles and fonts

Custom CSS, Google Fonts, icon libraries, animation frameworks, or brand-specific style overrides.

Chat and support

Live chat widgets (Intercom, Drift, Crisp), help desk embeds, or feedback tools.

Anything else

If it works in a browser, Rocket can add it to your site. Just paste the code in chat.

​
How it works

Custom code is added through chat. Describe what you want or paste the code directly, and Rocket handles placement and integration. Describe what you want - you do not need to have the code ready:
  • “Add a sticky contact form to the bottom of my homepage”
  • “Embed a Calendly booking widget on my services page”
  • “I want a cookie consent banner that matches my site design”
  • “Add a testimonial carousel using Swiper.js”
Paste code directly - have a snippet from a third-party tool? Paste it in chat:
  • “Add this Google Analytics script to every page”
  • “Put this Typeform embed on my contact page”
  • “Inject this CSS to override the default heading font”
Target specific pages - not everything needs to run everywhere:
  • “Add this conversion pixel only to my thank-you page”
  • “Load this heavy library only on the dashboard”
  • “Add this A/B test script to my landing page only”
This keeps your site fast by loading code only where it is needed.

​
Where code gets placed

Depending on what you are adding, Rocket places code in the right location:
LocationWhen it is usedExamples
Page headCode that needs to load before the page rendersMeta tags, font imports, tracking pixels
Page bodyVisible components and embedsForm embeds, widgets, UI components
Page footerCode that should load after contentAnalytics scripts, chat widgets, performance tools
InlineCode tied to a specific element or sectionCustom styles on a button, event listeners on a form
You do not need to specify placement - Rocket determines the right location based on what the code does. You can override it if needed.

​
What is not supported

Custom code runs on the client side. The following require a backend and are not supported:
  • Webhook endpoints
  • Server-side environment variables
  • Server-side API routes
For backend functionality, check the APIs and databases page.

​
What’s next?

Integrations

Some tools have dedicated integrations that are easier than custom code.

APIs and databases

Need backend functionality? Connect APIs and databases to your project.

Add privacy compliance

Scripts you add may be subject to cookie consent rules.

Deploy to web

Publish your site with all custom code included.