Create your first snippet
- Open Orravo Core -> OCodeInsert
- Click + New Snippet
- Title it (for example, "Google Analytics 4")
- Pick the Type: HTML, JavaScript, or CSS
- Pick the Location: Site Head, Before Content, After Content, or Footer
- Paste your code into the CodeMirror editor
- Flip Activate this snippet on
- Save Snippet
The snippet appears in the chosen location on every page that matches your targeting rules.
Snippet types
| Type | Label | Auto-wrap |
|---|---|---|
html | HTML | None - raw output |
js | JavaScript | Wraps in <script>...</script> unless already present |
css | CSS | Wraps in <style>...</style> unless already present |
Type drives syntax highlighting and the auto-wrap logic. It does not change where the snippet fires; that is Location.
Injection locations
| Location key | WordPress hook | Notes |
|---|---|---|
head | wp_head (priority 1) | Analytics, tracking, preconnect |
before_content | the_content filter | Singular templates only |
after_content | the_content filter | Singular templates only |
footer | wp_footer (priority 1) | Chat widgets, deferred scripts |
If the theme bypasses the_content, OCodeInsert ships a JS fallback via wp_footer that injects into the article body.