Guideflow - Help Center
  • 🐣GET STARTED
    • What is Guideflow?
    • What can I use Guideflow for?
    • Install Chrome extension
    • Install Desktop app
  • 🔴CAPTURE A GUIDEFLOW
    • How-to capture a guideflow
    • Screen capture
    • HTML capture
    • Additional capture options
  • ✏️EDIT YOUR GUIDEFLOW
    • How-to edit your guideflow
    • Edit Design
    • Edit Theme
    • Edit Browser
    • Edit Call-to-Action (CTA)
    • Pan & Zoom
    • Add & edit steps
    • Add Popup
      • Add start popup
      • Add a popup
      • Add end popup
      • Add embed form popup
    • Checklist
      • Create a checklist
      • Edit checklist Theme
    • HTML editor
      • Edit your HTML capture
      • Advanced features
    • HTML Style editor
    • Guideflow settings
    • Preview your guideflow
    • Add blur
    • Custom resolution
    • Sandbox/Clickable demos
      • How to edit a Sandbox/Clickable demo
      • Presenter notes
    • Presenter notes
  • 💻SHARING GUIDEFLOW
    • How-to share your guideflow
    • Share your public link
    • Create custom links
    • Embed your guideflow
      • Landing page builders
      • Website builders & CMS
      • Blogging Platforms
      • Project/Task management
      • Help desk / Knowledge base
      • Customer Support
        • Zendesk integration
        • Intercom integration
      • Product Adoption
      • Changelog
      • Productivity tools
      • Review platforms
        • G2 Integration
    • Share on social platforms
    • Share into email platforms
      • Email marketing platforms
        • ActiveCampaign
      • Sales outreach platforms
    • Invite someone to Guideflow
    • Export in GIF or video
    • Export in PDF
    • Security settings
      • Password protection
      • Domain protection
      • Link expiration
    • Offline demo
  • 📊ANALYTICS
    • General analytics
    • Session analytics
    • Export analytics
    • Filter analytics
    • AI Account Reveal
  • 👨‍🏫COLLECT LEADS
    • Get leads data
  • 🧲Variables
    • What are variables
    • How-to pass variables
    • Where to use variables
    • Create & edit variables
    • Passing variables into emailing platforms
    • Examples
  • 📋DASHBOARD
    • Search & filter guideflows
    • Move a guideflow into folders
    • Create, edit, and move folders
    • Manage folders rights
    • Create, edit, and manage subfolders
  • 🔌INTEGRATIONS
    • Manage your integrations
    • Request a new integration
    • Resthook integration
    • Cross-frame events
    • CRM integrations
      • Salesforce integration
      • Hubspot integration
      • Pipedrive integration
    • Analytics integrations
      • Google Analytics integration
      • Mixpanel integration
      • Segment integration
      • OneTrust integration
    • Slack integration
    • Zapier integration
    • Remote Navigator
    • Highspot integration
    • Marketo integration
    • Figma integration
  • 🎨Branding
    • Custom theme
    • Remove watermark
    • Customize your public page
    • Custom domain
  • 🔑Workspace
    • Edit workspace information
    • Invite & manage team members
    • Manage billing
    • Access invoices
    • Manage API keys
    • Create & change workspace
  • 🌐ACCOUNT
    • Edit account information
    • Manage notification preferences
  • ☁️SSO
    • Enable SSO
  • 🤖AI
    • AI Voiceover
    • AI Translate
Powered by GitBook
On this page
  • Edit Hotspot
  • Edit Walkthrough
  • Edit Spotlight
  1. EDIT YOUR GUIDEFLOW

Edit Call-to-Action (CTA)

PreviousEdit BrowserNextPan & Zoom

Last updated 10 months ago

Call-to-actions guide your audience from step A to step B in your guideflow.

  • A Hotspot is a pulsing dot that displays your audience where to click

  • A Walkthrough highlights a specific area where to click thanks to an overlay.

  • A Spotlight is a card that can be placed anywhere in your demo.

All your steps contain a call-to-action except the last one.

(e.g. change your Hotspot call-to-action to a Walkthrough call-to-action to highlight a special area)

Edit Hotspot

A Hotspot is a pulsing dot that displays your audience where to click

  • To edit your Hotspot open the "Call-to-action" tab on the right panel or click on the Hotspot on the screen.

  • Select Hotspot as your call-to-action type.

  • To edit your Hotspot position drag & drop it into the screen.

  • Edit your call-to-action text in the "Text" field.

  • If you want, add to personalize content.

  • Select another tooltip position if it's hiding an element.

  • Toggle on "Custom appearance" to customize your Hotspot appearance for this step.

  • Click on "" to edit your Hotspot's appearance for all the steps.

Edit Walkthrough

A Walkthrough highlights a specific area where to click thanks to an overlay.

  • To edit your Walkthrough open the "Call-to-action" tab on the right panel or click on the Walkthrough on the screen.

  • Select Walkthrough as your call-to-action type.

  • To edit your Walkthrough position drag & drop it into the screen.

  • Edit your call-to-action text in the "Text" field.

  • Edit buttons' text "Next" and "Back".

  • Select another tooltip position if it's hiding an element.

  • Toggle on "Custom appearance" to customize your Walkthrough appearance for this step.

Edit Spotlight

A Spotlight is a card that can be placed anywhere in your demo. It features two arrows to navigate to the next or previous step and a text field to describe the current step.

A Spotlight helps guide your audience through your demo without highlighting a specific area or using a pulsing dot.

  1. To edit your Spotlight, open the "Call-to-action" tab on the right panel.

  2. Select Spotlight as your call-to-action type.

  3. To edit your Spotlight position, drag and drop it into the desired location on the screen.

  4. Edit your call-to-action text in the "Text" field to describe the current step.

  5. If you want, add variables to personalize the content.

  6. Toggle on "Custom appearance" to customize your Spotlight's appearance for this step.

  7. Click on "Edit Spotlight theme" to edit the Spotlight's appearance for all the steps.

If you want, add to personalize content.

Click on "" to edit the Walkthrough's appearance for all the steps.

✏️
variables
Edit Walkthrough theme
variables
Edit Hotspot theme