After product activation, you will see this image:
You will notice a new addition: the CSS Hero logo (or, in versions before v4, “an Edit with CSS Hero” link), appearing both in the frontend and in the /wp-admin/ backend, in the WordPress administration bar [on top of your pages]
Clicking the CSS Hero logo will launch the CSS Hero editor on that page.
ALTERNATIVELY: Should you have hidden the wp admin bar from your frontend, [it’s a user preference], remember that:
- You can launch CSS Hero from the /wp-admin/ as well,
- …and inside the editor just switch from Edit to Navigate mode (top bar) – so you can use your site links to reach the page you want to edit, like normally browsing the site
- You can launch CSS Hero from the page editing screen – and you will directly edit THAT page
- You can manually launch CSS Hero on any site page just adding
to the browser URL.
For example, while visiting a page with an URL like https://www.mysite.com/my-page/
you can start editing that page opening the URL: https://www.mysite.com/my-page/?csshero_action=edit_page