Hack for marketers to make changes to any webpage
What's the hack?
The guide allows you to edit any text on a webpage like a text document. Even this one.
What you can use it for?
It has multiple applications for marketers, web developers, and designers alike.
Edit content on existing websites to see how it would look without involving engineering or design.
You like a design and want to see how would your content would look on a page?
Edit a Forbes article to add your name to 30 under 30. ;)
How to do it?
It's too simple!
Step One: Go to the website
Step Two: Open Console on Chrome
Either Press "Command+Option+J" (Mac) or "Control+Shift+J" (Windows, Linux, Chrome OS) to jump straight into the Console panel.
Or right-click the element and select 'Inspect' then select 'Console'
Step Three: Type or copy and paste the command below
document.body.contentEditable = true
Step Four: Edit Away
Step Five: Replace images
Just replace the image URL by inspecting the image as shown below
Replace URL after src="Copied Image Address from LinkedIn or elsewhere">
Result: You are under Forbes 30 under 30.
Jokes aside, I use this functionality to quickly see how changed content would look. It helps me make faster decisions and reduces the number of iterations.