2D Site Templates

Overview

2D site templates are images that you upload, then add "zones" on top of the image to be used as linkable buttons, images, embedded videos, badge scans or message icons.

In this article:

1. Log into the site
2. Go to your Dashboard
3. Go to 2D Templates
4. Add a new template
5. Create interactive zones

---

Step-by-Step Walkthrough

Step 1 - Log into the site

Find the “Login” button in the upper right-hand corner of the site’s homepage or login directly from the site’s login screen.

Step 2 - Go to your dashboard

If you are not taken to your dashboard after logging in, click your name and then "My Dashboard" in the upper right-hand corner of the site.

Step 3 - Go to 2D Templates

From your dashboard, select "Pages" and then "2D Templates" from the left side navigation.

Step 4 - Add a new template

In the table, you can view existing templates and click "Options" to create a template copy, edit, or delete them. To add a new template click the "Add New Template" button.

Enter a name for your template and upload the image you would like to use. 

Step 5 - Create interactive Zones

• Put your cursor over the image and click and drag to a "Zone". Use the grids to guide you.
• Designate the purpose of each zone by clicking the 'Zone Settings' cogwheel icon in the bottom left of the zone.
  • Button, Image or Video 
    • Button  - select a color and enter text, then link the button.
    • Image - upload a graphic file and link the image.
    • Video  - add a link to a video hosted on Vimeo or YouTube.

• Use the Copy feature to make an exact duplicate of a zone.

Step 6- Save the template.