Task
User Story for Installing Demo Gorilla Extension
As a new user of Demo Gorilla, I learn how to install and pin the Presenter Notes extension, so that I can utilize the extension effectively during product demos to enhance my selling capabilities.
Success definition: Given I am on the Demo Gorilla website and have accessed the Getting Started documentation When I click on the 'Install the Presenter Notes extension' link and follow the installation instructions Then I should be able to see clear instructions on how to install the extension, and further, upon clicking the 'Pin the extension to the menu bar' link, I should be directed to specific steps on how to pin the extension for easier access.
Trajectory
Step 1:
Url (before/after):
https://demogorilla.com/
https://demogorilla.com/docs/first-demo
Content (before/after):
RootWebArea Demo Gorilla | Presenter Notes for live SaaS demos, url='https://demogorilla.com/'
navigation
[39] image Demo Gorilla logo, center=(216,40), url='https://demogorilla.com/images/logo.svg'
[41] link Getting Started, center=(1421,40), url='https://demogorilla.com/docs/first-demo'
[42] link Docs, center=(1534,40), url='https://demogorilla.com/docs'
Show more
[43] link Pricing, center=(1613,40), url='https://demogorilla.com/pricing'
[44] link Log in, center=(1696,40), url='https://app.demogorilla.com/'
main
heading Make your SaaS Demos awesome
paragraph
StaticText A browser extension that makes your product demos shine so prospects buy more.
Video
image
StaticText The best demo is shown live, not just in slides.
StaticText Solutions Engineering Manager
image Screenshot of tags, url='https://demogorilla.com/screenshots/ext-prepped-demo.png'
heading Demos thatconvert into sales
paragraph
StaticText You have a number to hit this quarter and there are never enough leads, so every demo needs to close.
paragraph
StaticText But you never have enough people who can give great demos, and customers never have easy questions.
paragraph
StaticText With Demo Gorilla’s presenter notes, every customer conversation has access to the entire knowledge of your organization. Whether it’s a new hire or the CEO, the talking points stay synchronized as the speaker navigates through the application, so they always have the most contextually relevant information to share with prospects.
StaticText Learn more
image
image
StaticText Now you can move to the upgrade more quickly and never have to book a second call because you can't demo something in the call
StaticText Senior Director, Customer Success
image Screenshot of actions, url='https://demogorilla.com/screenshots/vid-basic-extension2.png'
heading Demos that areengaging
paragraph
StaticText Keep your demo exciting and manage your pace as you
strong
StaticText Tell-Show-Tell
StaticText :
list
listitem
ListMarker •
StaticText Use collateral effectively inline to discuss the use case
listitem
ListMarker •
StaticText Seamlessly drop into the demo
listitem
ListMarker •
StaticText Then pop back into a slide to explain the value
paragraph
StaticText Weave a narrative with all the collateral you already have: slides, websites, graphics and even videos.
StaticText Learn more
image
image
StaticText Every AE wishes they could download the brain of an SE so they could do the demo themselves
StaticText Enterprise Account Executive
image Screenshot of preparing for a demo, url='https://demogorilla.com/screenshots/app-session-preparation.png'
heading Demos that areconversations
paragraph
StaticText Focus on the customer, not the minutiae. Demo Gorilla frees you from all the distracting little details so you can make a real connection with the customer and automatically pulls in the rest of your organization when appropriate - and in a way that keeps you in the driver’s seat.
paragraph
StaticText With less pencil-pushing, you’re able to focus on the customer’s reactions and make the best use of the time you have.
StaticText Learn more
image
image
StaticText Democratizing the demo process. This is awesome.
StaticText Enterprise Account Executive
image Screenshot of talking points, url='https://demogorilla.com/screenshots/app-talking-points.png'
heading Great demos fromeveryone
paragraph
StaticText Keep everyone working from the same page so you can use all the different strengths of your organization. Build a direct pipeline from product marking content, to reps new and old and automatically track notes and learnings for the whole team.
paragraph
StaticText With only a click to get started, you can use the same talking points for prepared demos from your pre-sales team, for a Customer Success Rep to explain a new feature, or even if a customer asks to see something in a discovery call from Product Management or Product Marketing.
StaticText Learn more
image
image
StaticText So so good
StaticText 5 Star App Store review
StaticText Like every organization on earth, we use cookies to ensure you have a normal experience on our website.
[160] link Learn more., center=(1387,1002), url='https://demogorilla.com/privacy-policy'
[162] button I accept, center=(898,1043)
[163] button Please, no, center=(1012,1043)
paragraph
StaticText Let us help you sell more product
contentinfo
link Resources, url='https://demogorilla.com/resources'
link Sales mistakes all startups make, url='https://demogorilla.com/resources/sales-mistakes-all-startups-make'
link Challenger Sale: 5 Types of Sales Reps, url='https://demogorilla.com/resources/types-of-sales-reps'
link Demo Gorilla for Qualification, url='https://demogorilla.com/resources/demogorilla-for-qualification'
link Terms of Service, url='https://demogorilla.com/terms-of-service'
link Privacy, url='https://demogorilla.com/privacy-policy'
link hi@demogorilla.com, url='mailto:hi@demogorilla.com'
StaticText Backed by
image YCombinator logo, url='https://demogorilla.com/images/ycombinator-logo.png'
alert, atomic
RootWebArea Your First Demo | Demo Gorilla, focused, url='https://demogorilla.com/docs/first-demo'
main
navigation
[203] image Demo Gorilla logo, center=(216,40), url='https://demogorilla.com/images/logo.svg'
[205] link Getting Started, center=(1421,40), url='https://demogorilla.com/docs/first-demo'
Show more
[206] link Docs, center=(1534,40), url='https://demogorilla.com/docs'
[207] link Pricing, center=(1613,40), url='https://demogorilla.com/pricing'
[208] link Log in, center=(1696,40), url='https://app.demogorilla.com/'
list
listitem
[213] link Documentation, center=(527,124), url='https://demogorilla.com/docs'
listitem
[215] link Your First Demo, center=(533,160), url='https://demogorilla.com/docs/first-demo'
listitem
[217] link User account configuration, center=(488,196), url='https://demogorilla.com/docs/new-user'
listitem
[219] link 4 Tips for Impactful Demos, center=(488,232), url='https://demogorilla.com/docs/compelling-demos'
listitem
[221] link Actions, center=(567,268), url='https://demogorilla.com/docs/actions'
listitem
[223] link Talking Points, center=(542,304), url='https://demogorilla.com/docs/talking-points'
listitem
[225] link Tab Collections, center=(536,340), url='https://demogorilla.com/docs/collections'
listitem
[227] link Talk Tracks, center=(553,376), url='https://demogorilla.com/docs/talk-tracks'
listitem
[229] link Pages, center=(573,412), url='https://demogorilla.com/docs/pages'
listitem
[231] link Tags, center=(578,448), url='https://demogorilla.com/docs/tags'
listitem
[233] link Organization Settings, center=(510,484), url='https://demogorilla.com/docs/org-settings'
listitem
[235] link User management, center=(522,520), url='https://demogorilla.com/docs/users'
listitem
[237] link Sessions, center=(561,556), url='https://demogorilla.com/docs/sessions'
listitem
[239] link Review requests, center=(530,592), url='https://demogorilla.com/docs/review-requests'
[240] listitem, center=(485,640), inner_text=Google Calendar Integration
link Google Calendar Integration, url='https://demogorilla.com/docs/integrations-google-calendar'
[242] listitem, center=(485,700), inner_text=Security & Privacy: Best Practices
link Security & Privacy: Best Practices, url='https://demogorilla.com/docs/security-best-practices'
[244] listitem, center=(485,760), inner_text=Labs: betas and fun use cases
link Labs: betas and fun use cases, url='https://demogorilla.com/docs/labs'
heading Your First Demo
paragraph
StaticText What makes a good software demo?
list
[251] listitem, center=(973,246), inner_text=Selling the value
ListMarker 0.
StaticText Selling the value
[252] listitem, center=(973,282), inner_text=Showing and telling
ListMarker 0.
StaticText Showing and telling
[253] listitem, center=(973,318), inner_text=Customizing to your audience
ListMarker 0.
StaticText Customizing to your audience
[254] listitem, center=(973,354), inner_text=Being ready to answer questions
ListMarker 0.
StaticText Being ready to answer questions
paragraph
StaticText Let’s build that demo!
heading Step 0: Getting Set Up
[258] link Step 0: Getting Set Up, center=(814,480), url='https://demogorilla.com/docs/first-demo#step-0-getting-set-up'
paragraph
StaticText Accept your invitation to your account & login.
paragraph
image Accept invitation, url='https://demogorilla.com/screenshots/app-accept-invitation.png'
paragraph
StaticText If there are any problems signing in, you can reset your password via the “Forgot your password” button.
heading Install the Presenter Notes extension
[265] link Install the Presenter Notes extension, center=(872,924), url='https://demogorilla.com/docs/first-demo#install-the-presenter-notes-extension'
paragraph
image Google Chrome Web Store, url='https://demogorilla.com/screenshots/web-chrome-store.png'
paragraph
StaticText If you haven’t already, install the extension from Google’s
link Chrome Web Store, url='https://chrome.google.com/webstore/detail/saas-presenter-notes-by-d/hlcpfmkohddogkbbgiobcodgdoofepke'
paragraph
image Authorize, url='https://demogorilla.com/screenshots/web-authorize-highlights.png'
paragraph
StaticText Despite the built-in warning, you’re going to need to authorize Demo Gorilla on every domain you want to use it on in a later step.
heading Pin the extension to the menu bar
link Pin the extension to the menu bar, url='https://demogorilla.com/docs/first-demo#pin-the-extension-to-the-menu-bar'
paragraph
StaticText You should see a puzzle piece shaped icon. Press that and pin the Demo Gorilla extension to your menu bar:
paragraph
image Pin menu, url='https://demogorilla.com/screenshots/web-pin-to-menu-highlights.png'
paragraph
StaticText Now it should show up on your menu bar at all times.
paragraph
image Pinned, url='https://demogorilla.com/screenshots/app-installed-highlight.png'
paragraph
StaticText Press the Demo Gorilla icon and you should get a pop-up:
paragraph
image Extension installed, url='https://demogorilla.com/screenshots/ext-installed.png'
paragraph
StaticText But there’s no content, let’s make some!
heading Add a domain
link Add a domain, url='https://demogorilla.com/docs/first-demo#add-a-domain'
paragraph
link Add an authorized domain, url='https://app.demogorilla.com/organization/settings/sites/new'
StaticText either by clicking that link or pressing “+ Add” on the
link Organization settings, url='https://app.demogorilla.com/organization/settings'
StaticText page.
paragraph
StaticText Note: We have a demo product you can use: a fake ticketing tool called
link Ticketr, url='https://ticketr.demogorilla.com/'
StaticText . We’ll use it in this example but you can use your real domain, just change the domain (and later the pages).
paragraph
StaticText Enter “ticketr.demogorilla.com” in the “Domain” field, and press “Add”
paragraph
image Authorize domain, url='https://demogorilla.com/screenshots/app-authorize-domain-highlight.png'
paragraph
StaticText And you’ll have authorized a domain:
paragraph
image Authorize domain, url='https://demogorilla.com/screenshots/app-created-domain.png'
heading And it works
link And it works, url='https://demogorilla.com/docs/first-demo#and-it-works'
paragraph
StaticText Now if you navigate to
link https://ticketr.demogorilla.com/, url='https://ticketr.demogorilla.com/'
StaticText (Or the domain you added in the previous step), and then press the Demo Gorilla icon it’ll open the Presenter Notes with some sample content
paragraph
image Pinned, url='https://demogorilla.com/screenshots/app-installed-highlight.png'
paragraph
image Extension with sample content, url='https://demogorilla.com/screenshots/ext-sample-content.png'
paragraph
StaticText You can play with the sample content to gain some familiarity.
paragraph
StaticText There are some
link actions, url='https://demogorilla.com/docs/actions'
StaticText :
paragraph
image Sample content, url='https://demogorilla.com/screenshots/ext-sample-actions-highlight.png'
paragraph
StaticText And some sample
link tags, url='https://demogorilla.com/docs/tags'
StaticText that enable & disable content:
paragraph
image Sample content, url='https://demogorilla.com/screenshots/ext-sample-tags-highlight.png'
paragraph
StaticText Let’s replace that sample content!
heading Step 1: Selling the value
link Step 1: Selling the value, url='https://demogorilla.com/docs/first-demo#step-1-selling-the-value'
paragraph
StaticText When we’re giving a demo, it’s too easy to talk about what
strong
StaticText we
StaticText are doing instead of why this feature is valuable
strong
StaticText to the customer
StaticText , so let’s make that our first talking point.
paragraph
StaticText “Talking points” are hints to our demo-ers about what to remember to say. Ideally they should be bullet points, intended to remind not be read verbatim. By writing good talking points your demoers can focus on the customer interaction instead of racking their brains for what to say. They also allow your team to share the best messaging across the organization and keep it up to date. (You can read more about talking points
link here, url='https://demogorilla.com/docs/talking-points'
StaticText . ) Go to the Talking Points page in the app and click “Add a talking point”
paragraph
image Add talking point, url='https://demogorilla.com/screenshots/app-talking-points2-highlight.png'
paragraph
StaticText Let’s give it a title: “Great things about Ticketr”
paragraph
StaticText And replace the content (feel free to copy and paste this text or make up your own):
code
StaticText Ticketr uses
- **Machine Learning** from top PhDs
- **Artificial intelligence** to make your team's life easier
- Saves *25%* of your manager's time on average
- Causes %17% fewer mis-filed tickets
- 600 of the Fortune 500 use it
paragraph
StaticText Leave the rest of the options alone and press “Add” and you’ll have made your first talking point.
paragraph
image Add talking point, url='https://demogorilla.com/screenshots/sample-talking-point-highlight.png'
paragraph
StaticText Let’s see your new talking point in the presenter notes! You can either press the Demo Gorilla button in your browser, or refresh the extension while on the site you authorized:
paragraph
image Refresh, url='https://demogorilla.com/screenshots/ext-menu-refresh-highlight.png'
paragraph
StaticText And you’ll see your content (you may need to scroll). Something you’ll notice is the text transformed a little: the “-” became a real bullet and the “**” made the text bold. That’s called “Markdown”.
paragraph
image Refresh, url='https://demogorilla.com/screenshots/ext-new-content-highlight.png'
paragraph
StaticText By default all talking points start out as only visible to you. When you’re ready to share them, click the “…” button on the
link Talking Points, url='https://app.demogorilla.com/talking_points'
StaticText page and share it:
paragraph
image Share, url='https://demogorilla.com/screenshots/app-talking-point-dropdown-highlight.png'
paragraph
StaticText Bonus: You can see the talking point stared off with some text. That’s a template and is customizable in
link organization settings, url='https://demogorilla.com/docs/org-settings#templates'
StaticText .
heading Step 2. Showing and telling
link Step 2. Showing and telling, url='https://demogorilla.com/docs/first-demo#step-2-showing-and-telling'
paragraph
StaticText Nothing is more boring than sitting through a slide presentation when you expected a demo - but sometimes we need the slides to lay the groundwork for the amazing feature you’re about to show off.
paragraph
StaticText Demo Gorilla makes it easy to show
emphasis
StaticText and
StaticText tell while keeping the demo moving along. Let’s make our first action: to display a Google Slide (we have a
link sample deck, url='https://docs.google.com/presentation/d/1f_3Sxv8EDjMpmJYnYuX5pYXlK7IkrwoA74fUu-wXJtg/edit#slide=id.g15dc82dc54f_0_71'
StaticText , but you can use your own if you’d prefer)
paragraph
StaticText Let’s add a slide to explain TicketR’s “Suggestions” feature. Go to the “
link Actions, url='https://app.demogorilla.com/actions/new'
StaticText ” page and press “Add an action”.
paragraph
image Add action, url='https://demogorilla.com/screenshots/app-actions-page-highlight.png'
paragraph
StaticText Use the following values:
list
listitem
ListMarker •
strong
StaticText Name:
StaticText Suggestions
listitem
ListMarker •
strong
StaticText URL:
StaticText https://docs.google.com/presentation/d/1f_3Sxv8EDjMpmJYnYuX5pYXlK7IkrwoA74fUu-wXJtg/edit#slide=id.g16b5cdc2823_1_0
listitem
ListMarker •
strong
StaticText Type:
StaticText Popup button
listitem
ListMarker •
strong
StaticText When it’s shown:
StaticText Let’s only show it on the suggestions page (instructions below)
listitem
ListMarker •
strong
StaticText Sort order:
StaticText 50
paragraph
StaticText When you’re filling in the values, the first thing you notice is that Demo Gorilla wants to help you by tweaking the URL. When you copy & paste a URL from a Google Slide it shows all the editing toolbars and menus. When you press “Use recommendation”, Demo Gorilla will change the URL to present just the slide.
paragraph
image Use recommendation, url='https://demogorilla.com/screenshots/app-adding-action-recommendation-highlight.png'
paragraph
StaticText We’re only going to make this action appear when we’re on the Suggestions page which is “
code
StaticText https://ticketr.demogorilla.com/?p=suggestions
StaticText ” so we’re going to make a new “page” to filter down to just that page (
link Pages, url='https://demogorilla.com/docs/pages'
StaticText can also filter to groups of pages or sections of your app).
paragraph
StaticText Select the circle beside “Show on” and press “Add a new page”
paragraph
image Add a page, url='https://demogorilla.com/screenshots/app-adding-action-shown-highlight.png'
paragraph
StaticText Use the following values:
list
listitem
ListMarker •
strong
StaticText Page name:
StaticText Suggestions
listitem
ListMarker •
strong
StaticText URL
StaticText : contains suggestions
paragraph
image Add a page, url='https://demogorilla.com/screenshots/app-add-page-highlight.png'
paragraph
StaticText Your screen should look like this. Press Add.
paragraph
image Add action, url='https://demogorilla.com/screenshots/app-add-action-done.png'
paragraph
StaticText Either press the Demo Gorilla button in your browser, and navigate to
link Suggestions, url='https://ticketr.demogorilla.com/?p=suggestions'
StaticText in TicketR and you should see your new button. Press it and you’ll overlay a useful slide on top of the live demo.
paragraph
StaticText Note: You may need to press the “Show actions” button to see your button.
paragraph
image Live action, url='https://demogorilla.com/screenshots/screen-actions-highlight.png'
heading Step 3. Customizing to your audience
link Step 3. Customizing to your audience, url='https://demogorilla.com/docs/first-demo#step-3-customizing-to-your-audience'
paragraph
StaticText Of course not all demos are to the same people! What resonates with one audience might not with another.
paragraph
StaticText Demo Gorilla uses tags to customize your content based on the audience much like we used pages to customize content based on what you’re showing.
paragraph
StaticText You should already have some sample content on the “
link Tags, url='https://app.demogorilla.com/organization/tags'
StaticText ” page in the app. (If you deleted these, you can re-create them with the “Add a tag” button)
paragraph
image Sample tags, url='https://demogorilla.com/screenshots/app-tags-sample.png'
paragraph
StaticText There are 2 ways to create tags:
list
listitem
ListMarker •
StaticText Simple tags like
strong
StaticText CompetitorX
StaticText will create a button in the Presenter Notes that you can turn on or off
listitem
ListMarker •
StaticText Tags with a hyphen in them will create a dropdown so persona-administrator, persona-developer, and persona-manager will make a
strong
StaticText persona
StaticText dropdown with those as options
paragraph
image Sample content, url='https://demogorilla.com/screenshots/ext-sample-tags-highlight.png'
paragraph
StaticText By now you’re comfortable creating content, so let’s edit the existing content. There is one talking point and one action for each persona tag, let’s tweak the talking points. Click “Talking to Administrators” and change the content.
list
listitem
ListMarker •
strong
StaticText Title:
StaticText Administrator talking points
listitem
ListMarker •
strong
StaticText Content
StaticText :
code
StaticText - Talk about time saved
- We are compliant with SOC2, HIPAA, TPS and ROT26
- Ask lots of questions
paragraph
image Admin talking points, url='https://demogorilla.com/screenshots/app-talking-to-admins2.png'
paragraph
StaticText Either press the Demo Gorilla button in your browser, or refresh the extension (while on the site you authorized) and you’ll see new content when you select the “administrator” tag:
paragraph
image New admin content, url='https://demogorilla.com/screenshots/ext-new-admin-content-highlight.png'
heading Step 4. Be ready to answer questions
link Step 4. Be ready to answer questions, url='https://demogorilla.com/docs/first-demo#step-4-be-ready-to-answer-questions'
paragraph
StaticText Sometimes a customer asks a question. Instead of getting stumped, Demo Gorilla lets you search all the talking points. There are so many things you
emphasis
StaticText could
StaticText say in a demo, but you can’t say them all. So content that is
emphasis
StaticText only
StaticText for answering questions is called “Searchable content”
paragraph
StaticText Good news: This is the easiest part yet.
paragraph
StaticText Go to the
link Searchable content, url='https://app.demogorilla.com/talking_points/searchables'
StaticText tab on the Talking Points page and press “Add searchable content”. You’ll notice you don’t have to define “When it’s shown” since this talking point is
emphasis
StaticText only
StaticText shown if you search for it. Create your own searchable content:
paragraph
image Secret, url='https://demogorilla.com/screenshots/app-searchable-content-new.png'
paragraph
StaticText Either press the Demo Gorilla button in your browser, or refresh the extension (while on the site you authorized) and you’ll be able to see your content when you search. (If you’ve added useful content, remember to share it)
paragraph
image Secret, url='https://demogorilla.com/screenshots/ext-search-result.png'
paragraph
StaticText Note: All content is returned when you search, not just “Searchable content”.
heading What’s next?
link What’s next?, url='https://demogorilla.com/docs/first-demo#what-s-next'
paragraph
StaticText Obviously you’ll want to create your own content! Also we’ve only scratched the surface:
list
listitem
ListMarker 0.
link Connect Demo Gorilla to your Google Calendar, url='https://demogorilla.com/docs/integrations-google-calendar'
StaticText and every demo will automatically know how much time you have left and keep track of your notes.
listitem
ListMarker 0.
StaticText Take a look at the data collected in each
link session, url='https://demogorilla.com/docs/sessions'
listitem
ListMarker 0.
link Add the rest of your team, url='https://demogorilla.com/docs/users'
StaticText ON THIS PAGE
list
listitem
[458] link Step 0: Getting Set Up, center=(1383,162), url='https://demogorilla.com/docs/first-demo#step-0-getting-set-up'
listitem
list
listitem
[462] link Install the Presenter Notes extension, center=(1445,190), url='https://demogorilla.com/docs/first-demo#install-the-presenter-notes-extension'
listitem
list
listitem
[466] link Pin the extension to the menu bar, center=(1435,218), url='https://demogorilla.com/docs/first-demo#pin-the-extension-to-the-menu-bar'
listitem
list
listitem
[470] link Add a domain, center=(1364,246), url='https://demogorilla.com/docs/first-demo#add-a-domain'
listitem
list
listitem
[474] link And it works, center=(1359,274), url='https://demogorilla.com/docs/first-demo#and-it-works'
listitem
list
listitem
[478] link Step 1: Selling the value, center=(1390,302), url='https://demogorilla.com/docs/first-demo#step-1-selling-the-value'
listitem
list
listitem
[482] link Step 2. Showing and telling, center=(1400,330), url='https://demogorilla.com/docs/first-demo#step-2-showing-and-telling'
listitem
list
listitem
[486] link Step 3. Customizing to your audience, center=(1436,358), url='https://demogorilla.com/docs/first-demo#step-3-customizing-to-your-audience'
listitem
list
listitem
[490] link Step 4. Be ready to answer questions, center=(1435,386), url='https://demogorilla.com/docs/first-demo#step-4-be-ready-to-answer-questions'
listitem
list
listitem
[494] link What's next?, center=(1349,414), url='https://demogorilla.com/docs/first-demo#whats-next'
listitem
list
link Resources, url='https://demogorilla.com/resources'
link Sales mistakes all startups make, url='https://demogorilla.com/resources/sales-mistakes-all-startups-make'
link Challenger Sale: 5 Types of Sales Reps, url='https://demogorilla.com/resources/types-of-sales-reps'
link Demo Gorilla for Qualification, url='https://demogorilla.com/resources/demogorilla-for-qualification'
link Terms of Service, url='https://demogorilla.com/terms-of-service'
link Privacy, url='https://demogorilla.com/privacy-policy'
link hi@demogorilla.com, url='mailto:hi@demogorilla.com'
StaticText Backed by
image YCombinator logo, url='https://demogorilla.com/images/ycombinator-logo.png'
StaticText Like every organization on earth, we use cookies to ensure you have a normal experience on our website.
[160] link Learn more., center=(1387,1002), url='https://demogorilla.com/privacy-policy'
[162] button I accept, center=(898,1043)
[163] button Please, no, center=(1012,1043)
alert, atomic
StaticText Your First Demo | Demo Gorilla
Reasoning for action: I clicked on the 'Getting Started' link (41) because this is where I can find the foundational steps for a new user like myself. This action takes me closer to my goal of obtaining instructions on how to install and use the Presenter Notes extension, which is essential for completing the assigned task.
Action: click(41) # Click on the 'Getting Started' link to explore the initial steps for using the product.
Change Description: After clicking the 'Getting Started' link, the browser navigated to a new page titled 'Your First Demo' on Demo Gorilla, which provides detailed guidance and resources for setting up and using the product, replacing the previous content related to making SaaS demos awesome.
Screenshot before:Screenshot after:---
Step 2:
Url (before/after):
https://demogorilla.com/docs/first-demo
https://demogorilla.com/docs/first-demo#install-the-presenter-notes-extension
Content (before/after):
RootWebArea Your First Demo | Demo Gorilla, focused, url='https://demogorilla.com/docs/first-demo'
main
navigation
[203] image Demo Gorilla logo, center=(216,40), url='https://demogorilla.com/images/logo.svg'
[205] link Getting Started, center=(1421,40), url='https://demogorilla.com/docs/first-demo'
Show more
[206] link Docs, center=(1534,40), url='https://demogorilla.com/docs'
[207] link Pricing, center=(1613,40), url='https://demogorilla.com/pricing'
[208] link Log in, center=(1696,40), url='https://app.demogorilla.com/'
list
listitem
[213] link Documentation, center=(527,124), url='https://demogorilla.com/docs'
listitem
[215] link Your First Demo, center=(533,160), url='https://demogorilla.com/docs/first-demo'
listitem
[217] link User account configuration, center=(488,196), url='https://demogorilla.com/docs/new-user'
listitem
[219] link 4 Tips for Impactful Demos, center=(488,232), url='https://demogorilla.com/docs/compelling-demos'
listitem
[221] link Actions, center=(567,268), url='https://demogorilla.com/docs/actions'
listitem
[223] link Talking Points, center=(542,304), url='https://demogorilla.com/docs/talking-points'
listitem
[225] link Tab Collections, center=(536,340), url='https://demogorilla.com/docs/collections'
listitem
[227] link Talk Tracks, center=(553,376), url='https://demogorilla.com/docs/talk-tracks'
listitem
[229] link Pages, center=(573,412), url='https://demogorilla.com/docs/pages'
listitem
[231] link Tags, center=(578,448), url='https://demogorilla.com/docs/tags'
listitem
[233] link Organization Settings, center=(510,484), url='https://demogorilla.com/docs/org-settings'
listitem
[235] link User management, center=(522,520), url='https://demogorilla.com/docs/users'
listitem
[237] link Sessions, center=(561,556), url='https://demogorilla.com/docs/sessions'
listitem
[239] link Review requests, center=(530,592), url='https://demogorilla.com/docs/review-requests'
[240] listitem, center=(485,640), inner_text=Google Calendar Integration
link Google Calendar Integration, url='https://demogorilla.com/docs/integrations-google-calendar'
[242] listitem, center=(485,700), inner_text=Security & Privacy: Best Practices
link Security & Privacy: Best Practices, url='https://demogorilla.com/docs/security-best-practices'
[244] listitem, center=(485,760), inner_text=Labs: betas and fun use cases
link Labs: betas and fun use cases, url='https://demogorilla.com/docs/labs'
heading Your First Demo
paragraph
StaticText What makes a good software demo?
list
[251] listitem, center=(973,246), inner_text=Selling the value
ListMarker 0.
StaticText Selling the value
[252] listitem, center=(973,282), inner_text=Showing and telling
ListMarker 0.
StaticText Showing and telling
[253] listitem, center=(973,318), inner_text=Customizing to your audience
ListMarker 0.
StaticText Customizing to your audience
[254] listitem, center=(973,354), inner_text=Being ready to answer questions
ListMarker 0.
StaticText Being ready to answer questions
paragraph
StaticText Let’s build that demo!
heading Step 0: Getting Set Up
[258] link Step 0: Getting Set Up, center=(814,480), url='https://demogorilla.com/docs/first-demo#step-0-getting-set-up'
paragraph
StaticText Accept your invitation to your account & login.
paragraph
image Accept invitation, url='https://demogorilla.com/screenshots/app-accept-invitation.png'
paragraph
StaticText If there are any problems signing in, you can reset your password via the “Forgot your password” button.
heading Install the Presenter Notes extension
[265] link Install the Presenter Notes extension, center=(872,924), url='https://demogorilla.com/docs/first-demo#install-the-presenter-notes-extension'
paragraph
image Google Chrome Web Store, url='https://demogorilla.com/screenshots/web-chrome-store.png'
paragraph
StaticText If you haven’t already, install the extension from Google’s
link Chrome Web Store, url='https://chrome.google.com/webstore/detail/saas-presenter-notes-by-d/hlcpfmkohddogkbbgiobcodgdoofepke'
paragraph
image Authorize, url='https://demogorilla.com/screenshots/web-authorize-highlights.png'
paragraph
StaticText Despite the built-in warning, you’re going to need to authorize Demo Gorilla on every domain you want to use it on in a later step.
heading Pin the extension to the menu bar
link Pin the extension to the menu bar, url='https://demogorilla.com/docs/first-demo#pin-the-extension-to-the-menu-bar'
paragraph
StaticText You should see a puzzle piece shaped icon. Press that and pin the Demo Gorilla extension to your menu bar:
paragraph
image Pin menu, url='https://demogorilla.com/screenshots/web-pin-to-menu-highlights.png'
paragraph
StaticText Now it should show up on your menu bar at all times.
paragraph
image Pinned, url='https://demogorilla.com/screenshots/app-installed-highlight.png'
paragraph
StaticText Press the Demo Gorilla icon and you should get a pop-up:
paragraph
image Extension installed, url='https://demogorilla.com/screenshots/ext-installed.png'
paragraph
StaticText But there’s no content, let’s make some!
heading Add a domain
link Add a domain, url='https://demogorilla.com/docs/first-demo#add-a-domain'
paragraph
link Add an authorized domain, url='https://app.demogorilla.com/organization/settings/sites/new'
StaticText either by clicking that link or pressing “+ Add” on the
link Organization settings, url='https://app.demogorilla.com/organization/settings'
StaticText page.
paragraph
StaticText Note: We have a demo product you can use: a fake ticketing tool called
link Ticketr, url='https://ticketr.demogorilla.com/'
StaticText . We’ll use it in this example but you can use your real domain, just change the domain (and later the pages).
paragraph
StaticText Enter “ticketr.demogorilla.com” in the “Domain” field, and press “Add”
paragraph
image Authorize domain, url='https://demogorilla.com/screenshots/app-authorize-domain-highlight.png'
paragraph
StaticText And you’ll have authorized a domain:
paragraph
image Authorize domain, url='https://demogorilla.com/screenshots/app-created-domain.png'
heading And it works
link And it works, url='https://demogorilla.com/docs/first-demo#and-it-works'
paragraph
StaticText Now if you navigate to
link https://ticketr.demogorilla.com/, url='https://ticketr.demogorilla.com/'
StaticText (Or the domain you added in the previous step), and then press the Demo Gorilla icon it’ll open the Presenter Notes with some sample content
paragraph
image Pinned, url='https://demogorilla.com/screenshots/app-installed-highlight.png'
paragraph
image Extension with sample content, url='https://demogorilla.com/screenshots/ext-sample-content.png'
paragraph
StaticText You can play with the sample content to gain some familiarity.
paragraph
StaticText There are some
link actions, url='https://demogorilla.com/docs/actions'
StaticText :
paragraph
image Sample content, url='https://demogorilla.com/screenshots/ext-sample-actions-highlight.png'
paragraph
StaticText And some sample
link tags, url='https://demogorilla.com/docs/tags'
StaticText that enable & disable content:
paragraph
image Sample content, url='https://demogorilla.com/screenshots/ext-sample-tags-highlight.png'
paragraph
StaticText Let’s replace that sample content!
heading Step 1: Selling the value
link Step 1: Selling the value, url='https://demogorilla.com/docs/first-demo#step-1-selling-the-value'
paragraph
StaticText When we’re giving a demo, it’s too easy to talk about what
strong
StaticText we
StaticText are doing instead of why this feature is valuable
strong
StaticText to the customer
StaticText , so let’s make that our first talking point.
paragraph
StaticText “Talking points” are hints to our demo-ers about what to remember to say. Ideally they should be bullet points, intended to remind not be read verbatim. By writing good talking points your demoers can focus on the customer interaction instead of racking their brains for what to say. They also allow your team to share the best messaging across the organization and keep it up to date. (You can read more about talking points
link here, url='https://demogorilla.com/docs/talking-points'
StaticText . ) Go to the Talking Points page in the app and click “Add a talking point”
paragraph
image Add talking point, url='https://demogorilla.com/screenshots/app-talking-points2-highlight.png'
paragraph
StaticText Let’s give it a title: “Great things about Ticketr”
paragraph
StaticText And replace the content (feel free to copy and paste this text or make up your own):
code
StaticText Ticketr uses
- **Machine Learning** from top PhDs
- **Artificial intelligence** to make your team's life easier
- Saves *25%* of your manager's time on average
- Causes %17% fewer mis-filed tickets
- 600 of the Fortune 500 use it
paragraph
StaticText Leave the rest of the options alone and press “Add” and you’ll have made your first talking point.
paragraph
image Add talking point, url='https://demogorilla.com/screenshots/sample-talking-point-highlight.png'
paragraph
StaticText Let’s see your new talking point in the presenter notes! You can either press the Demo Gorilla button in your browser, or refresh the extension while on the site you authorized:
paragraph
image Refresh, url='https://demogorilla.com/screenshots/ext-menu-refresh-highlight.png'
paragraph
StaticText And you’ll see your content (you may need to scroll). Something you’ll notice is the text transformed a little: the “-” became a real bullet and the “**” made the text bold. That’s called “Markdown”.
paragraph
image Refresh, url='https://demogorilla.com/screenshots/ext-new-content-highlight.png'
paragraph
StaticText By default all talking points start out as only visible to you. When you’re ready to share them, click the “…” button on the
link Talking Points, url='https://app.demogorilla.com/talking_points'
StaticText page and share it:
paragraph
image Share, url='https://demogorilla.com/screenshots/app-talking-point-dropdown-highlight.png'
paragraph
StaticText Bonus: You can see the talking point stared off with some text. That’s a template and is customizable in
link organization settings, url='https://demogorilla.com/docs/org-settings#templates'
StaticText .
heading Step 2. Showing and telling
link Step 2. Showing and telling, url='https://demogorilla.com/docs/first-demo#step-2-showing-and-telling'
paragraph
StaticText Nothing is more boring than sitting through a slide presentation when you expected a demo - but sometimes we need the slides to lay the groundwork for the amazing feature you’re about to show off.
paragraph
StaticText Demo Gorilla makes it easy to show
emphasis
StaticText and
StaticText tell while keeping the demo moving along. Let’s make our first action: to display a Google Slide (we have a
link sample deck, url='https://docs.google.com/presentation/d/1f_3Sxv8EDjMpmJYnYuX5pYXlK7IkrwoA74fUu-wXJtg/edit#slide=id.g15dc82dc54f_0_71'
StaticText , but you can use your own if you’d prefer)
paragraph
StaticText Let’s add a slide to explain TicketR’s “Suggestions” feature. Go to the “
link Actions, url='https://app.demogorilla.com/actions/new'
StaticText ” page and press “Add an action”.
paragraph
image Add action, url='https://demogorilla.com/screenshots/app-actions-page-highlight.png'
paragraph
StaticText Use the following values:
list
listitem
ListMarker •
strong
StaticText Name:
StaticText Suggestions
listitem
ListMarker •
strong
StaticText URL:
StaticText https://docs.google.com/presentation/d/1f_3Sxv8EDjMpmJYnYuX5pYXlK7IkrwoA74fUu-wXJtg/edit#slide=id.g16b5cdc2823_1_0
listitem
ListMarker •
strong
StaticText Type:
StaticText Popup button
listitem
ListMarker •
strong
StaticText When it’s shown:
StaticText Let’s only show it on the suggestions page (instructions below)
listitem
ListMarker •
strong
StaticText Sort order:
StaticText 50
paragraph
StaticText When you’re filling in the values, the first thing you notice is that Demo Gorilla wants to help you by tweaking the URL. When you copy & paste a URL from a Google Slide it shows all the editing toolbars and menus. When you press “Use recommendation”, Demo Gorilla will change the URL to present just the slide.
paragraph
image Use recommendation, url='https://demogorilla.com/screenshots/app-adding-action-recommendation-highlight.png'
paragraph
StaticText We’re only going to make this action appear when we’re on the Suggestions page which is “
code
StaticText https://ticketr.demogorilla.com/?p=suggestions
StaticText ” so we’re going to make a new “page” to filter down to just that page (
link Pages, url='https://demogorilla.com/docs/pages'
StaticText can also filter to groups of pages or sections of your app).
paragraph
StaticText Select the circle beside “Show on” and press “Add a new page”
paragraph
image Add a page, url='https://demogorilla.com/screenshots/app-adding-action-shown-highlight.png'
paragraph
StaticText Use the following values:
list
listitem
ListMarker •
strong
StaticText Page name:
StaticText Suggestions
listitem
ListMarker •
strong
StaticText URL
StaticText : contains suggestions
paragraph
image Add a page, url='https://demogorilla.com/screenshots/app-add-page-highlight.png'
paragraph
StaticText Your screen should look like this. Press Add.
paragraph
image Add action, url='https://demogorilla.com/screenshots/app-add-action-done.png'
paragraph
StaticText Either press the Demo Gorilla button in your browser, and navigate to
link Suggestions, url='https://ticketr.demogorilla.com/?p=suggestions'
StaticText in TicketR and you should see your new button. Press it and you’ll overlay a useful slide on top of the live demo.
paragraph
StaticText Note: You may need to press the “Show actions” button to see your button.
paragraph
image Live action, url='https://demogorilla.com/screenshots/screen-actions-highlight.png'
heading Step 3. Customizing to your audience
link Step 3. Customizing to your audience, url='https://demogorilla.com/docs/first-demo#step-3-customizing-to-your-audience'
paragraph
StaticText Of course not all demos are to the same people! What resonates with one audience might not with another.
paragraph
StaticText Demo Gorilla uses tags to customize your content based on the audience much like we used pages to customize content based on what you’re showing.
paragraph
StaticText You should already have some sample content on the “
link Tags, url='https://app.demogorilla.com/organization/tags'
StaticText ” page in the app. (If you deleted these, you can re-create them with the “Add a tag” button)
paragraph
image Sample tags, url='https://demogorilla.com/screenshots/app-tags-sample.png'
paragraph
StaticText There are 2 ways to create tags:
list
listitem
ListMarker •
StaticText Simple tags like
strong
StaticText CompetitorX
StaticText will create a button in the Presenter Notes that you can turn on or off
listitem
ListMarker •
StaticText Tags with a hyphen in them will create a dropdown so persona-administrator, persona-developer, and persona-manager will make a
strong
StaticText persona
StaticText dropdown with those as options
paragraph
image Sample content, url='https://demogorilla.com/screenshots/ext-sample-tags-highlight.png'
paragraph
StaticText By now you’re comfortable creating content, so let’s edit the existing content. There is one talking point and one action for each persona tag, let’s tweak the talking points. Click “Talking to Administrators” and change the content.
list
listitem
ListMarker •
strong
StaticText Title:
StaticText Administrator talking points
listitem
ListMarker •
strong
StaticText Content
StaticText :
code
StaticText - Talk about time saved
- We are compliant with SOC2, HIPAA, TPS and ROT26
- Ask lots of questions
paragraph
image Admin talking points, url='https://demogorilla.com/screenshots/app-talking-to-admins2.png'
paragraph
StaticText Either press the Demo Gorilla button in your browser, or refresh the extension (while on the site you authorized) and you’ll see new content when you select the “administrator” tag:
paragraph
image New admin content, url='https://demogorilla.com/screenshots/ext-new-admin-content-highlight.png'
heading Step 4. Be ready to answer questions
link Step 4. Be ready to answer questions, url='https://demogorilla.com/docs/first-demo#step-4-be-ready-to-answer-questions'
paragraph
StaticText Sometimes a customer asks a question. Instead of getting stumped, Demo Gorilla lets you search all the talking points. There are so many things you
emphasis
StaticText could
StaticText say in a demo, but you can’t say them all. So content that is
emphasis
StaticText only
StaticText for answering questions is called “Searchable content”
paragraph
StaticText Good news: This is the easiest part yet.
paragraph
StaticText Go to the
link Searchable content, url='https://app.demogorilla.com/talking_points/searchables'
StaticText tab on the Talking Points page and press “Add searchable content”. You’ll notice you don’t have to define “When it’s shown” since this talking point is
emphasis
StaticText only
StaticText shown if you search for it. Create your own searchable content:
paragraph
image Secret, url='https://demogorilla.com/screenshots/app-searchable-content-new.png'
paragraph
StaticText Either press the Demo Gorilla button in your browser, or refresh the extension (while on the site you authorized) and you’ll be able to see your content when you search. (If you’ve added useful content, remember to share it)
paragraph
image Secret, url='https://demogorilla.com/screenshots/ext-search-result.png'
paragraph
StaticText Note: All content is returned when you search, not just “Searchable content”.
heading What’s next?
link What’s next?, url='https://demogorilla.com/docs/first-demo#what-s-next'
paragraph
StaticText Obviously you’ll want to create your own content! Also we’ve only scratched the surface:
list
listitem
ListMarker 0.
link Connect Demo Gorilla to your Google Calendar, url='https://demogorilla.com/docs/integrations-google-calendar'
StaticText and every demo will automatically know how much time you have left and keep track of your notes.
listitem
ListMarker 0.
StaticText Take a look at the data collected in each
link session, url='https://demogorilla.com/docs/sessions'
listitem
ListMarker 0.
link Add the rest of your team, url='https://demogorilla.com/docs/users'
StaticText ON THIS PAGE
list
listitem
[458] link Step 0: Getting Set Up, center=(1383,162), url='https://demogorilla.com/docs/first-demo#step-0-getting-set-up'
listitem
list
listitem
[462] link Install the Presenter Notes extension, center=(1445,190), url='https://demogorilla.com/docs/first-demo#install-the-presenter-notes-extension'
listitem
list
listitem
[466] link Pin the extension to the menu bar, center=(1435,218), url='https://demogorilla.com/docs/first-demo#pin-the-extension-to-the-menu-bar'
listitem
list
listitem
[470] link Add a domain, center=(1364,246), url='https://demogorilla.com/docs/first-demo#add-a-domain'
listitem
list
listitem
[474] link And it works, center=(1359,274), url='https://demogorilla.com/docs/first-demo#and-it-works'
listitem
list
listitem
[478] link Step 1: Selling the value, center=(1390,302), url='https://demogorilla.com/docs/first-demo#step-1-selling-the-value'
listitem
list
listitem
[482] link Step 2. Showing and telling, center=(1400,330), url='https://demogorilla.com/docs/first-demo#step-2-showing-and-telling'
listitem
list
listitem
[486] link Step 3. Customizing to your audience, center=(1436,358), url='https://demogorilla.com/docs/first-demo#step-3-customizing-to-your-audience'
listitem
list
listitem
[490] link Step 4. Be ready to answer questions, center=(1435,386), url='https://demogorilla.com/docs/first-demo#step-4-be-ready-to-answer-questions'
listitem
list
listitem
[494] link What's next?, center=(1349,414), url='https://demogorilla.com/docs/first-demo#whats-next'
listitem
list
link Resources, url='https://demogorilla.com/resources'
link Sales mistakes all startups make, url='https://demogorilla.com/resources/sales-mistakes-all-startups-make'
link Challenger Sale: 5 Types of Sales Reps, url='https://demogorilla.com/resources/types-of-sales-reps'
link Demo Gorilla for Qualification, url='https://demogorilla.com/resources/demogorilla-for-qualification'
link Terms of Service, url='https://demogorilla.com/terms-of-service'
link Privacy, url='https://demogorilla.com/privacy-policy'
link hi@demogorilla.com, url='mailto:hi@demogorilla.com'
StaticText Backed by
image YCombinator logo, url='https://demogorilla.com/images/ycombinator-logo.png'
StaticText Like every organization on earth, we use cookies to ensure you have a normal experience on our website.
[160] link Learn more., center=(1387,1002), url='https://demogorilla.com/privacy-policy'
[162] button I accept, center=(898,1043)
[163] button Please, no, center=(1012,1043)
alert, atomic
StaticText Your First Demo | Demo Gorilla
RootWebArea Your First Demo | Demo Gorilla, focused, url='https://demogorilla.com/docs/first-demo#install-the-presenter-notes-extension'
main
navigation
[203] image Demo Gorilla logo, center=(216,868), url='https://demogorilla.com/images/logo.svg'
[205] link Getting Started, center=(1421,868), url='https://demogorilla.com/docs/first-demo'
Show more
[206] link Docs, center=(1534,868), url='https://demogorilla.com/docs'
[207] link Pricing, center=(1613,868), url='https://demogorilla.com/pricing'
[208] link Log in, center=(1696,868), url='https://app.demogorilla.com/'
list
listitem
[213] link Documentation, center=(527,952), url='https://demogorilla.com/docs'
listitem
[215] link Your First Demo, center=(533,988), url='https://demogorilla.com/docs/first-demo'
listitem
[217] link User account configuration, center=(488,1024), url='https://demogorilla.com/docs/new-user'
listitem
[219] link 4 Tips for Impactful Demos, center=(488,1060), url='https://demogorilla.com/docs/compelling-demos'
listitem
[221] link Actions, center=(567,1096), url='https://demogorilla.com/docs/actions'
listitem
[223] link Talking Points, center=(542,1132), url='https://demogorilla.com/docs/talking-points'
listitem
[225] link Tab Collections, center=(536,1168), url='https://demogorilla.com/docs/collections'
listitem
[227] link Talk Tracks, center=(553,1204), url='https://demogorilla.com/docs/talk-tracks'
listitem
[229] link Pages, center=(573,1240), url='https://demogorilla.com/docs/pages'
listitem
[231] link Tags, center=(578,1276), url='https://demogorilla.com/docs/tags'
listitem
[233] link Organization Settings, center=(510,1312), url='https://demogorilla.com/docs/org-settings'
listitem
[235] link User management, center=(522,1348), url='https://demogorilla.com/docs/users'
listitem
[237] link Sessions, center=(561,1384), url='https://demogorilla.com/docs/sessions'
listitem
[239] link Review requests, center=(530,1420), url='https://demogorilla.com/docs/review-requests'
[240] listitem, center=(485,1468), inner_text=Google Calendar Integration
link Google Calendar Integration, url='https://demogorilla.com/docs/integrations-google-calendar'
[242] listitem, center=(485,1528), inner_text=Security & Privacy: Best Practices
link Security & Privacy: Best Practices, url='https://demogorilla.com/docs/security-best-practices'
[244] listitem, center=(485,1588), inner_text=Labs: betas and fun use cases
link Labs: betas and fun use cases, url='https://demogorilla.com/docs/labs'
heading Your First Demo
paragraph
StaticText What makes a good software demo?
list
listitem
ListMarker 0.
StaticText Selling the value
listitem
ListMarker 0.
StaticText Showing and telling
listitem
ListMarker 0.
StaticText Customizing to your audience
listitem
ListMarker 0.
StaticText Being ready to answer questions
paragraph
StaticText Let’s build that demo!
heading Step 0: Getting Set Up
link Step 0: Getting Set Up, url='https://demogorilla.com/docs/first-demo#step-0-getting-set-up'
paragraph
StaticText Accept your invitation to your account & login.
paragraph
image Accept invitation, url='https://demogorilla.com/screenshots/app-accept-invitation.png'
paragraph
StaticText If there are any problems signing in, you can reset your password via the “Forgot your password” button.
heading Install the Presenter Notes extension, focused
[265] link Install the Presenter Notes extension, center=(872,924), url='https://demogorilla.com/docs/first-demo#install-the-presenter-notes-extension'
paragraph
image Google Chrome Web Store, url='https://demogorilla.com/screenshots/web-chrome-store.png'
paragraph
StaticText If you haven’t already, install the extension from Google’s
link Chrome Web Store, url='https://chrome.google.com/webstore/detail/saas-presenter-notes-by-d/hlcpfmkohddogkbbgiobcodgdoofepke'
paragraph
image Authorize, url='https://demogorilla.com/screenshots/web-authorize-highlights.png'
paragraph
StaticText Despite the built-in warning, you’re going to need to authorize Demo Gorilla on every domain you want to use it on in a later step.
heading Pin the extension to the menu bar
[275] link Pin the extension to the menu bar, center=(854,1551), url='https://demogorilla.com/docs/first-demo#pin-the-extension-to-the-menu-bar'
paragraph
StaticText You should see a puzzle piece shaped icon. Press that and pin the Demo Gorilla extension to your menu bar:
paragraph
image Pin menu, url='https://demogorilla.com/screenshots/web-pin-to-menu-highlights.png'
paragraph
StaticText Now it should show up on your menu bar at all times.
paragraph
image Pinned, url='https://demogorilla.com/screenshots/app-installed-highlight.png'
paragraph
StaticText Press the Demo Gorilla icon and you should get a pop-up:
paragraph
image Extension installed, url='https://demogorilla.com/screenshots/ext-installed.png'
paragraph
StaticText But there’s no content, let’s make some!
heading Add a domain
link Add a domain, url='https://demogorilla.com/docs/first-demo#add-a-domain'
paragraph
link Add an authorized domain, url='https://app.demogorilla.com/organization/settings/sites/new'
StaticText either by clicking that link or pressing “+ Add” on the
link Organization settings, url='https://app.demogorilla.com/organization/settings'
StaticText page.
paragraph
StaticText Note: We have a demo product you can use: a fake ticketing tool called
link Ticketr, url='https://ticketr.demogorilla.com/'
StaticText . We’ll use it in this example but you can use your real domain, just change the domain (and later the pages).
paragraph
StaticText Enter “ticketr.demogorilla.com” in the “Domain” field, and press “Add”
paragraph
image Authorize domain, url='https://demogorilla.com/screenshots/app-authorize-domain-highlight.png'
paragraph
StaticText And you’ll have authorized a domain:
paragraph
image Authorize domain, url='https://demogorilla.com/screenshots/app-created-domain.png'
heading And it works
link And it works, url='https://demogorilla.com/docs/first-demo#and-it-works'
paragraph
StaticText Now if you navigate to
link https://ticketr.demogorilla.com/, url='https://ticketr.demogorilla.com/'
StaticText (Or the domain you added in the previous step), and then press the Demo Gorilla icon it’ll open the Presenter Notes with some sample content
paragraph
image Pinned, url='https://demogorilla.com/screenshots/app-installed-highlight.png'
paragraph
image Extension with sample content, url='https://demogorilla.com/screenshots/ext-sample-content.png'
paragraph
StaticText You can play with the sample content to gain some familiarity.
paragraph
StaticText There are some
link actions, url='https://demogorilla.com/docs/actions'
StaticText :
paragraph
image Sample content, url='https://demogorilla.com/screenshots/ext-sample-actions-highlight.png'
paragraph
StaticText And some sample
link tags, url='https://demogorilla.com/docs/tags'
StaticText that enable & disable content:
paragraph
image Sample content, url='https://demogorilla.com/screenshots/ext-sample-tags-highlight.png'
paragraph
StaticText Let’s replace that sample content!
heading Step 1: Selling the value
link Step 1: Selling the value, url='https://demogorilla.com/docs/first-demo#step-1-selling-the-value'
paragraph
StaticText When we’re giving a demo, it’s too easy to talk about what
strong
StaticText we
StaticText are doing instead of why this feature is valuable
strong
StaticText to the customer
StaticText , so let’s make that our first talking point.
paragraph
StaticText “Talking points” are hints to our demo-ers about what to remember to say. Ideally they should be bullet points, intended to remind not be read verbatim. By writing good talking points your demoers can focus on the customer interaction instead of racking their brains for what to say. They also allow your team to share the best messaging across the organization and keep it up to date. (You can read more about talking points
link here, url='https://demogorilla.com/docs/talking-points'
StaticText . ) Go to the Talking Points page in the app and click “Add a talking point”
paragraph
image Add talking point, url='https://demogorilla.com/screenshots/app-talking-points2-highlight.png'
paragraph
StaticText Let’s give it a title: “Great things about Ticketr”
paragraph
StaticText And replace the content (feel free to copy and paste this text or make up your own):
code
StaticText Ticketr uses
- **Machine Learning** from top PhDs
- **Artificial intelligence** to make your team's life easier
- Saves *25%* of your manager's time on average
- Causes %17% fewer mis-filed tickets
- 600 of the Fortune 500 use it
paragraph
StaticText Leave the rest of the options alone and press “Add” and you’ll have made your first talking point.
paragraph
image Add talking point, url='https://demogorilla.com/screenshots/sample-talking-point-highlight.png'
paragraph
StaticText Let’s see your new talking point in the presenter notes! You can either press the Demo Gorilla button in your browser, or refresh the extension while on the site you authorized:
paragraph
image Refresh, url='https://demogorilla.com/screenshots/ext-menu-refresh-highlight.png'
paragraph
StaticText And you’ll see your content (you may need to scroll). Something you’ll notice is the text transformed a little: the “-” became a real bullet and the “**” made the text bold. That’s called “Markdown”.
paragraph
image Refresh, url='https://demogorilla.com/screenshots/ext-new-content-highlight.png'
paragraph
StaticText By default all talking points start out as only visible to you. When you’re ready to share them, click the “…” button on the
link Talking Points, url='https://app.demogorilla.com/talking_points'
StaticText page and share it:
paragraph
image Share, url='https://demogorilla.com/screenshots/app-talking-point-dropdown-highlight.png'
paragraph
StaticText Bonus: You can see the talking point stared off with some text. That’s a template and is customizable in
link organization settings, url='https://demogorilla.com/docs/org-settings#templates'
StaticText .
heading Step 2. Showing and telling
link Step 2. Showing and telling, url='https://demogorilla.com/docs/first-demo#step-2-showing-and-telling'
paragraph
StaticText Nothing is more boring than sitting through a slide presentation when you expected a demo - but sometimes we need the slides to lay the groundwork for the amazing feature you’re about to show off.
paragraph
StaticText Demo Gorilla makes it easy to show
emphasis
StaticText and
StaticText tell while keeping the demo moving along. Let’s make our first action: to display a Google Slide (we have a
link sample deck, url='https://docs.google.com/presentation/d/1f_3Sxv8EDjMpmJYnYuX5pYXlK7IkrwoA74fUu-wXJtg/edit#slide=id.g15dc82dc54f_0_71'
StaticText , but you can use your own if you’d prefer)
paragraph
StaticText Let’s add a slide to explain TicketR’s “Suggestions” feature. Go to the “
link Actions, url='https://app.demogorilla.com/actions/new'
StaticText ” page and press “Add an action”.
paragraph
image Add action, url='https://demogorilla.com/screenshots/app-actions-page-highlight.png'
paragraph
StaticText Use the following values:
list
listitem
ListMarker •
strong
StaticText Name:
StaticText Suggestions
listitem
ListMarker •
strong
StaticText URL:
StaticText https://docs.google.com/presentation/d/1f_3Sxv8EDjMpmJYnYuX5pYXlK7IkrwoA74fUu-wXJtg/edit#slide=id.g16b5cdc2823_1_0
listitem
ListMarker •
strong
StaticText Type:
StaticText Popup button
listitem
ListMarker •
strong
StaticText When it’s shown:
StaticText Let’s only show it on the suggestions page (instructions below)
listitem
ListMarker •
strong
StaticText Sort order:
StaticText 50
paragraph
StaticText When you’re filling in the values, the first thing you notice is that Demo Gorilla wants to help you by tweaking the URL. When you copy & paste a URL from a Google Slide it shows all the editing toolbars and menus. When you press “Use recommendation”, Demo Gorilla will change the URL to present just the slide.
paragraph
image Use recommendation, url='https://demogorilla.com/screenshots/app-adding-action-recommendation-highlight.png'
paragraph
StaticText We’re only going to make this action appear when we’re on the Suggestions page which is “
code
StaticText https://ticketr.demogorilla.com/?p=suggestions
StaticText ” so we’re going to make a new “page” to filter down to just that page (
link Pages, url='https://demogorilla.com/docs/pages'
StaticText can also filter to groups of pages or sections of your app).
paragraph
StaticText Select the circle beside “Show on” and press “Add a new page”
paragraph
image Add a page, url='https://demogorilla.com/screenshots/app-adding-action-shown-highlight.png'
paragraph
StaticText Use the following values:
list
listitem
ListMarker •
strong
StaticText Page name:
StaticText Suggestions
listitem
ListMarker •
strong
StaticText URL
StaticText : contains suggestions
paragraph
image Add a page, url='https://demogorilla.com/screenshots/app-add-page-highlight.png'
paragraph
StaticText Your screen should look like this. Press Add.
paragraph
image Add action, url='https://demogorilla.com/screenshots/app-add-action-done.png'
paragraph
StaticText Either press the Demo Gorilla button in your browser, and navigate to
link Suggestions, url='https://ticketr.demogorilla.com/?p=suggestions'
StaticText in TicketR and you should see your new button. Press it and you’ll overlay a useful slide on top of the live demo.
paragraph
StaticText Note: You may need to press the “Show actions” button to see your button.
paragraph
image Live action, url='https://demogorilla.com/screenshots/screen-actions-highlight.png'
heading Step 3. Customizing to your audience
link Step 3. Customizing to your audience, url='https://demogorilla.com/docs/first-demo#step-3-customizing-to-your-audience'
paragraph
StaticText Of course not all demos are to the same people! What resonates with one audience might not with another.
paragraph
StaticText Demo Gorilla uses tags to customize your content based on the audience much like we used pages to customize content based on what you’re showing.
paragraph
StaticText You should already have some sample content on the “
link Tags, url='https://app.demogorilla.com/organization/tags'
StaticText ” page in the app. (If you deleted these, you can re-create them with the “Add a tag” button)
paragraph
image Sample tags, url='https://demogorilla.com/screenshots/app-tags-sample.png'
paragraph
StaticText There are 2 ways to create tags:
list
listitem
ListMarker •
StaticText Simple tags like
strong
StaticText CompetitorX
StaticText will create a button in the Presenter Notes that you can turn on or off
listitem
ListMarker •
StaticText Tags with a hyphen in them will create a dropdown so persona-administrator, persona-developer, and persona-manager will make a
strong
StaticText persona
StaticText dropdown with those as options
paragraph
image Sample content, url='https://demogorilla.com/screenshots/ext-sample-tags-highlight.png'
paragraph
StaticText By now you’re comfortable creating content, so let’s edit the existing content. There is one talking point and one action for each persona tag, let’s tweak the talking points. Click “Talking to Administrators” and change the content.
list
listitem
ListMarker •
strong
StaticText Title:
StaticText Administrator talking points
listitem
ListMarker •
strong
StaticText Content
StaticText :
code
StaticText - Talk about time saved
- We are compliant with SOC2, HIPAA, TPS and ROT26
- Ask lots of questions
paragraph
image Admin talking points, url='https://demogorilla.com/screenshots/app-talking-to-admins2.png'
paragraph
StaticText Either press the Demo Gorilla button in your browser, or refresh the extension (while on the site you authorized) and you’ll see new content when you select the “administrator” tag:
paragraph
image New admin content, url='https://demogorilla.com/screenshots/ext-new-admin-content-highlight.png'
heading Step 4. Be ready to answer questions
link Step 4. Be ready to answer questions, url='https://demogorilla.com/docs/first-demo#step-4-be-ready-to-answer-questions'
paragraph
StaticText Sometimes a customer asks a question. Instead of getting stumped, Demo Gorilla lets you search all the talking points. There are so many things you
emphasis
StaticText could
StaticText say in a demo, but you can’t say them all. So content that is
emphasis
StaticText only
StaticText for answering questions is called “Searchable content”
paragraph
StaticText Good news: This is the easiest part yet.
paragraph
StaticText Go to the
link Searchable content, url='https://app.demogorilla.com/talking_points/searchables'
StaticText tab on the Talking Points page and press “Add searchable content”. You’ll notice you don’t have to define “When it’s shown” since this talking point is
emphasis
StaticText only
StaticText shown if you search for it. Create your own searchable content:
paragraph
image Secret, url='https://demogorilla.com/screenshots/app-searchable-content-new.png'
paragraph
StaticText Either press the Demo Gorilla button in your browser, or refresh the extension (while on the site you authorized) and you’ll be able to see your content when you search. (If you’ve added useful content, remember to share it)
paragraph
image Secret, url='https://demogorilla.com/screenshots/ext-search-result.png'
paragraph
StaticText Note: All content is returned when you search, not just “Searchable content”.
heading What’s next?
link What’s next?, url='https://demogorilla.com/docs/first-demo#what-s-next'
paragraph
StaticText Obviously you’ll want to create your own content! Also we’ve only scratched the surface:
list
listitem
ListMarker 0.
link Connect Demo Gorilla to your Google Calendar, url='https://demogorilla.com/docs/integrations-google-calendar'
StaticText and every demo will automatically know how much time you have left and keep track of your notes.
listitem
ListMarker 0.
StaticText Take a look at the data collected in each
link session, url='https://demogorilla.com/docs/sessions'
listitem
ListMarker 0.
link Add the rest of your team, url='https://demogorilla.com/docs/users'
StaticText ON THIS PAGE
list
listitem
[458] link Step 0: Getting Set Up, center=(1383,990), url='https://demogorilla.com/docs/first-demo#step-0-getting-set-up'
listitem
list
listitem
[462] link Install the Presenter Notes extension, center=(1445,1018), url='https://demogorilla.com/docs/first-demo#install-the-presenter-notes-extension'
listitem
list
listitem
[466] link Pin the extension to the menu bar, center=(1435,1046), url='https://demogorilla.com/docs/first-demo#pin-the-extension-to-the-menu-bar'
listitem
list
listitem
[470] link Add a domain, center=(1364,1074), url='https://demogorilla.com/docs/first-demo#add-a-domain'
listitem
list
listitem
[474] link And it works, center=(1359,1102), url='https://demogorilla.com/docs/first-demo#and-it-works'
listitem
list
listitem
[478] link Step 1: Selling the value, center=(1390,1130), url='https://demogorilla.com/docs/first-demo#step-1-selling-the-value'
listitem
list
listitem
[482] link Step 2. Showing and telling, center=(1400,1158), url='https://demogorilla.com/docs/first-demo#step-2-showing-and-telling'
listitem
list
listitem
[486] link Step 3. Customizing to your audience, center=(1436,1186), url='https://demogorilla.com/docs/first-demo#step-3-customizing-to-your-audience'
listitem
list
listitem
[490] link Step 4. Be ready to answer questions, center=(1435,1214), url='https://demogorilla.com/docs/first-demo#step-4-be-ready-to-answer-questions'
listitem
list
listitem
[494] link What's next?, center=(1349,1242), url='https://demogorilla.com/docs/first-demo#whats-next'
listitem
list
link Resources, url='https://demogorilla.com/resources'
link Sales mistakes all startups make, url='https://demogorilla.com/resources/sales-mistakes-all-startups-make'
link Challenger Sale: 5 Types of Sales Reps, url='https://demogorilla.com/resources/types-of-sales-reps'
link Demo Gorilla for Qualification, url='https://demogorilla.com/resources/demogorilla-for-qualification'
link Terms of Service, url='https://demogorilla.com/terms-of-service'
link Privacy, url='https://demogorilla.com/privacy-policy'
link hi@demogorilla.com, url='mailto:hi@demogorilla.com'
StaticText Backed by
image YCombinator logo, url='https://demogorilla.com/images/ycombinator-logo.png'
StaticText Like every organization on earth, we use cookies to ensure you have a normal experience on our website.
[160] link Learn more., center=(1387,1830), url='https://demogorilla.com/privacy-policy'
[162] button I accept, center=(898,1871)
[163] button Please, no, center=(1012,1871)
alert, atomic
StaticText Your First Demo | Demo Gorilla
Reasoning for action: I chose to click on the 'Install the Presenter Notes extension' link because it is the first step outlined in the user story for installing the extension. This action will bring me closer to providing clear and direct instructions, enabling the user to install the extension effectively, as required by the task.
Action: click(265) # Click on the 'Install the Presenter Notes extension' link to explore how to install the extension.
Change Description: After clicking the 'Install the Presenter Notes extension' link, the browser navigated to the relevant section of the webpage focused on the installation process, modifying the viewing focus from the initial content to the specific instructions for installing the extension.
Screenshot before:Screenshot after:---
Step 3:
Url (before/after):
https://demogorilla.com/docs/first-demo#install-the-presenter-notes-extension
https://demogorilla.com/docs/first-demo#pin-the-extension-to-the-menu-bar
Content (before/after):
RootWebArea Your First Demo | Demo Gorilla, focused, url='https://demogorilla.com/docs/first-demo#install-the-presenter-notes-extension'
main
navigation
[203] image Demo Gorilla logo, center=(216,868), url='https://demogorilla.com/images/logo.svg'
[205] link Getting Started, center=(1421,868), url='https://demogorilla.com/docs/first-demo'
Show more
[206] link Docs, center=(1534,868), url='https://demogorilla.com/docs'
[207] link Pricing, center=(1613,868), url='https://demogorilla.com/pricing'
[208] link Log in, center=(1696,868), url='https://app.demogorilla.com/'
list
listitem
[213] link Documentation, center=(527,952), url='https://demogorilla.com/docs'
listitem
[215] link Your First Demo, center=(533,988), url='https://demogorilla.com/docs/first-demo'
listitem
[217] link User account configuration, center=(488,1024), url='https://demogorilla.com/docs/new-user'
listitem
[219] link 4 Tips for Impactful Demos, center=(488,1060), url='https://demogorilla.com/docs/compelling-demos'
listitem
[221] link Actions, center=(567,1096), url='https://demogorilla.com/docs/actions'
listitem
[223] link Talking Points, center=(542,1132), url='https://demogorilla.com/docs/talking-points'
listitem
[225] link Tab Collections, center=(536,1168), url='https://demogorilla.com/docs/collections'
listitem
[227] link Talk Tracks, center=(553,1204), url='https://demogorilla.com/docs/talk-tracks'
listitem
[229] link Pages, center=(573,1240), url='https://demogorilla.com/docs/pages'
listitem
[231] link Tags, center=(578,1276), url='https://demogorilla.com/docs/tags'
listitem
[233] link Organization Settings, center=(510,1312), url='https://demogorilla.com/docs/org-settings'
listitem
[235] link User management, center=(522,1348), url='https://demogorilla.com/docs/users'
listitem
[237] link Sessions, center=(561,1384), url='https://demogorilla.com/docs/sessions'
listitem
[239] link Review requests, center=(530,1420), url='https://demogorilla.com/docs/review-requests'
[240] listitem, center=(485,1468), inner_text=Google Calendar Integration
link Google Calendar Integration, url='https://demogorilla.com/docs/integrations-google-calendar'
[242] listitem, center=(485,1528), inner_text=Security & Privacy: Best Practices
link Security & Privacy: Best Practices, url='https://demogorilla.com/docs/security-best-practices'
[244] listitem, center=(485,1588), inner_text=Labs: betas and fun use cases
link Labs: betas and fun use cases, url='https://demogorilla.com/docs/labs'
heading Your First Demo
paragraph
StaticText What makes a good software demo?
list
listitem
ListMarker 0.
StaticText Selling the value
listitem
ListMarker 0.
StaticText Showing and telling
listitem
ListMarker 0.
StaticText Customizing to your audience
listitem
ListMarker 0.
StaticText Being ready to answer questions
paragraph
StaticText Let’s build that demo!
heading Step 0: Getting Set Up
link Step 0: Getting Set Up, url='https://demogorilla.com/docs/first-demo#step-0-getting-set-up'
paragraph
StaticText Accept your invitation to your account & login.
paragraph
image Accept invitation, url='https://demogorilla.com/screenshots/app-accept-invitation.png'
paragraph
StaticText If there are any problems signing in, you can reset your password via the “Forgot your password” button.
heading Install the Presenter Notes extension, focused
[265] link Install the Presenter Notes extension, center=(872,924), url='https://demogorilla.com/docs/first-demo#install-the-presenter-notes-extension'
paragraph
image Google Chrome Web Store, url='https://demogorilla.com/screenshots/web-chrome-store.png'
paragraph
StaticText If you haven’t already, install the extension from Google’s
link Chrome Web Store, url='https://chrome.google.com/webstore/detail/saas-presenter-notes-by-d/hlcpfmkohddogkbbgiobcodgdoofepke'
paragraph
image Authorize, url='https://demogorilla.com/screenshots/web-authorize-highlights.png'
paragraph
StaticText Despite the built-in warning, you’re going to need to authorize Demo Gorilla on every domain you want to use it on in a later step.
heading Pin the extension to the menu bar
[275] link Pin the extension to the menu bar, center=(854,1551), url='https://demogorilla.com/docs/first-demo#pin-the-extension-to-the-menu-bar'
paragraph
StaticText You should see a puzzle piece shaped icon. Press that and pin the Demo Gorilla extension to your menu bar:
paragraph
image Pin menu, url='https://demogorilla.com/screenshots/web-pin-to-menu-highlights.png'
paragraph
StaticText Now it should show up on your menu bar at all times.
paragraph
image Pinned, url='https://demogorilla.com/screenshots/app-installed-highlight.png'
paragraph
StaticText Press the Demo Gorilla icon and you should get a pop-up:
paragraph
image Extension installed, url='https://demogorilla.com/screenshots/ext-installed.png'
paragraph
StaticText But there’s no content, let’s make some!
heading Add a domain
link Add a domain, url='https://demogorilla.com/docs/first-demo#add-a-domain'
paragraph
link Add an authorized domain, url='https://app.demogorilla.com/organization/settings/sites/new'
StaticText either by clicking that link or pressing “+ Add” on the
link Organization settings, url='https://app.demogorilla.com/organization/settings'
StaticText page.
paragraph
StaticText Note: We have a demo product you can use: a fake ticketing tool called
link Ticketr, url='https://ticketr.demogorilla.com/'
StaticText . We’ll use it in this example but you can use your real domain, just change the domain (and later the pages).
paragraph
StaticText Enter “ticketr.demogorilla.com” in the “Domain” field, and press “Add”
paragraph
image Authorize domain, url='https://demogorilla.com/screenshots/app-authorize-domain-highlight.png'
paragraph
StaticText And you’ll have authorized a domain:
paragraph
image Authorize domain, url='https://demogorilla.com/screenshots/app-created-domain.png'
heading And it works
link And it works, url='https://demogorilla.com/docs/first-demo#and-it-works'
paragraph
StaticText Now if you navigate to
link https://ticketr.demogorilla.com/, url='https://ticketr.demogorilla.com/'
StaticText (Or the domain you added in the previous step), and then press the Demo Gorilla icon it’ll open the Presenter Notes with some sample content
paragraph
image Pinned, url='https://demogorilla.com/screenshots/app-installed-highlight.png'
paragraph
image Extension with sample content, url='https://demogorilla.com/screenshots/ext-sample-content.png'
paragraph
StaticText You can play with the sample content to gain some familiarity.
paragraph
StaticText There are some
link actions, url='https://demogorilla.com/docs/actions'
StaticText :
paragraph
image Sample content, url='https://demogorilla.com/screenshots/ext-sample-actions-highlight.png'
paragraph
StaticText And some sample
link tags, url='https://demogorilla.com/docs/tags'
StaticText that enable & disable content:
paragraph
image Sample content, url='https://demogorilla.com/screenshots/ext-sample-tags-highlight.png'
paragraph
StaticText Let’s replace that sample content!
heading Step 1: Selling the value
link Step 1: Selling the value, url='https://demogorilla.com/docs/first-demo#step-1-selling-the-value'
paragraph
StaticText When we’re giving a demo, it’s too easy to talk about what
strong
StaticText we
StaticText are doing instead of why this feature is valuable
strong
StaticText to the customer
StaticText , so let’s make that our first talking point.
paragraph
StaticText “Talking points” are hints to our demo-ers about what to remember to say. Ideally they should be bullet points, intended to remind not be read verbatim. By writing good talking points your demoers can focus on the customer interaction instead of racking their brains for what to say. They also allow your team to share the best messaging across the organization and keep it up to date. (You can read more about talking points
link here, url='https://demogorilla.com/docs/talking-points'
StaticText . ) Go to the Talking Points page in the app and click “Add a talking point”
paragraph
image Add talking point, url='https://demogorilla.com/screenshots/app-talking-points2-highlight.png'
paragraph
StaticText Let’s give it a title: “Great things about Ticketr”
paragraph
StaticText And replace the content (feel free to copy and paste this text or make up your own):
code
StaticText Ticketr uses
- **Machine Learning** from top PhDs
- **Artificial intelligence** to make your team's life easier
- Saves *25%* of your manager's time on average
- Causes %17% fewer mis-filed tickets
- 600 of the Fortune 500 use it
paragraph
StaticText Leave the rest of the options alone and press “Add” and you’ll have made your first talking point.
paragraph
image Add talking point, url='https://demogorilla.com/screenshots/sample-talking-point-highlight.png'
paragraph
StaticText Let’s see your new talking point in the presenter notes! You can either press the Demo Gorilla button in your browser, or refresh the extension while on the site you authorized:
paragraph
image Refresh, url='https://demogorilla.com/screenshots/ext-menu-refresh-highlight.png'
paragraph
StaticText And you’ll see your content (you may need to scroll). Something you’ll notice is the text transformed a little: the “-” became a real bullet and the “**” made the text bold. That’s called “Markdown”.
paragraph
image Refresh, url='https://demogorilla.com/screenshots/ext-new-content-highlight.png'
paragraph
StaticText By default all talking points start out as only visible to you. When you’re ready to share them, click the “…” button on the
link Talking Points, url='https://app.demogorilla.com/talking_points'
StaticText page and share it:
paragraph
image Share, url='https://demogorilla.com/screenshots/app-talking-point-dropdown-highlight.png'
paragraph
StaticText Bonus: You can see the talking point stared off with some text. That’s a template and is customizable in
link organization settings, url='https://demogorilla.com/docs/org-settings#templates'
StaticText .
heading Step 2. Showing and telling
link Step 2. Showing and telling, url='https://demogorilla.com/docs/first-demo#step-2-showing-and-telling'
paragraph
StaticText Nothing is more boring than sitting through a slide presentation when you expected a demo - but sometimes we need the slides to lay the groundwork for the amazing feature you’re about to show off.
paragraph
StaticText Demo Gorilla makes it easy to show
emphasis
StaticText and
StaticText tell while keeping the demo moving along. Let’s make our first action: to display a Google Slide (we have a
link sample deck, url='https://docs.google.com/presentation/d/1f_3Sxv8EDjMpmJYnYuX5pYXlK7IkrwoA74fUu-wXJtg/edit#slide=id.g15dc82dc54f_0_71'
StaticText , but you can use your own if you’d prefer)
paragraph
StaticText Let’s add a slide to explain TicketR’s “Suggestions” feature. Go to the “
link Actions, url='https://app.demogorilla.com/actions/new'
StaticText ” page and press “Add an action”.
paragraph
image Add action, url='https://demogorilla.com/screenshots/app-actions-page-highlight.png'
paragraph
StaticText Use the following values:
list
listitem
ListMarker •
strong
StaticText Name:
StaticText Suggestions
listitem
ListMarker •
strong
StaticText URL:
StaticText https://docs.google.com/presentation/d/1f_3Sxv8EDjMpmJYnYuX5pYXlK7IkrwoA74fUu-wXJtg/edit#slide=id.g16b5cdc2823_1_0
listitem
ListMarker •
strong
StaticText Type:
StaticText Popup button
listitem
ListMarker •
strong
StaticText When it’s shown:
StaticText Let’s only show it on the suggestions page (instructions below)
listitem
ListMarker •
strong
StaticText Sort order:
StaticText 50
paragraph
StaticText When you’re filling in the values, the first thing you notice is that Demo Gorilla wants to help you by tweaking the URL. When you copy & paste a URL from a Google Slide it shows all the editing toolbars and menus. When you press “Use recommendation”, Demo Gorilla will change the URL to present just the slide.
paragraph
image Use recommendation, url='https://demogorilla.com/screenshots/app-adding-action-recommendation-highlight.png'
paragraph
StaticText We’re only going to make this action appear when we’re on the Suggestions page which is “
code
StaticText https://ticketr.demogorilla.com/?p=suggestions
StaticText ” so we’re going to make a new “page” to filter down to just that page (
link Pages, url='https://demogorilla.com/docs/pages'
StaticText can also filter to groups of pages or sections of your app).
paragraph
StaticText Select the circle beside “Show on” and press “Add a new page”
paragraph
image Add a page, url='https://demogorilla.com/screenshots/app-adding-action-shown-highlight.png'
paragraph
StaticText Use the following values:
list
listitem
ListMarker •
strong
StaticText Page name:
StaticText Suggestions
listitem
ListMarker •
strong
StaticText URL
StaticText : contains suggestions
paragraph
image Add a page, url='https://demogorilla.com/screenshots/app-add-page-highlight.png'
paragraph
StaticText Your screen should look like this. Press Add.
paragraph
image Add action, url='https://demogorilla.com/screenshots/app-add-action-done.png'
paragraph
StaticText Either press the Demo Gorilla button in your browser, and navigate to
link Suggestions, url='https://ticketr.demogorilla.com/?p=suggestions'
StaticText in TicketR and you should see your new button. Press it and you’ll overlay a useful slide on top of the live demo.
paragraph
StaticText Note: You may need to press the “Show actions” button to see your button.
paragraph
image Live action, url='https://demogorilla.com/screenshots/screen-actions-highlight.png'
heading Step 3. Customizing to your audience
link Step 3. Customizing to your audience, url='https://demogorilla.com/docs/first-demo#step-3-customizing-to-your-audience'
paragraph
StaticText Of course not all demos are to the same people! What resonates with one audience might not with another.
paragraph
StaticText Demo Gorilla uses tags to customize your content based on the audience much like we used pages to customize content based on what you’re showing.
paragraph
StaticText You should already have some sample content on the “
link Tags, url='https://app.demogorilla.com/organization/tags'
StaticText ” page in the app. (If you deleted these, you can re-create them with the “Add a tag” button)
paragraph
image Sample tags, url='https://demogorilla.com/screenshots/app-tags-sample.png'
paragraph
StaticText There are 2 ways to create tags:
list
listitem
ListMarker •
StaticText Simple tags like
strong
StaticText CompetitorX
StaticText will create a button in the Presenter Notes that you can turn on or off
listitem
ListMarker •
StaticText Tags with a hyphen in them will create a dropdown so persona-administrator, persona-developer, and persona-manager will make a
strong
StaticText persona
StaticText dropdown with those as options
paragraph
image Sample content, url='https://demogorilla.com/screenshots/ext-sample-tags-highlight.png'
paragraph
StaticText By now you’re comfortable creating content, so let’s edit the existing content. There is one talking point and one action for each persona tag, let’s tweak the talking points. Click “Talking to Administrators” and change the content.
list
listitem
ListMarker •
strong
StaticText Title:
StaticText Administrator talking points
listitem
ListMarker •
strong
StaticText Content
StaticText :
code
StaticText - Talk about time saved
- We are compliant with SOC2, HIPAA, TPS and ROT26
- Ask lots of questions
paragraph
image Admin talking points, url='https://demogorilla.com/screenshots/app-talking-to-admins2.png'
paragraph
StaticText Either press the Demo Gorilla button in your browser, or refresh the extension (while on the site you authorized) and you’ll see new content when you select the “administrator” tag:
paragraph
image New admin content, url='https://demogorilla.com/screenshots/ext-new-admin-content-highlight.png'
heading Step 4. Be ready to answer questions
link Step 4. Be ready to answer questions, url='https://demogorilla.com/docs/first-demo#step-4-be-ready-to-answer-questions'
paragraph
StaticText Sometimes a customer asks a question. Instead of getting stumped, Demo Gorilla lets you search all the talking points. There are so many things you
emphasis
StaticText could
StaticText say in a demo, but you can’t say them all. So content that is
emphasis
StaticText only
StaticText for answering questions is called “Searchable content”
paragraph
StaticText Good news: This is the easiest part yet.
paragraph
StaticText Go to the
link Searchable content, url='https://app.demogorilla.com/talking_points/searchables'
StaticText tab on the Talking Points page and press “Add searchable content”. You’ll notice you don’t have to define “When it’s shown” since this talking point is
emphasis
StaticText only
StaticText shown if you search for it. Create your own searchable content:
paragraph
image Secret, url='https://demogorilla.com/screenshots/app-searchable-content-new.png'
paragraph
StaticText Either press the Demo Gorilla button in your browser, or refresh the extension (while on the site you authorized) and you’ll be able to see your content when you search. (If you’ve added useful content, remember to share it)
paragraph
image Secret, url='https://demogorilla.com/screenshots/ext-search-result.png'
paragraph
StaticText Note: All content is returned when you search, not just “Searchable content”.
heading What’s next?
link What’s next?, url='https://demogorilla.com/docs/first-demo#what-s-next'
paragraph
StaticText Obviously you’ll want to create your own content! Also we’ve only scratched the surface:
list
listitem
ListMarker 0.
link Connect Demo Gorilla to your Google Calendar, url='https://demogorilla.com/docs/integrations-google-calendar'
StaticText and every demo will automatically know how much time you have left and keep track of your notes.
listitem
ListMarker 0.
StaticText Take a look at the data collected in each
link session, url='https://demogorilla.com/docs/sessions'
listitem
ListMarker 0.
link Add the rest of your team, url='https://demogorilla.com/docs/users'
StaticText ON THIS PAGE
list
listitem
[458] link Step 0: Getting Set Up, center=(1383,990), url='https://demogorilla.com/docs/first-demo#step-0-getting-set-up'
listitem
list
listitem
[462] link Install the Presenter Notes extension, center=(1445,1018), url='https://demogorilla.com/docs/first-demo#install-the-presenter-notes-extension'
listitem
list
listitem
[466] link Pin the extension to the menu bar, center=(1435,1046), url='https://demogorilla.com/docs/first-demo#pin-the-extension-to-the-menu-bar'
listitem
list
listitem
[470] link Add a domain, center=(1364,1074), url='https://demogorilla.com/docs/first-demo#add-a-domain'
listitem
list
listitem
[474] link And it works, center=(1359,1102), url='https://demogorilla.com/docs/first-demo#and-it-works'
listitem
list
listitem
[478] link Step 1: Selling the value, center=(1390,1130), url='https://demogorilla.com/docs/first-demo#step-1-selling-the-value'
listitem
list
listitem
[482] link Step 2. Showing and telling, center=(1400,1158), url='https://demogorilla.com/docs/first-demo#step-2-showing-and-telling'
listitem
list
listitem
[486] link Step 3. Customizing to your audience, center=(1436,1186), url='https://demogorilla.com/docs/first-demo#step-3-customizing-to-your-audience'
listitem
list
listitem
[490] link Step 4. Be ready to answer questions, center=(1435,1214), url='https://demogorilla.com/docs/first-demo#step-4-be-ready-to-answer-questions'
listitem
list
listitem
[494] link What's next?, center=(1349,1242), url='https://demogorilla.com/docs/first-demo#whats-next'
listitem
list
link Resources, url='https://demogorilla.com/resources'
link Sales mistakes all startups make, url='https://demogorilla.com/resources/sales-mistakes-all-startups-make'
link Challenger Sale: 5 Types of Sales Reps, url='https://demogorilla.com/resources/types-of-sales-reps'
link Demo Gorilla for Qualification, url='https://demogorilla.com/resources/demogorilla-for-qualification'
link Terms of Service, url='https://demogorilla.com/terms-of-service'
link Privacy, url='https://demogorilla.com/privacy-policy'
link hi@demogorilla.com, url='mailto:hi@demogorilla.com'
StaticText Backed by
image YCombinator logo, url='https://demogorilla.com/images/ycombinator-logo.png'
StaticText Like every organization on earth, we use cookies to ensure you have a normal experience on our website.
[160] link Learn more., center=(1387,1830), url='https://demogorilla.com/privacy-policy'
[162] button I accept, center=(898,1871)
[163] button Please, no, center=(1012,1871)
alert, atomic
StaticText Your First Demo | Demo Gorilla
RootWebArea Your First Demo | Demo Gorilla, focused, url='https://demogorilla.com/docs/first-demo#pin-the-extension-to-the-menu-bar'
main
navigation
[203] image Demo Gorilla logo, center=(216,1495), url='https://demogorilla.com/images/logo.svg'
[205] link Getting Started, center=(1421,1495), url='https://demogorilla.com/docs/first-demo'
Show more
[206] link Docs, center=(1534,1495), url='https://demogorilla.com/docs'
[207] link Pricing, center=(1613,1495), url='https://demogorilla.com/pricing'
[208] link Log in, center=(1696,1495), url='https://app.demogorilla.com/'
list
listitem
[213] link Documentation, center=(527,1578), url='https://demogorilla.com/docs'
listitem
[215] link Your First Demo, center=(533,1614), url='https://demogorilla.com/docs/first-demo'
listitem
[217] link User account configuration, center=(488,1650), url='https://demogorilla.com/docs/new-user'
listitem
[219] link 4 Tips for Impactful Demos, center=(488,1686), url='https://demogorilla.com/docs/compelling-demos'
listitem
[221] link Actions, center=(567,1722), url='https://demogorilla.com/docs/actions'
listitem
[223] link Talking Points, center=(542,1758), url='https://demogorilla.com/docs/talking-points'
listitem
[225] link Tab Collections, center=(536,1794), url='https://demogorilla.com/docs/collections'
listitem
[227] link Talk Tracks, center=(553,1830), url='https://demogorilla.com/docs/talk-tracks'
listitem
[229] link Pages, center=(573,1866), url='https://demogorilla.com/docs/pages'
listitem
[231] link Tags, center=(578,1902), url='https://demogorilla.com/docs/tags'
listitem
[233] link Organization Settings, center=(510,1938), url='https://demogorilla.com/docs/org-settings'
listitem
[235] link User management, center=(522,1974), url='https://demogorilla.com/docs/users'
listitem
[237] link Sessions, center=(561,2010), url='https://demogorilla.com/docs/sessions'
listitem
[239] link Review requests, center=(530,2046), url='https://demogorilla.com/docs/review-requests'
[240] listitem, center=(485,2095), inner_text=Google Calendar Integration
link Google Calendar Integration, url='https://demogorilla.com/docs/integrations-google-calendar'
[242] listitem, center=(485,2155), inner_text=Security & Privacy: Best Practices
link Security & Privacy: Best Practices, url='https://demogorilla.com/docs/security-best-practices'
[244] listitem, center=(485,2215), inner_text=Labs: betas and fun use cases
link Labs: betas and fun use cases, url='https://demogorilla.com/docs/labs'
heading Your First Demo
paragraph
StaticText What makes a good software demo?
list
listitem
ListMarker 0.
StaticText Selling the value
listitem
ListMarker 0.
StaticText Showing and telling
listitem
ListMarker 0.
StaticText Customizing to your audience
listitem
ListMarker 0.
StaticText Being ready to answer questions
paragraph
StaticText Let’s build that demo!
heading Step 0: Getting Set Up
link Step 0: Getting Set Up, url='https://demogorilla.com/docs/first-demo#step-0-getting-set-up'
paragraph
StaticText Accept your invitation to your account & login.
paragraph
image Accept invitation, url='https://demogorilla.com/screenshots/app-accept-invitation.png'
paragraph
StaticText If there are any problems signing in, you can reset your password via the “Forgot your password” button.
heading Install the Presenter Notes extension
link Install the Presenter Notes extension, url='https://demogorilla.com/docs/first-demo#install-the-presenter-notes-extension'
paragraph
image Google Chrome Web Store, url='https://demogorilla.com/screenshots/web-chrome-store.png'
paragraph
StaticText If you haven’t already, install the extension from Google’s
link Chrome Web Store, url='https://chrome.google.com/webstore/detail/saas-presenter-notes-by-d/hlcpfmkohddogkbbgiobcodgdoofepke'
paragraph
image Authorize, url='https://demogorilla.com/screenshots/web-authorize-highlights.png'
paragraph
StaticText Despite the built-in warning, you’re going to need to authorize Demo Gorilla on every domain you want to use it on in a later step.
heading Pin the extension to the menu bar, focused
[275] link Pin the extension to the menu bar, center=(854,1551), url='https://demogorilla.com/docs/first-demo#pin-the-extension-to-the-menu-bar'
paragraph
StaticText You should see a puzzle piece shaped icon. Press that and pin the Demo Gorilla extension to your menu bar:
paragraph
image Pin menu, url='https://demogorilla.com/screenshots/web-pin-to-menu-highlights.png'
paragraph
StaticText Now it should show up on your menu bar at all times.
paragraph
image Pinned, url='https://demogorilla.com/screenshots/app-installed-highlight.png'
paragraph
StaticText Press the Demo Gorilla icon and you should get a pop-up:
paragraph
image Extension installed, url='https://demogorilla.com/screenshots/ext-installed.png'
paragraph
StaticText But there’s no content, let’s make some!
heading Add a domain
link Add a domain, url='https://demogorilla.com/docs/first-demo#add-a-domain'
paragraph
link Add an authorized domain, url='https://app.demogorilla.com/organization/settings/sites/new'
StaticText either by clicking that link or pressing “+ Add” on the
link Organization settings, url='https://app.demogorilla.com/organization/settings'
StaticText page.
paragraph
StaticText Note: We have a demo product you can use: a fake ticketing tool called
link Ticketr, url='https://ticketr.demogorilla.com/'
StaticText . We’ll use it in this example but you can use your real domain, just change the domain (and later the pages).
paragraph
StaticText Enter “ticketr.demogorilla.com” in the “Domain” field, and press “Add”
paragraph
image Authorize domain, url='https://demogorilla.com/screenshots/app-authorize-domain-highlight.png'
paragraph
StaticText And you’ll have authorized a domain:
paragraph
image Authorize domain, url='https://demogorilla.com/screenshots/app-created-domain.png'
heading And it works
link And it works, url='https://demogorilla.com/docs/first-demo#and-it-works'
paragraph
StaticText Now if you navigate to
link https://ticketr.demogorilla.com/, url='https://ticketr.demogorilla.com/'
StaticText (Or the domain you added in the previous step), and then press the Demo Gorilla icon it’ll open the Presenter Notes with some sample content
paragraph
image Pinned, url='https://demogorilla.com/screenshots/app-installed-highlight.png'
paragraph
image Extension with sample content, url='https://demogorilla.com/screenshots/ext-sample-content.png'
paragraph
StaticText You can play with the sample content to gain some familiarity.
paragraph
StaticText There are some
link actions, url='https://demogorilla.com/docs/actions'
StaticText :
paragraph
image Sample content, url='https://demogorilla.com/screenshots/ext-sample-actions-highlight.png'
paragraph
StaticText And some sample
link tags, url='https://demogorilla.com/docs/tags'
StaticText that enable & disable content:
paragraph
image Sample content, url='https://demogorilla.com/screenshots/ext-sample-tags-highlight.png'
paragraph
StaticText Let’s replace that sample content!
heading Step 1: Selling the value
link Step 1: Selling the value, url='https://demogorilla.com/docs/first-demo#step-1-selling-the-value'
paragraph
StaticText When we’re giving a demo, it’s too easy to talk about what
strong
StaticText we
StaticText are doing instead of why this feature is valuable
strong
StaticText to the customer
StaticText , so let’s make that our first talking point.
paragraph
StaticText “Talking points” are hints to our demo-ers about what to remember to say. Ideally they should be bullet points, intended to remind not be read verbatim. By writing good talking points your demoers can focus on the customer interaction instead of racking their brains for what to say. They also allow your team to share the best messaging across the organization and keep it up to date. (You can read more about talking points
link here, url='https://demogorilla.com/docs/talking-points'
StaticText . ) Go to the Talking Points page in the app and click “Add a talking point”
paragraph
image Add talking point, url='https://demogorilla.com/screenshots/app-talking-points2-highlight.png'
paragraph
StaticText Let’s give it a title: “Great things about Ticketr”
paragraph
StaticText And replace the content (feel free to copy and paste this text or make up your own):
code
StaticText Ticketr uses
- **Machine Learning** from top PhDs
- **Artificial intelligence** to make your team's life easier
- Saves *25%* of your manager's time on average
- Causes %17% fewer mis-filed tickets
- 600 of the Fortune 500 use it
paragraph
StaticText Leave the rest of the options alone and press “Add” and you’ll have made your first talking point.
paragraph
image Add talking point, url='https://demogorilla.com/screenshots/sample-talking-point-highlight.png'
paragraph
StaticText Let’s see your new talking point in the presenter notes! You can either press the Demo Gorilla button in your browser, or refresh the extension while on the site you authorized:
paragraph
image Refresh, url='https://demogorilla.com/screenshots/ext-menu-refresh-highlight.png'
paragraph
StaticText And you’ll see your content (you may need to scroll). Something you’ll notice is the text transformed a little: the “-” became a real bullet and the “**” made the text bold. That’s called “Markdown”.
paragraph
image Refresh, url='https://demogorilla.com/screenshots/ext-new-content-highlight.png'
paragraph
StaticText By default all talking points start out as only visible to you. When you’re ready to share them, click the “…” button on the
link Talking Points, url='https://app.demogorilla.com/talking_points'
StaticText page and share it:
paragraph
image Share, url='https://demogorilla.com/screenshots/app-talking-point-dropdown-highlight.png'
paragraph
StaticText Bonus: You can see the talking point stared off with some text. That’s a template and is customizable in
link organization settings, url='https://demogorilla.com/docs/org-settings#templates'
StaticText .
heading Step 2. Showing and telling
link Step 2. Showing and telling, url='https://demogorilla.com/docs/first-demo#step-2-showing-and-telling'
paragraph
StaticText Nothing is more boring than sitting through a slide presentation when you expected a demo - but sometimes we need the slides to lay the groundwork for the amazing feature you’re about to show off.
paragraph
StaticText Demo Gorilla makes it easy to show
emphasis
StaticText and
StaticText tell while keeping the demo moving along. Let’s make our first action: to display a Google Slide (we have a
link sample deck, url='https://docs.google.com/presentation/d/1f_3Sxv8EDjMpmJYnYuX5pYXlK7IkrwoA74fUu-wXJtg/edit#slide=id.g15dc82dc54f_0_71'
StaticText , but you can use your own if you’d prefer)
paragraph
StaticText Let’s add a slide to explain TicketR’s “Suggestions” feature. Go to the “
link Actions, url='https://app.demogorilla.com/actions/new'
StaticText ” page and press “Add an action”.
paragraph
image Add action, url='https://demogorilla.com/screenshots/app-actions-page-highlight.png'
paragraph
StaticText Use the following values:
list
listitem
ListMarker •
strong
StaticText Name:
StaticText Suggestions
listitem
ListMarker •
strong
StaticText URL:
StaticText https://docs.google.com/presentation/d/1f_3Sxv8EDjMpmJYnYuX5pYXlK7IkrwoA74fUu-wXJtg/edit#slide=id.g16b5cdc2823_1_0
listitem
ListMarker •
strong
StaticText Type:
StaticText Popup button
listitem
ListMarker •
strong
StaticText When it’s shown:
StaticText Let’s only show it on the suggestions page (instructions below)
listitem
ListMarker •
strong
StaticText Sort order:
StaticText 50
paragraph
StaticText When you’re filling in the values, the first thing you notice is that Demo Gorilla wants to help you by tweaking the URL. When you copy & paste a URL from a Google Slide it shows all the editing toolbars and menus. When you press “Use recommendation”, Demo Gorilla will change the URL to present just the slide.
paragraph
image Use recommendation, url='https://demogorilla.com/screenshots/app-adding-action-recommendation-highlight.png'
paragraph
StaticText We’re only going to make this action appear when we’re on the Suggestions page which is “
code
StaticText https://ticketr.demogorilla.com/?p=suggestions
StaticText ” so we’re going to make a new “page” to filter down to just that page (
link Pages, url='https://demogorilla.com/docs/pages'
StaticText can also filter to groups of pages or sections of your app).
paragraph
StaticText Select the circle beside “Show on” and press “Add a new page”
paragraph
image Add a page, url='https://demogorilla.com/screenshots/app-adding-action-shown-highlight.png'
paragraph
StaticText Use the following values:
list
listitem
ListMarker •
strong
StaticText Page name:
StaticText Suggestions
listitem
ListMarker •
strong
StaticText URL
StaticText : contains suggestions
paragraph
image Add a page, url='https://demogorilla.com/screenshots/app-add-page-highlight.png'
paragraph
StaticText Your screen should look like this. Press Add.
paragraph
image Add action, url='https://demogorilla.com/screenshots/app-add-action-done.png'
paragraph
StaticText Either press the Demo Gorilla button in your browser, and navigate to
link Suggestions, url='https://ticketr.demogorilla.com/?p=suggestions'
StaticText in TicketR and you should see your new button. Press it and you’ll overlay a useful slide on top of the live demo.
paragraph
StaticText Note: You may need to press the “Show actions” button to see your button.
paragraph
image Live action, url='https://demogorilla.com/screenshots/screen-actions-highlight.png'
heading Step 3. Customizing to your audience
link Step 3. Customizing to your audience, url='https://demogorilla.com/docs/first-demo#step-3-customizing-to-your-audience'
paragraph
StaticText Of course not all demos are to the same people! What resonates with one audience might not with another.
paragraph
StaticText Demo Gorilla uses tags to customize your content based on the audience much like we used pages to customize content based on what you’re showing.
paragraph
StaticText You should already have some sample content on the “
link Tags, url='https://app.demogorilla.com/organization/tags'
StaticText ” page in the app. (If you deleted these, you can re-create them with the “Add a tag” button)
paragraph
image Sample tags, url='https://demogorilla.com/screenshots/app-tags-sample.png'
paragraph
StaticText There are 2 ways to create tags:
list
listitem
ListMarker •
StaticText Simple tags like
strong
StaticText CompetitorX
StaticText will create a button in the Presenter Notes that you can turn on or off
listitem
ListMarker •
StaticText Tags with a hyphen in them will create a dropdown so persona-administrator, persona-developer, and persona-manager will make a
strong
StaticText persona
StaticText dropdown with those as options
paragraph
image Sample content, url='https://demogorilla.com/screenshots/ext-sample-tags-highlight.png'
paragraph
StaticText By now you’re comfortable creating content, so let’s edit the existing content. There is one talking point and one action for each persona tag, let’s tweak the talking points. Click “Talking to Administrators” and change the content.
list
listitem
ListMarker •
strong
StaticText Title:
StaticText Administrator talking points
listitem
ListMarker •
strong
StaticText Content
StaticText :
code
StaticText - Talk about time saved
- We are compliant with SOC2, HIPAA, TPS and ROT26
- Ask lots of questions
paragraph
image Admin talking points, url='https://demogorilla.com/screenshots/app-talking-to-admins2.png'
paragraph
StaticText Either press the Demo Gorilla button in your browser, or refresh the extension (while on the site you authorized) and you’ll see new content when you select the “administrator” tag:
paragraph
image New admin content, url='https://demogorilla.com/screenshots/ext-new-admin-content-highlight.png'
heading Step 4. Be ready to answer questions
link Step 4. Be ready to answer questions, url='https://demogorilla.com/docs/first-demo#step-4-be-ready-to-answer-questions'
paragraph
StaticText Sometimes a customer asks a question. Instead of getting stumped, Demo Gorilla lets you search all the talking points. There are so many things you
emphasis
StaticText could
StaticText say in a demo, but you can’t say them all. So content that is
emphasis
StaticText only
StaticText for answering questions is called “Searchable content”
paragraph
StaticText Good news: This is the easiest part yet.
paragraph
StaticText Go to the
link Searchable content, url='https://app.demogorilla.com/talking_points/searchables'
StaticText tab on the Talking Points page and press “Add searchable content”. You’ll notice you don’t have to define “When it’s shown” since this talking point is
emphasis
StaticText only
StaticText shown if you search for it. Create your own searchable content:
paragraph
image Secret, url='https://demogorilla.com/screenshots/app-searchable-content-new.png'
paragraph
StaticText Either press the Demo Gorilla button in your browser, or refresh the extension (while on the site you authorized) and you’ll be able to see your content when you search. (If you’ve added useful content, remember to share it)
paragraph
image Secret, url='https://demogorilla.com/screenshots/ext-search-result.png'
paragraph
StaticText Note: All content is returned when you search, not just “Searchable content”.
heading What’s next?
link What’s next?, url='https://demogorilla.com/docs/first-demo#what-s-next'
paragraph
StaticText Obviously you’ll want to create your own content! Also we’ve only scratched the surface:
list
listitem
ListMarker 0.
link Connect Demo Gorilla to your Google Calendar, url='https://demogorilla.com/docs/integrations-google-calendar'
StaticText and every demo will automatically know how much time you have left and keep track of your notes.
listitem
ListMarker 0.
StaticText Take a look at the data collected in each
link session, url='https://demogorilla.com/docs/sessions'
listitem
ListMarker 0.
link Add the rest of your team, url='https://demogorilla.com/docs/users'
StaticText ON THIS PAGE
list
listitem
[458] link Step 0: Getting Set Up, center=(1383,1617), url='https://demogorilla.com/docs/first-demo#step-0-getting-set-up'
listitem
list
listitem
[462] link Install the Presenter Notes extension, center=(1445,1645), url='https://demogorilla.com/docs/first-demo#install-the-presenter-notes-extension'
listitem
list
listitem
[466] link Pin the extension to the menu bar, center=(1435,1673), url='https://demogorilla.com/docs/first-demo#pin-the-extension-to-the-menu-bar'
listitem
list
listitem
[470] link Add a domain, center=(1364,1701), url='https://demogorilla.com/docs/first-demo#add-a-domain'
listitem
list
listitem
[474] link And it works, center=(1359,1729), url='https://demogorilla.com/docs/first-demo#and-it-works'
listitem
list
listitem
[478] link Step 1: Selling the value, center=(1390,1757), url='https://demogorilla.com/docs/first-demo#step-1-selling-the-value'
listitem
list
listitem
[482] link Step 2. Showing and telling, center=(1400,1785), url='https://demogorilla.com/docs/first-demo#step-2-showing-and-telling'
listitem
list
listitem
[486] link Step 3. Customizing to your audience, center=(1436,1813), url='https://demogorilla.com/docs/first-demo#step-3-customizing-to-your-audience'
listitem
list
listitem
[490] link Step 4. Be ready to answer questions, center=(1435,1841), url='https://demogorilla.com/docs/first-demo#step-4-be-ready-to-answer-questions'
listitem
list
listitem
[494] link What's next?, center=(1349,1869), url='https://demogorilla.com/docs/first-demo#whats-next'
listitem
list
link Resources, url='https://demogorilla.com/resources'
link Sales mistakes all startups make, url='https://demogorilla.com/resources/sales-mistakes-all-startups-make'
link Challenger Sale: 5 Types of Sales Reps, url='https://demogorilla.com/resources/types-of-sales-reps'
link Demo Gorilla for Qualification, url='https://demogorilla.com/resources/demogorilla-for-qualification'
link Terms of Service, url='https://demogorilla.com/terms-of-service'
link Privacy, url='https://demogorilla.com/privacy-policy'
link hi@demogorilla.com, url='mailto:hi@demogorilla.com'
StaticText Backed by
image YCombinator logo, url='https://demogorilla.com/images/ycombinator-logo.png'
StaticText Like every organization on earth, we use cookies to ensure you have a normal experience on our website.
[160] link Learn more., center=(1387,2456), url='https://demogorilla.com/privacy-policy'
[162] button I accept, center=(898,2498)
[163] button Please, no, center=(1012,2498)
alert, atomic
StaticText Your First Demo | Demo Gorilla
Reasoning for action: By clicking on the 'Pin the extension to the menu bar' link, I am navigating to the instructions that will allow me to pin the Presenter Notes extension to my browser's menu bar. This step is essential for achieving the user's goal of using the extension effectively during product demos, as pinning it will make the extension more accessible whenever they need to use it.
Action: click(275) # Click on the 'Pin the extension to the menu bar' link to explore how to pin the extension for easier access.
Change Description: After clicking the 'Pin the extension to the menu bar' link, the focus shifted to the section explaining how to pin the Demo Gorilla extension to the menu bar, which is now visually highlighted, indicating that the user is on this specific instructional part of the page.
Screenshot before:Screenshot after:---