Content management (CMS)

How it works

Anymod lets you make any part of any website editable.

You can make your pages editable by moving static HTML content into a mod, which is editable through the Anymod dashboard or with a live, on-page editor.

When you add a mod with content to your page, it will look normal to visitors. For users on your team however, a pencil icon will appear on the right side of the page:

Clicking this pencil icon allows you or your team to select mods to edit:

Selecting a mod opens its content editor, which can be used to make live, realtime edits to content:

TIP

The three images above are actually mods: click the pencil edit on the right, then click an image to edit it.

Basic content

If you have text on your page that you want another user to be able to edit easily:

You can create or clone a basic mod with content and paste your content into the mod's content area.

Then replace the HTML on your page with the mod HTML:

<!-- REMOVE: Static content -->
<h2>Lorem ipsum dolor</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse imperdiet ex tellus, eu elementum lorem euismod quis.</p>
<!-- /REMOVE -->

<!-- ADD: Lorem ipsum text -->
<div id="anymod-nbdal"></div>
<!-- /ADD -->
1
2
3
4
5
6
7
8

Now when your page loads, content will be displayed as before but will be editable. Compare the before and after live demo to see the differences in content and code.

TIP

The textbox above is actually a mod: click the pencil edit on the right, then click the text box to edit it.

For more examples of how to make the content on your page editable, see Content management examples.

Complex content

Anymod can do much more than make basic text editable. You can build (or clone) mods to edit cards, images, events, colors, links, pricing, navigation and more.

Essentially any content or feature on a website can be made editable with Anymod.

The following example is a team page mod, with the live mod added to this page:

<!-- Team member cards -->
<div id="anymod-dmkdn"></div>
1
2

This mod is editable just like the basic content, with the on-page editor or via the Anymod dashboard:

Team members can be added and removed easily, or users can update their photos, bios, links, and more.

TIP

Click the pencil edit on the right, then click the team mod above to make edits.

Custom code

In addition to editing any mod's content, you can also optionally edit its code. This gives you full flexibility to extend mods to fit your exact needs.

TIP

See the team mod's code or read more about customizing mods.

Last Updated: 10/5/2018, 6:32:35 PM