Discussions
Eloqua's Tip Tuesday: Brand Your Eloqua Landing Page Browser Tabs
Welcome to “Tip Tuesday”! Each week we post interesting tips and tricks for Eloqua users, on Tuesdays. To see more Tip Tuesday posts, head here.
This week’s tip is brought to us from @Karen White-Oracle, Oracle Marketing Consulting Manager.
Did you know that you can brand your Landing Page Browser Tabs in the Design Editor?
For a good brand experience, it's a great idea to mirror what you do on your website within your marketing including your landing pages. In fact, you can even add a favicon (icon) in the browser tab to make it easy to recognize that it's content from your brand.
For example, without adding a favicon, your landing page tabs will look like the one on the left. On the right, you'll see an example with branding. You'll notice it's a better user experience linking Eloqua landing pages with your web pages.
Curious how to accomplish this in the Design Editor?
It's pretty straight forward to add a favicon image to your Eloqua Landing Pages! In fact, all you need to do is add the following Javascript in Landing Page Settings within the Code and Tracking area for the desired landing page.
Add the Javascript below into the Additional Javascript section and update with your Brand or Page Title and add the url to your desired favicon.
Here's the base code you can copy/paste and modify to add favicons to your Eloqua Landing Pages:
window.onload = function()
{ var title = document.createElement('title');
title.innerHTML = "[Brand Here/Page Title]"; document.getElementsByTagName('head')[0].appendChild(title);
var favicon = document.createElement('link'); favicon.type = 'image/x-icon'; favicon.rel = 'shortcut icon'; favicon.href='[IMAGE URL HERE]'; document.getElementsByTagName('head')[0].appendChild(favicon);};
Thanks for another great tip @Karen White-Oracle!
If you found this post interesting, you may also want to check out a previous tip we shared talking about how you can display your logo next to your email in the inbox!
Additional Resources:
- Eloqua Help Center: Landing Pages Overview
- Related Tip Tuesday Post: Display Your Logo Next to Your Email in the Inbox
- What's a Favicon?
Have an Eloqua tip you would like to share for a future “Tip Tuesday” post?
Drop me (@JodyMooney-Oracle) a message via Topliners with your tip including any relevant screenshots/links to help share your favorite tips with fellow Eloqua users. If your tip is selected, we’ll tag you in the post too!
Group Product Manager, CX - Marketing: Eloqua
Comments
-
Hi @JodyMooney-Oracle @Karen White-Oracle! Thanks for this tip!
Do you have any workaround for PDF files hosted in Eloqua? It's currently showing Oracle logo. We are using landing page to host PDF so that it shows our company logo but there could be limitations on mobile users. Maybe there's a different HTML code for landing page that hosts PDF that you can share? :)
Thank you!
Kat
-
@katp, I believe you would need to update the favicon on the subdomain that you use to host files uploaded to your Eloqua instance.
-
@User_NVFDK thanks for your suggestion. Can you share how to update the favicon on subdomain?
-
I was wrong. The Oracle Cloud Support document Favicon for Eloqua-Hosted Files (Doc ID 1965926.1) states the following:
Goal: When visiting the URL of any file that is uploaded into Eloqua, the browser displays a white image icon. Is there any way to configure this so that my company's favicon is used instead of the white image?
Solution: Unfortunately, at this time, Eloqua does not support custom or client-specific favicons. This also applies to clients who have purchased a Branding & Deliverability package. There is a Feature Request to allow for custom favicons, but there is no ETA for if or when this feature will be implemented.
It was last modified 28-Dec-2022, so I assume that is the most current advice unless @JodyMooney-Oracle or @Karen White-Oracle have an update.
