Aha! presentations make it easy to take the roadmaps and reports you built in Aha! and share them with your audience. You can add nearly any view in your Aha! account to a slide, customize your presentation, and then publish it as a secure webpage or PDF, depending on your needs. Be sure to consider the security settings for your published presentation.
Click any one of these links to skip ahead:
- Publish a secure webpage
- Use web presentation controls
- Configure your published presentation
- Custom brand your presentation
- Embed your presentation in another webpage
- Notes on embedded presentations
Publish a secure webpage
Secure web presentations are externally accessible pages that allow your stakeholders to access the views in Aha! that you choose to share. Each page can have its own update method.
- Click on a slide within a presentation.
- Click the Aha! view located on the slide.
- Select one of these options from the View menu on the right sidebar:
- Live update: Automatically updates the page every time the data is changed in Aha!
- Refresh on update: Only updates the page when the manual Update secure webpage button is clicked.
- Manual snapshot: Creates a static, point-in-time reference of the page.
Use web presentation controls
While viewing a web presentation, the control options located in the bottom-right corner of the presentation navigate forward and backward, enable autoplay, access the table of contents, and toggle to view a fullscreen version of the presentation.
Configure your published presentation
The publishing configurations for your presentation are located under the Customize presentation option on the top-left of the page. The options include:
- Footer: The text entered here displays at the bottom of both web and PDF presentations.
- Slide transitions: Allows enabling and disabling of the page-flipping animation when transitioning between pages in a web presentation.
- Autoplay slide duration: The time in seconds between slide transitions during autoplay.
- Password: Enables password protection for the presentation. Users will be required to enter the password before accessing content within the presentation.
- Enhanced security: Allows toggling whether the presentation is visible publicly to anyone with access to the URL or if it is only available to Aha! users. Customers on the Enterprise+ plan will have the additional option of presentation SSO.
- Optimize for: Allows toggling whether the PDF presentation is optimized for viewing or printing. Optimizing for viewing removes page size constraints.
- Paper size: Defines the paper size to be used when the PDF is optimized for printing.
- Orientation: Choose between portrait or landscape orientation of pages within the PDF.
Custom brand your presentation
There are two ways to apply consistent branding to the presentations in your account.
- Administrators with customization permissions can add primary and secondary logos to presentations.
- Workspace owners, contributors, and any users with appropriate custom user role permissions can create presentation themes. Presentation themes allow you to style title and body slide layouts, then apply those layouts to every presentation that uses the theme. This is a great way to infuse your team's presentations with consistent branding, style, and assets.
First, let's discuss logos. If you are an administrator with customization permissions you can add your logo(s) to all presentations in your account by navigating to Settings ⚙️> Account > Profile > Custom branding.
Note: Each logo you upload should be at least 480x300 pixels and ideally in a ratio of 1.6:1.
Your Primary logo will be used for branding throughout your account and in presentations that you have published to a webpage. You should upload an image with a transparent background. You may also select a Custom background color.
Your Secondary logo will be used in presentations that you have exported to PDF. You should upload an image that is visible when displayed on top of a white background.
Second, let's discuss presentation themes.
To create a theme, first create a presentation. On the right side of the slide editor, click the Themes tab, then click Edit theme layout to open the Theme editor.
Every presentation theme has two layouts.
- The Title slide determines how title slides will look in presentations using your theme.
- The Body slide determines how body slides will look in presentations using your theme.
You can edit and customize theme layout slides just as you would a regular presentation slide, but changes you make to a theme layout slide will apply to the slide layouts of every presentation that uses your presentation theme, so be intentional about what content and design elements you add to these theme layout slides.
The one exception to this rule is text style boxes. People who create a presentation based on your theme will likely want to add unique titles, sub-titles, or body text to their presentation — but you may wish to standardize the look of that text. Click on a text style box — a text box containing the text Click to edit text style — to do this. Then use the Style, Text, and Arrange tabs on the right side to adjust the text style.
Once your theme looks good, click the X in the upper right corner of the Theme editor to leave the editor. Back in your presentation, click the Themes tab in the slide editor, then click the Share icon to share your team with the rest of your Aha! account.
Embed your presentation in another webpage
There are several ways to embed a published presentation into another webpage:
- Include a link to your published presentation.
Make sure to use the URL from the Open secure webpage button. It will look something like the following example:
- Include your presentation in an iframe like the example below:
<iframe src="https://your-domain.aha.io/published/fd554ce954c03d2fa032a233f" style="width: 100%; height: 550px;" frameborder="0" scrolling="auto" seamless="seamless"></iframe>
- Embed only a single presentation page on another webpage.
This option does not include any branding.
• First, select the Update secure webpage button to ensure everything is updated.
• Next, click the Open secure webpage button.
• From the presentation webpage, navigate to the slide you want to embed and right-click to inspect the live code. In Chrome, the menu option is called Inspect; in Firefox, it is called Inspect Element.
• Find the correct iframe element. There will be more than one iframe, so make sure you locate the correct one like the example below:
<iframe data-url="https://your-domain.aha.io/published/fd554ce954c03d2fa032a233f/snapshot/6119135030950" frameborder="0" scrolling="auto" seamless=""></iframe>
• Replace data-url with src. The end result should look like this:
<iframe src="https://your-domain.aha.io/published/fd554ce954c03d2fa032a233f/snapshot/6119135030950" frameborder="0" scrolling="auto" seamless=""></iframe>
You can also change the other attributes to properly fit the slide into your own webpage.
Keep in mind that frames are dynamically rendered onto the page, so you must use your browser's element inspector rather than viewing the full-page source. Secure URLs are unique and live with the presentation. This means that you can update the content of your presentation by clicking the Update secure webpage button and the URL will not change. When updating, you do not need to modify the page hosting your presentation.
Notes on embedded presentations
- Enterprise+ customers, please note that if you have enabled IP based access control, external users may be blocked when attempting to access the presentation from outside of the specified IP addresses.
- If you have enabled Enhanced presentation security, which requires that users log in to Aha! before accessing a presentation, then embedding a presentation in an iframe will not work. If users are not already logged into Aha!, they will see a blank page when attempting to view the iframe. For security reasons, Aha! does not allow the login page to appear inside an iframe.
- To allow the browser control that enables fullscreen to be used from within the iframe, the iframe tag needs another attribute like the following example:
<iframe src="https://your-domain.aha.io/published/fd554ce954c03d2fa032a233f/snapshot/6119135030950" style="width: 100%; height: 550px;" frameborder="0" scrolling="auto" seamless="seamless" allowfullscreen="true"></iframe>