ion Interactive basics

Create first Creative

Adding content in new Creative (start from scratch)

Create first Creative

1. Login on URL: https://avaus.postclickmarketing.com/Admin/Login

2. Go to portfolios

3. Create your own Portoflio (client) – green plus or choose from existing ones.

4. Create your own Campaign (green plus) or choose from existing ones.

5. Create new Creative

6. Fill out Label, Description (optional) and choose Creative:

Quick starts – Already done examples which are provided from ion like: Assessment, calculators, landing pages. All are done with example content, logic, calculations

Copy existing creative – You can easily copy any existing Creative from all Portfolios

Start from scratch – Start from empty Project.

7. Start from scratch

8. Empty Creative is done

Adding content in new Creative (start from scratch)

You can choose from CSS Themes which should be created earlier (Advanced part) – you can change the Theme of Creative any time so you can see how your work looks in different styles.

To start with your Creative you have to add new Page. You can add as many pages as you want. But In general in most popular interactive Creatives there are 2: Main page and Result page.

9. New page - creating

You can also choose from existing pages (from any Portfolio), quick starts or start from scratch

10. New page (start from scratch) – editing

The main grid of every Page is very similar to well knowned grids like Foundation or Bootstrap. It’s also 12 columns with standard break points (extra small, small, medium, large)

Every visible elements you can drag & drop from Palette on the right.

The main element is always Container (or Sticky container) and you Can put inside it Grid or Responsive Grid. Every other not grid or container elements can be dropped inside Container or Column.

11. Editing single Element

To edit single element you need to just click on this element and then Edit menu on right will show up. You can find there:

Anchor – You can define name of anchor
ID – You can copy id of the element to use in your scripts or rules
Behaviors – Like scrolling to other part of page
Actions – Actions on click like scrolling, go to page etc.
Rules – Rules assigned to this element. Can be also done on Page Tab rules
Animations – Animate the element
Micro-themes – e.g. Dots menu for section slider

Styles - You can define here custom style of the element using ion interface, editing your own CSS styles or adding CSS class. Very useful is Show & Hide section where you can decide when this element will be shown e.g. when some score is higher than X.

12. List & Page