Setting Up

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>

PageMagic JavaScript is loaded asynchronously so it doesn't slow down your page loads. All the Javascript and your content is served in one minified and cached file for the best performance.

3. Add editable items:

Once you've got this set up, start adding editable items to your pages

Also make sure to read our best practices guide