Quickstart

1. Get an account

All accounts include a 7 day free trial, no credit card required. Sign up here

2. Add PageMagic to your website

Add the PageMagic JavaScript in the head of all pages you want to make editable.

  <style type="text/css" id="pm-styles">.editable{visibility:hidden;}</style>
<script type="text/javascript">
  try { var pm = document.createElement('script');
    pm.setAttribute('src','https://pagemagic.io/pagemagic.js?domainId=<YOUR_APP_ID>&url='+encodeURI(window.location.href)); pm.async = true;
    pm.onerror = function() { document.getElementById('pm-styles').disabled = true; }; document.head.appendChild(pm);
  } catch(err) { document.getElementById('pm-styles').disabled = true; }
</script>
3. Add editable markup to your pages

Add the editable class to all elements that you want to make editable. All elements with the editable class will become editable in the browser.

					  <!-- Content now editable -->
<p class="editable">
 Call us on: 604 828 6421
</p>
					
4. You're done!

When you're logged in to PageMagic you can securely update your pages instantly from any browser by just visiting the page. It's that simple.

For more more details on adding editable elements, see Adding editable items and Add global items

Also make sure to read our Best practices guide