{"id":5040,"date":"2023-08-17T12:55:30","date_gmt":"2023-08-17T12:55:30","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/?p=5040"},"modified":"2025-02-17T11:53:32","modified_gmt":"2025-02-17T11:53:32","slug":"how-to-use-the-sales-presentation-template","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/how-to-use-the-sales-presentation-template\/","title":{"rendered":"How to use the Sales Presentation Template"},"content":{"rendered":"\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0;\"><iframe src=\"https:\/\/www.loom.com\/embed\/d474af18756541029caaae6cb3f9973a?sid=a6c25e4d-1c7c-485b-be7a-51101ca7c04e\" frameborder=\"0\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\" allowfullscreen=\"\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\"><\/iframe><\/div>\n\n\n\n<p>The <a href=\"https:\/\/iontemplates.rockcontent.com\/preview\/standard\/microsite\/sales-presentation\">Sales Presentation<\/a> is a medium complexity, standard experience that focuses on sales enablement. This refreshing template includes engaging interactive elements such as video background, different flow variations, and unique reveal elements. With alternating colored backgrounds, each section of the presentation is easily distinguishable from the other. This will make the content easy for your visitors to digest and retain your information. Each section is designed to have the capacity to include a large amount of content, and if necessary, also includes resource links already built in for your convenience. A button at the bottom of the experience is the main point of conversion.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Type: Microsite<\/li>\n\n\n\n<li>Complexity: Medium<\/li>\n\n\n\n<li>Use case: Sales Enablement<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Features available<\/h2>\n\n\n\n<p>Here are the major features, abilities, and interactive elements used in this template.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Anchor link<\/li>\n\n\n\n<li>Animation<\/li>\n\n\n\n<li>Flow<\/li>\n\n\n\n<li>Reveal<\/li>\n\n\n\n<li>Video<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How-to use<\/h2>\n\n\n\n<p>Here is a helpful guide on how to handle all the major features, abilities, and interactive elements available to make the most out of this template.<\/p>\n\n\n\n<p><a href=\"https:\/\/drive.google.com\/drive\/folders\/18P10pH4WAerqIVaTtO41n1niViMyP_yf?usp=share_link\">&gt;&gt; Framing screenshots<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Anchor link<\/strong><\/h3>\n\n\n\n<p>Step 1: First select the section you want the button to scroll to and apply an <strong>Anchor<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh5.googleusercontent.com\/tsC6jS_WKDor2XnzuIBPtu1av2L8FLV6UyfOU4nnu1Tw43_FvjyoKiBNQycs1GZbLOCP34prjlKIFYe861ewxijI-8KtJhqe3W5njxI9VITYqpOK0RICaYBB__YwfRobrbcsTBegU2M3GvmUtFImTBs\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 2: The scroll to section is created with a <strong>Flow <\/strong>element. To edit the section you want the CTA to scroll to, first select the <strong>Link <\/strong>element on the canvas.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh4.googleusercontent.com\/uFf-gADySV47Q_HE2qtEdcHNZ3KtBaWSDVebo9jD3BAOJjp9JmIjLnLdg9bDYm3t6H_EZZXzYO6wA9tnaCHHDoefQYi2GoONEFafPjdncuL7qQde17rnYd3uYWXlISguamhiAEvi3xivvDkJg_o9Sdo\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 3: Under the <strong>Behaviors <\/strong>panel, click the panel to open the behavior settings.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh5.googleusercontent.com\/uiOBtFJ4MRXoFOw1nqiKYE-n8GSCtuPVj2Cjo6FtKagsQiv-nFvKL5EjRMgscY-qgTz4nEB3C_AqOM9hWwewdwDLt7l9tUbNssW9V1L8ojV06J_ocFD4fH8mTa2aN9XjM600Z4azSzLkHVJUUM7P3g4\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 4: Expand the<strong> Choose anchor<\/strong> dropdown to select the anchored section you want the button to scroll to and press <strong>OK <\/strong>to save.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh6.googleusercontent.com\/IBe9LtEQx-PUJeflKo_hXLsCz6KyJxRGmvghPp7B4i1HJtYpxzG4B0cJc6-FjuX_IV4aZThrNXl7yg0ZKi0yWU2WGDu8Eyd7TWMBkfC2t9D2NqnBjp208GpGzldY0gxOknuAQ7_CCYeUp4lmDHvx2Uc\" alt=\"\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Animation<\/strong><\/h3>\n\n\n\n<p>Step 1: To edit or to add an animation, first select the element you want to animate on the canvas.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh5.googleusercontent.com\/ykz55woUCdEdVz-caY2cvYlb4afvS1JQwIa1OzlOtNOKTg4rVq_SBR4AcIWpeNl_oMvefy1MrbwL3LyFKIZbz2XgOBFo1ncemr4zIovUNqklRXzt-DfTzoMrIf4-C9_biljrg97SgfwKLIeIt9fbHaM\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 2: Under the <strong>Animations <\/strong>panel, expand the <strong>(trigger) <\/strong>dropdown, and select the animation trigger.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh6.googleusercontent.com\/nTszGK7NEBkbP_YXFlVdTfBbTXgskLzq9-Y4tto6YxQ1a95a7xHyBrEaHnY_cenmN4KSKk8V69Xz242-n2DcQ_2b-InPd0JwlFq-n3yswtMFd_m82JSuYSPt-nGm---ZfjvUC7vSivxQ4LOJc5GzAuM\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 3: After selecting the animation trigger, another <strong>(choose) <\/strong>dropdown will appear. Expand the second dropdown to select the type of animation you want to apply.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh5.googleusercontent.com\/ZpSGjzDRoL-sdjclVVM5f-79ppVghgnYg364KMuaG0IBmJKbOoat4eI7XjvC3vTucZc3G6hmDlHYpDsKDNrQUWHvebaabeioinAgW5IpM6SKj4ImgQxCvxYt-93RQ3GEgDHFc00gyJDRWuq0Wyk9P0Y\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 4: To remove an existing animation, click on the <strong>X<\/strong> to the right of the blue animation tag.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/WX1XubxvWUWwTGdSbWHubdwavJqFwWNUtOvqCAdQx8vtR4VV-UGqQrBj4LDxzDm0xIVGA-4frlZhHPHxcuAsRrbEH4YpUfS5vF51MZTJ_2RrVd6DiOQs1l0It_DuxWqg55Rn0H8psZ4vCZGd2XeNxMs\" alt=\"\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Flow<\/strong><\/h3>\n\n\n\n<p>Step 1: To update the content within your <strong>Flow<\/strong>, begin by selecting it on the canvas.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh5.googleusercontent.com\/eQ_5rY2tPGgUDFj-NCvuQXJZqVJeUz-qm_syO5Fte3djOJphm6wsvjnoY9Vt6XJSgUmZmDkoGVtkQwGSqSQwJViOWXPSka5fzrRxOIolm_HoUEKGkzOk6Np7RDdy3FwdRkhgKAapbm3mb-kKDqyP_iU\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 2: Within the<strong> Flow<\/strong>, locate the first<strong> Flow Step<\/strong> at the top. You can edit the contents within the containters, add content, or remove all of the content from the <strong>Flow Step<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/P7Nn3pYDPW5JtzOI9RKBsRoHk7Z_jpdDXkUoMGC8eW7VPMgR58m2W824PYPBTVEE7_Xi3IGqweuiqAYVlGlfhu2eizAxKf1oDH-I-IDGGkpWg8UOSExS-wxLSIvh6DwvGuewG8mGddgVkvincJcm7g8\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 3: At the very bottom of the <strong>Flow<\/strong> is a <strong>Progress bar<\/strong> navigation that is used to indicate the active <strong>Flow Step<\/strong> and is also used as buttons to navigate through steps. You can remove this by expanding the <strong>Others <\/strong>tab under the <strong>Micro-themes<\/strong> panel and removing the <strong>Microtheme<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/3CmT8XqFpFQxrxLlg4oxnSnFe1sMJeybzi97MNf7Mc3kttADXphC5DpWhBkJwwQQGsJwIOVcPljlFVoujBn6SfU96VI51xMOBbo1fdGD_IOYJyy_LK57HwfYDBp_cSQzcQxmD0DCKdWp35kAzMoQTTE\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 4: You can also change the style of the navigation by choosing the <strong>Flow<\/strong> microtheme.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/Runs_aMIPaq14P4NezWGef5AqpTsdPFe7jR2diXcJXL6TWlOHTua1sn_iELaN2rK_kJdtJlMVlNvXcYwwH9pc5WfpTxXK_p35Kh0qtp3ClqSKCr9cavVjZZ6bzSoljySsgFQ-F5-TnPQsK6JmtfMLak\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 5: After choosing the <strong>Flow Microtheme<\/strong>, another dropdown will appear where you can choose from a list of sub-category options.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh4.googleusercontent.com\/n_xHmWEvVZwNbOv-p0GV72eDDRZCcFuUNUsxaz1uActncTPKoGpmaKGhtp9N8CMQYTpOdCXrNC5Arun9uEMAnIPqKPOMaV-1E0m1ZQbDBJrnc52iINctOQ3v2Pc72LNsWCFNJcAe1TUl2YUTTSO5x2c\" alt=\"\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Reveal<\/strong><\/h3>\n\n\n\n<p>Step 1: To edit when the reveal container will appear, first select the <strong>Reveal <\/strong>element on the canvas.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh6.googleusercontent.com\/r9Kjhv0yWySNi4najI_m4RQ8Pbs_lLvN9xGtDb38Ha0KZ1rBcqRHfVz7NZRlzNDRI9TdJA_Ul-oboB2zKPMcOjWzpr_0MBwT2fzA9il3-RtFXSNUHWbaf-iI7qOf3gXlJZ40lhAQlx2RW_gH11rccL0\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 2: Under the <strong>Variables <\/strong>panel, you can choose to change the <strong>Reveal type <\/strong>and when the reveal will appear by selecting from the options listed.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/jO7qzZEw8JpXZMp-ADCaTOUbzJWUlP6pBu3m7hXrKbt0YscwBf1-f2CWLutgBn3kxz7gFcT7JM0PvPYmPabfc1wAglgdtPnRwlPX8QGhrfvIGJHu0a6eZcGYV35DDrqID64uMfNZoSF70YQehjLWHBs\" alt=\"\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Video<\/strong><\/h3>\n\n\n\n<p>Step 1: To edit the video background, first select the <strong>Video (Container Background) <\/strong>element on the canvas.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/SXCezXZgFmeumcY8bJGpE_SUtEkRfepASwFqCkFT3j2IdDurmIE4SQtrXo8YoZLs3gtTSJEDMKFlypm7vUBJah6UVKtQaIGn3yVpEWRP1qNXlmQwIDInz00R3ijSqMz4nNanBWqPluCs6uTy6AvQQ5I\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 2: Under the <strong>Variables <\/strong>panel, select your <strong>Video Type. <\/strong>Each video type will have slightly different settings.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/lsidjqV1doetpk5qSB-ZmIrVtyRcKN-BYKeLgKwFeG3nmnRshDN-Er2h0MJE6yY7Tpf2Ee1-l18XhLkoLW_5VQlyYuGupm5Om2DSR0cbOv9Mr5JwjjszZU2cFKN__VWA2C4Rkc9jMb1YPP4J6k0k1Ek\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 3: Depending on the video type you selected, you will need to find the video ID of your video. In this example, we will be using a youtube video source. The video ID can be found at the end of the youtube link after the last \u201c<strong>watch?v=<\/strong>\u201d Copy the characters at the end of the link and paste it in the <strong>Video ID <\/strong>tab.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh6.googleusercontent.com\/kBmK5xet7F8jnpPLpb9ICVybBwVxRy-JVqg0iUorhjwq1o4uBB2tUtQsZyB-16IaOPp4TwNpVXLeyFjoO6sZfkwDfT5Ojx8YvzKFKBYLL5j_qiwE1lAggC0qnJ7q42IjFvCM7z5XNHVUHsMrt5TyS_A\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 4: Under the <strong>Video Placement <\/strong>panel, make sure the <strong>Container Background <\/strong>is checked off, as well as the <strong>Fill Entire Background <\/strong>box.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh6.googleusercontent.com\/S9KVLyGGJ_HjIDW3EBtkRpfEjxPESv9pZjYZEjlydOdSjtokUkKB5naODiQPZoNvGBLRjXF7CcdPesPTbWBSMc1qkT14V-Oa87Mkz44EbHP4149BfPxL5VqZ5nxivos5AsybhQVHBjHmaujODEgOgJI\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Content Writing Template<\/h2>\n\n\n\n<p><a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1b9Be78vQlWqakTX9A0SsczgDmAUU_LDO3cqRtevm6YY\/edit?usp=sharing\">Here is the content structure\u2019s template<\/a> to make it easier for you when providing content guidelines or creating the copy for this template, from understanding the content structure to getting to know the amount of words needed to each text piece.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Related templates<\/h2>\n\n\n\n<p>If you like this template, you might want to check out these other similar models.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/rockcontent.com\/gallery\/event-microsite\/\">Event Microsite<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/rockcontent.com\/gallery\/app-tour\/\">App Tour<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/rockcontent.com\/gallery\/scrollable-product-tour\/\">Scrollable Product Tour<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/rockcontent.com\/gallery\/professional-services-tour\/\">Professional Services Tour<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Have a question?<\/h2>\n\n\n\n<p>Still have questions or are facing troubles when handling this template? Please do not hesitate to send any additional questions to <a href=\"mailto:help@ioninteractive.com\">help@ioninteractive.com<\/a>, so we can make sure to have this article constantly up to date.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Sales Presentation is a medium complexity, standard experience that focuses on sales enablement. This refreshing template includes engaging interactive elements such as video background, different flow variations, and unique reveal elements. With alternating [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":5142,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[39],"tags":[],"class_list":["post-5040","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-templates-gallery"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/5040","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\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=5040"}],"version-history":[{"count":1,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/5040\/revisions"}],"predecessor-version":[{"id":7512,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/5040\/revisions\/7512"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5142"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=5040"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=5040"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=5040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}