• veermanhas

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.

28 views0 comments