• Twitter Social Icon
  • product-hunt-logo-png-transparent
  • LinkedIn Social Icon

©2020 by Crumpled Papr

  • 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.

22 views