Adding Editable Items

Add the class editable to all the elements on the page that you want to make editable.

HTML elements that are supported are: p, div, a, img, span, h1, h2, h3, h4, h5 and h6 tags

We also recommend giving each editable element a editable-label attribute with a unique value describing what the element's contents is, so they're easier to reference later

Example:

  <!-- Content in this element now editable in PageMagic -->
<p class="editable" editable-label="Company Phone number">
 Call us on: 604 828 6421
</p>

<!-- Image now editable in PageMagic -->
<img src="team.png" class="editable" editable-label="Team picture"/>

If you want to edit items that are repeated on many pages, see Adding global items