AnyMod keyboard_arrow_right

CMS example

Live edit any content

This page has 3 mods on the right:

  • Simple content
  • Parallax
  • Team section

All three are editable.

Use the pencil

Click the pencil, then click a mod to make edits.

When you view your page while logged into AnyMod, the pencil shows on the right side of the screen.

edit

See the code

Scroll to the bottom for the code.

Code

Copy and paste the AnyMod script and mod tags below into your HTML, and the mods will appear on your page.

Or download the file and open with your browser.

Download file cloud_download 
<html>

  <head>
    <title>AnyMod CMS example</title>

    <!-- AnyMod script -->
    <script id="AnyMod-script">
      (function (m,o,d,u,l,a,r,i,z,e) {
        u[m]={Project:o,rq:[],Opts:r,ready:function(j){u[m].rq.push(j)}};function j(s){return encodeURIComponent(btoa(s))};z=l.getElementById(m+'-'+a);r=u.location;
        e=[d+'/page/'+o+'/'+j(r.pathname)+'/'+j(r.host)+'?t='+Date.now(),d];e.map(function(w){i=l.createElement(a);i.defer=1;i.src=w;z.parentNode.insertBefore(i,z);});
      })('AnyMod','8PP6M2','https://cdn.anymod.com/v2',window,document,'script',{});
    </script>
    <!-- /AnyMod script -->
  </head>

  <body>

    <!-- Content section -->
    <div id="anymod-nbonb"></div>

    <!-- Parallax -->
    <div id="anymod-mkamo"></div>

    <!-- Team section -->
    <div id="anymod-dmkdn"></div>

  </body>
</html>