{"id":2963,"date":"2023-05-27T22:17:22","date_gmt":"2023-05-27T22:17:22","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/uncategorized\/how-to-create-edit-pages-and-creatives\/"},"modified":"2025-01-13T11:31:45","modified_gmt":"2025-01-13T11:31:45","slug":"how-to-create-edit-pages-and-creatives","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/how-to-create-edit-pages-and-creatives\/","title":{"rendered":"How to Create &amp; Edit Pages and Creatives"},"content":{"rendered":"<p>These creatives will give you a big head start when building your landing experiences, by giving you a designed layout based on best practices that can then be modified to meet your specific design needs, and quickly taken live.<\/p>\n<p>This collection of high-performance creatives are organized into categories that group them together by experience type. For example, you have &#8220;Landing Pages,\u201d \u201cQuizzes,\u201d and \u201ceBooks\u201d categories, to name a few.<\/p>\n<p>We encourage you to experiment with your Quick Starts! A great way to get started is to use Quick Starts as a jumping-off point to build your own creatives. With a few updates, you should be ready to go live in no time!<\/p>\n<p>You will also want to check back in the Quick Start Cloud regularly, as we are always adding new creatives and ideas for you to use as inspiration for your own campaign pages!<\/p>\n<p>*If you have any questions around the Quick Start Cloud, feel free to reach out to your Account Manager for support.<\/p>\n<h3>Create a Campaign<\/h3>\n<p>You can add creatives to existing campaigns or create a new one. Simply click the campaign name to access an existing campaign, or click the green plus sign within your portfolio to add a new campaign. When adding a new campaign, you can follow these simple steps.<\/p>\n<ol>\n<li>Name the campaign<\/li>\n<li>Enter the fallback URL\u2014this is where users will be directed if your campaign ever closes, usually your company\u2019s home page.<\/li>\n<li>Add campaign-wide scripts (optional)\u2014if you have a third-party code you want placed on every page in your campaign, you can\u00a0add it to either the &lt;\/head&gt; or &lt;\/body&gt; tags using the available dropdown menus.<\/li>\n<li>Save<\/li>\n<\/ol>\n<h3>Add a Creative<\/h3>\n<p>To get started using a Quick Start, navigate into a campaign and click the blue &#8220;New Creative&#8221; button to add a new creative.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-6394\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.16.54-PM-copy-1024x509.png\" alt=\"\" width=\"1024\" height=\"509\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.16.54-PM-copy-1024x509.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.16.54-PM-copy-300x149.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.16.54-PM-copy-768x382.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.16.54-PM-copy-1536x763.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.16.54-PM-copy-585x291.png 585w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.16.54-PM-copy.png 1644w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>You will be redirected to our templates gallery. Here you can browse different templates that are included in your console. On the left navigation, the templates are divided into full-page experiences or micro-experiences.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-6395\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.31.24-PM-1024x538.png\" alt=\"\" width=\"1024\" height=\"538\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.31.24-PM-1024x538.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.31.24-PM-300x158.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.31.24-PM-768x403.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.31.24-PM-1536x807.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.31.24-PM-585x307.png 585w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.31.24-PM.png 1622w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Hover over the thumbnails to preview the template or select it to be copied into your console.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6396\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.33.39-PM.png\" alt=\"\" width=\"851\" height=\"717\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.33.39-PM.png 851w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.33.39-PM-300x253.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.33.39-PM-768x647.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.33.39-PM-585x493.png 585w\" sizes=\"auto, (max-width: 851px) 100vw, 851px\" \/><\/p>\n<p>In preview, you can see what the live experience will look like. You can press the return button at the bottom left to return to the ion templates gallery or click on select template to copy this into your campaign.<br \/>\nAfter you have selected your template, give the creative a name, description (optional) and select a theme.<\/p>\n<h3><img decoding=\"async\" loading=\"lazy\" class=\"hs-image-align-center\" style=\"height: auto;width: 292px\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/08\/Screenshot_2-May-27-2023-10-12-15-5437-PM.png\" alt=\"Screenshot_2-May-27-2023-10-12-15-5437-PM\" width=\"292\" height=\"438\" \/><\/h3>\n<p><strong>*NOTE<\/strong><strong>:<\/strong> If you don\u2019t have a theme that is compatible with the Quick Start Cloud, please reach out to your dedicated ion Account Manager to discuss next steps.<\/p>\n<h3>Goals<\/h3>\n<p>You can define the creative&#8217;s goal, KPIs and target audience to track it on the Performance Dashboard here. By adding a goal to your creative, you can see if the goals you set are being met in the future.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6397\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.41.06-PM.png\" alt=\"\" width=\"502\" height=\"817\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.41.06-PM.png 502w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Screen-Shot-2024-04-05-at-5.41.06-PM-184x300.png 184w\" sizes=\"auto, (max-width: 502px) 100vw, 502px\" \/><\/p>\n<h3>Editing<\/h3>\n<p>Once your theme has been set, you\u2019ll be ready to start publishing content! To begin, simply click the thumbnail of the page you want to edit. This will take you to the page editor. From here, \u00a0double-click the placeholders to update them with your content.<\/p>\n<h3>Containers &amp; Grids<\/h3>\n<p>The content in your Quick Start pages are published into containers that give you the ultimate control over your content. Many containers include grids that give you control over the column structure of your page.<\/p>\n<p>When hovering over a grid, you will see column borders that you can click and drag to change the width of your columns. You can also add more rows and columns to your grids by pulling the row and column icons from your Palette tab into your grids. These adjustments will allow you to quickly customize the look and feel of your Quick Start pages before finalizing content.<\/p>\n<p>For more information on containers and grids,\u00a0<a href=\"https:\/\/obo.zoj.mybluehost.me\/layout-containers-grids-in-responsive-design\/\" target=\"_blank\" rel=\"noopener\">click here<\/a>.<\/p>\n<h3>Go Live<\/h3>\n<p>After finalizing the content published on your page and adding any necessary tracking scripts, you will be ready to go live! To learn how to set up a\u00a0URL,\u00a0<a href=\"https:\/\/obo.zoj.mybluehost.me\/create-a-url-for-your-creative-to-go-live\/\" target=\"_blank\" rel=\"noopener\">click here<\/a>.<\/p>\n<hr \/>\n<p>If you have any questions, please contact us on\u00a0<a href=\"mailto:help@ioninteractive.com\" rel=\"noopener\">help@ioninteractive.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>These creatives will give you a big head start when building your landing experiences, by giving you a designed layout based on best practices that can then be modified to meet your specific design [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":5758,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[488,4],"tags":[2131,2165],"class_list":["post-2963","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creatives-en","category-the-platform","tag-creative-studio","tag-creatives"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=2963"}],"version-history":[{"count":3,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2963\/revisions"}],"predecessor-version":[{"id":7170,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2963\/revisions\/7170"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5758"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=2963"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=2963"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=2963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}