General usage

Installing a mod

To install a mod on your page, do the following:

  1. Add or clone the mod into your project
  2. Paste the Anymod script and mod tag to your HTML

Add or clone a mod

Each mod has a Clone button in the top corner. Clicking this button creates a copy of the mod in your project.

When a mod is in your project, it will have an Add to website button at the top next to the Clone button. Clicking this button gives instructions on how to add the mod to your web page:

Paste into your HTML

To make the mod show on your page, paste the mod tag into your HTML where you would like the mod to show:

<!-- Card with top image -->
<div id="anymod-ekaob"></div>
1
2

then paste the Anymod script once, just before the closing </head> tag:

<!-- Anymod -->
<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','XXXXXX','https://cdn.anymod.com/v2',window,document,'script',{});
</script>
<!-- /Anymod -->
1
2
3
4
5
6
7
8

Now when you load the page, the mod appears:

To add multiple mods to a page, paste each mod wherever you want:

<!-- Card with top image -->
<div id="anymod-ekaob"></div>
<br>
<!-- GitHub button -->
<div id="anymod-nbdal"></div>
1
2
3
4
5

TIP

Only add the Anymod script once, even if you have many mods on a page.

Editing a mod

There are two ways to edit a mod:

  • Edit content directly from your own web page; or
  • Edit content & code in the Anymod dashboard

Editing from your own page

When you are logged into Anymod and viewing your own web page, you will see a pencil icon on the right side of the page. Click this icon, then click a mod to make edits.

TIP

Try it: click the pencil edit on the right of this page, then click the above mod and make some edits.

Editing from the Anymod dashboard

To edit content from the Anymod dashboard, click the Content button at the top of a mod.

This will open the same interface as the on-page editor, and will allow you to make content edits.

To edit code from the Anymod dashboard, make changes to the HTML, CSS, or JS panels and then click Save at the top of the page.

TIP

Try it: click here to clone the above mod and start making edits.

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