Can I add a favicon to an Eloqua responsive landing page?

Yes. You can add a favicon to an Eloqua responsive landing page by placing a Custom Code block at the top of the page and adding a link tag that points to your favicon file. This works in the drag and drop landing page builder even though there is no native favicon field.

How do I change the page title in the Eloqua drag and drop landing page builder?

To change the page title in the Eloqua responsive drag and drop builder, add a Custom Code block at the top of the layout and insert a title tag with your desired text. The browser will then use this as the tab title and SEO title.

Why does Eloqua not show favicon and title fields in the landing page builder?

The Eloqua responsive landing page builder focuses on visual layout and content rather than full head tag control. Favicon and title tags are not exposed in the UI, so if you want to control them you need to inject your own HTML using a Custom Code block.

Eloqua favicon and page title in responsive landing page builder

Why the favicon and page title matter in Eloqua landing pages

When Oracle released the responsive landing page builder it finally gave non technical users a way to build proper responsive landing pages in Eloqua. The drag and drop experience is clean, the HTML it outputs is solid and it is a huge improvement over the classic editor.

Out of the box though it still misses two very visible details:

there is no way to set the page title from the builder
there is no field for the favicon

Clients notice both immediately. The browser tab shows a generic title and a default icon, which looks unpolished compared to the main website.

Before we fix that, a quick reminder:

Page title is the text that appears in the browser tab and is still one of the core SEO signals.
Favicon is the small icon in the tab and bookmark list. It is a small thing but it is important for brand recognition and trust.

Quick disclaimer

I tested several suggested methods from Topliners and other posts. The more complex ones looked clever but did not work reliably with the responsive drag and drop builder.

The approach in this article is simple, easy to repeat for non technical users and is the only one I have found that works one hundred percent of the time.

Step 1 – Add a Custom Code block at the top of the page

Open your landing page in the responsive drag and drop builder. In the left panel, locate the Custom Code content type and drag it into the very top row of your layout.

Position matters. This block needs to be the first thing on the canvas so the browser sees the title and favicon tags early.

Step 2 – Open the Custom Code editor

Click into the Custom Code block you just placed. The builder will open a simple HTML editor for that block.

Everything you enter here is injected directly into the page. In this case we will use it only to define the title and favicon.

Step 3 – Paste in the title and favicon code

Now paste the following HTML into the Custom Code editor, then update the values for your page and brand.

<title>Your Page Title – Your Brand</title>
<link rel="shortcut icon" type="image/x-icon" href="https://your-domain.com/path/to/favicon.ico" />

Change Your Page Title – Your Brand to your actual landing page title and adjust the favicon URL to point at your hosted favicon file.

You can use an ICO, PNG or SVG. If you need to support older browsers and are not sure what your audience uses, stick with .ico.

Extras that most teams forget

While you are in the Custom Code block you can add a few more lines to make your landing pages behave more like your main site.

Multiple favicon sizes

Different browsers prefer different formats and sizes. You can safely include all of these.

<link rel="icon" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />

Apple touch icon

If people share your landing page or save it to their home screen on iOS, you can control the icon with this line.

<link rel="apple-touch-icon" href="/apple-touch-icon.png" />

Social share title (optional)

Eloqua does not give you fields for Open Graph tags in the responsive builder. If you want links to look better when shared on LinkedIn, Slack or Teams you can add this too.

<meta property="og:title" content="Your Page Title – Your Brand" />

Testing and practical tips

Publish the landing page, then open it in a fresh browser tab to confirm the title and favicon are correct.
Browsers cache favicons quite aggressively. If you do not see changes, try a private window or a different browser.
Standardise the pattern. For example: Campaign Name – Brand or Event Name | Brand.
Build the Custom Code block into your master template so marketers do not have to recreate it from scratch every time.

Conclusion

The responsive landing page builder in Eloqua is a big step forward, but it still needs a little help to feel like part of a modern site. A single Custom Code block at the top of the layout is enough to give you control over the page title and favicon.

Once this is baked into your templates, every drag and drop landing page can carry the right brand identity and a clean SEO friendly title without marketing users needing to know any HTML.

Need help modernising your Eloqua landing page templates?

I work with teams who want their Eloqua landing pages to feel like part of a modern web stack. If you would like help standardising templates, adding tracking and sorting out governance, I am happy to take a look.

Add favicon and page title in the Eloqua responsive landing page builder