Updating a Header Image with Pardot Made Easy
- April 7, 2021
- Cheshire Impact, Pardot Email Builder, Pardot Email Templates
Have you ever wanted a seamless way to update the header image on a landing page template in Pardot without having to deal with coding? The CSS is already standardized, but your team just needs an easy way to update the header image, so that it automatically adheres to the current styling in place. Jimmy Thavongsa, Senior Front End Developer at Cheshire Impact, has found a way.
Coding Behind the Scenes
Jimmy first put the header image of the landing page into an HTML class, so that he could use the attribute to access it via JavaScript to manipulate the element when the image is updated. By then targeting the image source URL, he injected it back into the header with JavaScript to create a piggy back effect.
Meanwhile, an interval update was set up in the background to check the header image code for any changes every millisecond, so that everything could be updated once a new image is selected.
Updating the Header Image with Pardot
For marketers to have an easy user interface that they were familiar with, Jimmy used the Pardot dialogue box, similar to the one from the Legacy Email Builder. From this box, users can update the image by uploading it from their device, selecting it from their library, or sharing the source URL.
As the code is already in place, once a new image is selected, it will automatically take on the styling of the CSS that has been standardized for that particular template. Transforming a task that may have been previously daunting, into a change that can be executed in seconds.
Innovation like this can be monumental for marketing teams. It makes updating assets in Pardot more scalable and allows for more members on the team, not just the ones with coding experience, to make quick changes so that time is maximized and operational costs are reduced. What is a task that has typically been a headache for your team? How could it be streamlined, so that your team can focus on driving results for the business?
You never know what is possible until someone is able to take a step back, consider a solution, and tinker with their proposed idea to see what happens. This can be a positive effect of working with a resource outside of the organization, because they are able to bring in such specialized expertise and ideas that have come from their experience of working with other businesses.
What other tasks such as updating the header image on a Pardot landing page can be made easy with a little time? Connect with your team and start brainstorming!
Pardot Experts Blog
We have categorized all the different Pardot articles by topics.
Pardot Topic Categories
- Account Based Marketing (ABM) (8)
- Business Units (13)
- ChatGPT / AI (3)
- Completion Actions (5)
- Connectors (10)
- Custom Redirects (4)
- Demand Generation (8)
- Dynamic Content (5)
- Einstein Features (11)
- Email Delivery (18)
- Email Open Rates (3)
- Pardot A/B Testing (2)
- Email Mailability (16)
- Do Not Email (1)
- Double Opt-in (2)
- Opt Out / Unsubscribe (14)
- Email Preferences Page (6)
- Engagement Studio (14)
- Industries (1)
- Non Profit (1)
- Landing Pages (10)
- Lead Generation (1)
- Lead Management (12)
- Lead Routing (2)
- Lead Scoring (15)
- Leads (3)
- Marketing Analytics – B2BMA (9)
- Marketing Automation (1)
- Marketing Cloud (2)
- Marketing Cloud Account Engagement (4)
- New Pardot Features (6)
- Opportunities (2)
- Optimization (3)
- Pardot Admin (62)
- Duplicates (1)
- Marketing Ops (1)
- Pardot Alerts (1)
- Pardot API (2)
- Pardot Automations (3)
- Pardot Careers (12)
- Pardot Certifications (4)
- Pardot Consulting (1)
- Pardot Cookies (3)
- Pardot Custom Objects (3)
- Pardot Email Builder (7)
- Pardot Email Templates (9)
- HML (6)
- Pardot Events (16)
- Pardot External Actions (1)
- Pardot External Activities (4)
- Pardot Forms (27)
- Form Handlers (7)
- Pardot Integrations (21)
- Data Cloud (1)
- Slack (1)
- Pardot Lead Grading (5)
- Pardot Lead Source (2)
- Pardot Lightning (1)
- Pardot Migration (1)
- Pardot Nurture / Drip Campaigns (1)
- Pardot Personalization (3)
- Pardot Profiles (1)
- Pardot Releases (19)
- Pardot Sandboxes (2)
- Pardot Segmentation (4)
- Pardot Strategy (7)
- Pardot Sync (2)
- Pardot Sync Errors (1)
- Pardot Tracker Domains (5)
- Pardot Training (3)
- Pardot Vs Other MAPs (4)
- Pardot Website Tracking (2)
- Reporting (22)
- Salesforce and Pardot (29)
- Marketing Data Sharing (2)
- Pardot Users (3)
- Salesforce Automation (4)
- Salesforce Flows (1)
- Salesforce Campaigns (20)
- Salesforce CRM (3)
- Record Types (1)
- Salesforce Engage (3)
- Salesforce Queues (2)
- Security and Privacy (1)
- Tags (3)
- The Authors (483)
- Cheshire Impact (9)
- Greenkey Digital (47)
- Invado Solutions (37)
- Jenna Molby (9)
- Marcloud Consulting (6)
- Nebula Consulting (53)
- Pardot Geeks (38)
- Salesforce Ben | The Drip (235)
- SalesLabX (2)
- Slalom (2)
- Unfettered Marketing (45)
- Uncategorized (1)
- Website Tracking (2)
- Website Search (1)
More Pardot Articles
See all posts
