{"id":8371,"date":"2016-10-07T12:31:38","date_gmt":"2016-10-07T12:31:38","guid":{"rendered":"https:\/\/www.process.st\/templates\/ion-interactive-basics\/"},"modified":"2024-02-28T20:51:33","modified_gmt":"2024-02-28T20:51:33","slug":"ion-interactive-basics","status":"publish","type":"post","link":"https:\/\/www.process.st\/templates\/ion-interactive-basics\/","title":{"rendered":"ion Interactive basics"},"content":{"rendered":"
\n

Create first Creative <\/h2>\n
\n

1. Login on URL<\/strong>: https:\/\/avaus.postclickmarketing.com\/Admin\/Login<\/a><\/p>\n

2. Go to portfolios<\/strong><\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

3. Create your own Portoflio (client) \u2013 green plus or choose from existing ones.<\/strong><\/p>\n

4. Create your own Campaign (green plus) or choose from existing ones.<\/strong><\/p>\n

5. Create new Creative<\/strong><\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

6. Fill out Label, Description (optional) and choose Creative:<\/strong><\/p>\n

Quick starts \u2013 Already done examples which are provided from ion like: Assessment, calculators, landing pages. All are done with example content, logic, calculations<\/p>\n

Copy existing creative \u2013 You can easily copy any existing Creative from all Portfolios<\/p>\n

Start from scratch \u2013 Start from empty Project.<\/p>\n<\/p>\n

7. Start from scratch<\/strong><\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

8. Empty Creative is done<\/p>\n<\/p><\/div>\n<\/section>\n

\n

Adding content in new Creative (start from scratch) <\/h2>\n
\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

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

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.<\/p>\n

9. New page - creating<\/strong><\/p>\n

You can also choose from existing pages (from any Portfolio), quick starts or start from scratch<\/p>\n

10. New page (start from scratch) \u2013 editing<\/strong><\/p>\n

The main grid of every Page is very similar to well knowned grids like Foundation or Bootstrap. It\u2019s also 12 columns with standard break points (extra small, small, medium, large)<\/p>\n

Every visible elements you can drag & drop from Palette on the right.<\/p>\n

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.<\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

11. Editing single Element<\/strong><\/p>\n<\/p><\/div>\n

\n
\n <\/a>
\n <\/figure>\n<\/p><\/div>\n
\n

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:<\/p>\n