"use strict";
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    a: "a",
    li: "li",
    p: "p",
    ul: "ul",
    ...props.components
  };
  return _jsxs(_Fragment, {
    children: [_jsx("div", {
      style: {
        position: 'relative',
        paddingBottom: '56.25%',
        height: 0,
        overflow: 'hidden',
        maxWidth: '100%',
        height: 'auto'
      },
      children: _jsx("iframe", {
        src: "https://www.youtube.com/embed/BfEa4x-uaPE?si=OWY53Atf1RtEMYPP",
        title: "YouTube video player",
        frameBorder: "0",
        allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen",
        referrerPolicy: "strict-origin-when-cross-origin",
        allowFullScreen: true,
        style: {
          position: 'absolute',
          top: 0,
          left: 0,
          width: '100%',
          height: '100%'
        }
      })
    }), "\n", _jsx("br", {}), "\n", _jsxs(_components.p, {
      children: ["We're continually blown away by what you can do when you combine Ask Steve with the power of a workflow automation system like ", _jsx(_components.a, {
        href: "https://n8n.io/",
        children: "n8n"
      }), "."]
    }), "\n", _jsxs(_components.p, {
      children: [_jsx(_components.a, {
        href: "https://www.linkedin.com/in/jimleuk/",
        children: "Jim Le"
      }), " put together this n8n flow that enables you to ask Ask Steve to read any text to you."]
    }), "\n", _jsx(_components.p, {
      children: "Call the \"Read this to me\" Tool on any page or text selection, and it will call a flow that:"
    }), "\n", _jsxs(_components.ul, {
      children: ["\n", _jsxs(_components.li, {
        children: ["Sends the text to ", _jsx(_components.a, {
          href: "https://elevenlabs.io/",
          children: "ElevenLabs"
        }), ", which will turn the text to speech and return a file"]
      }), "\n", _jsxs(_components.li, {
        children: ["Uploads the file to ", _jsx(_components.a, {
          href: "https://cloudinary.com/",
          children: "Cloudinary"
        }), " for hosting, since we need a URL that we can link in HTML"]
      }), "\n", _jsx(_components.li, {
        children: "Construct and return the HTML for an audio player to Ask Steve"
      }), "\n"]
    }), "\n", _jsx(_components.p, {
      children: "At which point Ask Steve will autoplay the speech. 🗣️"
    }), "\n", _jsx(_components.p, {
      children: "You can imagine that you could also have it message the file to you or add it to a queue for later listening. \"Read it later\" becomes \"Read it TO ME later\"."
    }), "\n", _jsx(_components.p, {
      children: "🔥🔥🔥"
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


Demos


## Want to understand how Generative AI actually works? 
If you want to get the most out of generative AI tools, watch this video! You'll learn step by step how "the magic trick" happens, so that you'll be a better, more informed and more deliberate user of generative AI.

This is a re-recording of a talk given by Rajat Paharia, founder of Ask Steve, at the University of Arkansas for the Office of Entrepreneurship and Innovation.

The slides are available [here](https://docs.google.com/presentation/d/1PTvN5x3sfl-EiHoddB9wfNboKeFppOglzNnfCOS1Rgw/edit).

<br />
<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/I2t5Karvb2A?si=iz3QbbIXrEJA4LbJ" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>

Demystifying Generative AI - How it Works


## Eating my own dogfood 🐶
I have a high school senior and was recently helping him put together a spreadsheet of prospective colleges. We wanted them in a spreadsheet so that we could sort and filter them, add our own notes, and share the sheet with others. After manually copy and pasting 1 college's details from Niche.com into a Google Sheet, I thought to myself:
1. This sucks
1. I have a tool that can make this easier!

So I made an Agent to help. Learn more at the [For Applying to College](/a2c) page! 

Use Ask Steve to Help you with Applying to College


## Saving User Inputs
Many of Ask Steve's [library tools](/docs/library) request feedback from the user via [User Variables](/docs/tools#user-variables). This enables you to provide some details at runtime, which makes the Tools much more flexible. For example the `Chart this for me` Tool asks you what kind of chart you want, and the `Do something` Tool lets you type in any command. 

If you are going to be using the Tool the same way every time, you can remove the User Variables from the Tool and just paste in the value that you want to use. Then you can skip the dialog that asks you for your input every time. 

To do this, look for the User Variables in your Tool's instructions/prompt. These will be any text surrounded by `{{Double curly braces}}`, and optionally followed by some selection options `(inside parens)`. Delete this text and type or paste in what you want the fixed data to be. Then resave your Tool and you're done! 

Hardcode Your User Inputs So You Can Skip the User Input Dialog


## So You Built a Great Squarespace Site...
And now you're thinking it would be even better for your users if could you add some AI to it. But then you start thinking about what that entails. You need to learn to code, figure out what AI system to use, build an integration into your site, maintain it forever, and then **pay for it all**! It's easier just to do nothing. 

What if you could add AI capabilities to your website in minutes, without having to do any of those things? 

## The Ask Steve Solution
The Ask Steve browser extension gives users a 1-click AI assistant and tool belt for their browser. While it comes with a few default tools and has a library of 100+ more, **you can create & brand your own tools, just for your site, and give your users the ability to install them with 1-click**. So instead of building your own integration, leverage Ask Steve and then you don't have to learn how to code, you don't have to learn about all the different AI systems, you don't have to build an integration into your site, you don't have to maintain anything, and best of all, you don't have to pay anything, and neither do your users. Ask Steve has a free plan, and users use **their own** accounts with AI providers (which they can also get for free), so it's **TOTALLY FREE** for everyone. 

## How Does it Work? 
You use the Ask Steve extension to configure some code that you then copy and paste into a page on your Squarespace site. Then you tell your users to go to that page and in a few clicks they have everything installed. 

<br />
<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/UZzPzxTez98?si=GPOpQTEJf4alBn4B" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>
<br />


## What's the Catch? 
There is no catch! You get AI capabilities on your site for free and your users get to use them for free. We built our product and made a free plan because we want people to use it! If you have concerns about how any of the data is used, [this page](/docs/permissions) explains the permissions that we ask for and how we treat user data. 

## Tell Me How!

### Learn How to Use Ask Steve
1. [Install Ask Steve](https://quickstart.asksteve.to) and go through the onboarding to learn how to use it.
1. Copy, remix or create the custom [Tools](/docs/stools) that you want for your site.
1. Be sure to add [Buttons](/docs/tool-buttons) for them and style the buttons with your colors and logos.

### Generate and Install Your Widget
1. In the Ask Steve extension Settings, go to the [Widget](/docs/widgets) page to configure an embeddable widget that your users can use to add your Tools & Buttons. 
1. On Squarespace the widget will appear as a floating popup on whatever page you put it on. 
1. Create a new page if you need one. 
1. Click the gear icon next to the page. Then click on `Advanced` in the left nav. Then paste your widget code in to the field labelled `PAGE HEADER CODE INJECTION`
1. Hit the `SAVE` button in the upper left corner.
1. That's it!

### Tell Your Users!
1. Tell your users to go to the page with the widget to install Ask Steve and your custom Tools & Buttons. They can do this in just a few clicks and a matter of seconds.
1. Your users now have the AI superpowers **that you created** available on **your site**, **for FREE**!
1. If you want, they can even use your AI Tools on other sites.
<br />
If you ever want to update your Tools or Buttons, create new widget code and repeat the steps above. 

## Questions or Problems? 
Ask for help in our [User Community](https://groups.google.com/g/ask-steve)



Add FREE AI Superpowers to your Squarespace Site with the Ask Steve Widget


## So You Built a Great Wix Site...
And now you're thinking it would be even better for your users if could you add some AI to it. But then you start thinking about what that entails. You need to learn to code, figure out what AI system to use, build an integration into your site, maintain it forever, and then **pay for it all**! It's easier just to do nothing. 

What if you could add AI capabilities to your website in minutes, without having to do any of those things? 

## The Ask Steve Solution
The Ask Steve browser extension gives users a 1-click AI assistant and tool belt for their browser. While it comes with a few default tools and has a library of 100+ more, **you can create & brand your own tools, just for your site, and give your users the ability to install them with 1-click**. So instead of building your own integration, leverage Ask Steve and then you don't have to learn how to code, you don't have to learn about all the different AI systems, you don't have to build an integration into your site, you don't have to maintain anything, and best of all, you don't have to pay anything, and neither do your users. Ask Steve has a free plan, and users use **their own** accounts with AI providers (which they can also get for free), so it's **TOTALLY FREE** for everyone. 

## How Does it Work? 
You use the Ask Steve extension to configure some code that you then copy and paste into a page on your Wix site. Then you tell your users to go to that page and in a few clicks they have everything installed. 

<br />
<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/bi7_0mWs84A?si=aRUbe26ySG46VXdF" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>
<br />

## What's the Catch? 
There is no catch! You get AI capabilities on your site for free and your users get to use them for free. We built our product and made a free plan because we want people to use it! If you have concerns about how any of the data is used, [this page](/docs/permissions) explains the permissions that we ask for and how we treat user data. 

## Tell Me How!

### Learn How to Use Ask Steve
1. [Install Ask Steve](https://quickstart.asksteve.to) and go through the onboarding to learn how to use it.
1. Copy, remix or create the custom [Tools](/docs/tools) that you want for your site.
1. Be sure to add [Buttons](/docs/tool-buttons) for them and style the buttons with your colors and logos.

### Generate and Install Your Widget
1. In the Ask Steve extension Settings, go to the [Widget](/docs/widgets) page to configure an embeddable widget that your users can use to add your Tools & Buttons. 
1. On Wix the widget will appear in a placeholder that you create. Because of the way Wix works, you will also need to add your own link to install the Ask Steve extension.  
1. Create a new page if you need one. 
1. On the page, add a Text element and inside it put "Install the Ask Steve Extension" and hyperlink the text to https://quickstart.asksteve.to/browsers
1. Then click `Add Element`, select `Embed Code` and then `Embed HTML`.
1. Paste your widget code into the `HTML Settings` window that pops up. Make sure `Code` is selected, then press `Update` and close the popup. 
1. Resize the embed until it's at least 500 x 260, and move it below the text element that you added earlier. 
1. Save your site and Publish it. 
1. That's it!

### Tell Your Users!
1. Tell your users to go to the page with the widget to install Ask Steve and your custom Tools & Buttons. They can do this in just a few clicks and a matter of seconds.
1. Your users now have the AI superpowers **that you created** available on **your site**, **for FREE**!
1. If you want, they can even use your AI Tools on other sites.
<br />
If you ever want to update your Tools or Buttons, create new widget code and repeat the steps above. 

## Questions or Problems? 
Ask for help in our [User Community](https://groups.google.com/g/ask-steve)


Add FREE AI Superpowers to your Wix Site with the Ask Steve Widget


## Did You Know...
.. that you can build your own AI agents with no code at [Agent.ai](https://agent.ai)?

And that you can access them in the flow of work with Ask Steve?

I like to try out the various agent platforms to get a sense for what they're capable of. Billed as the "professional network for AI agents", Agent.ai currently has 800+ agents that you can use, and they have a no-code agent builder so that anyone can build their own and make it available for others to use.

It was built by [Dharmesh Shah](https://www.linkedin.com/in/dharmesh/), founder and CTO at HubSpot. 

The video below starts with a quick demo of the end result, and then dives in to how to create an agent and then wire it up to Ask Steve. 
<br />
<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/sPa8Ghs-hYY?si=JvwHEExqsXEziPUG" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>
<br />
If you're interested in building agents but have been intimidated by the process, it's worth checking out!

Connect your Agent.ai AI Agent to Ask Steve for 1-Click Access


<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto'}}>
  <iframe 
    src="https://www.youtube.com/embed/BfEa4x-uaPE?si=OWY53Atf1RtEMYPP" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>
<br />
We're continually blown away by what you can do when you combine Ask Steve with the power of a workflow automation system like [n8n](https://n8n.io/).

[Jim Le](https://www.linkedin.com/in/jimleuk/) put together this n8n flow that enables you to ask Ask Steve to read any text to you. 

Call the "Read this to me" Tool on any page or text selection, and it will call a flow that: 
* Sends the text to [ElevenLabs](https://elevenlabs.io/), which will turn the text to speech and return a file
* Uploads the file to [Cloudinary](https://cloudinary.com/) for hosting, since we need a URL that we can link in HTML
* Construct and return the HTML for an audio player to Ask Steve

At which point Ask Steve will autoplay the speech. 🗣️ 

You can imagine that you could also have it message the file to you or add it to a queue for later listening. "Read it later" becomes "Read it TO ME later".

🔥🔥🔥

Use Ask Steve's AI and API abilities to have any page or text selection read aloud to you (TTS)

Using Ask Steve, n8n, ElevenLabs and Cloudinary

Read more about
⚡Demos

Demystifying Generative AI - How it Works

Use Ask Steve to Help you with Applying to College

Hardcode Your User Inputs So You Can Skip the User Input Dialog

Add FREE AI Superpowers to your Squarespace Site with the Ask Steve Widget

Add FREE AI Superpowers to your Wix Site with the Ask Steve Widget

Connect your Agent.ai AI Agent to Ask Steve for 1-Click Access

Use Ask Steve's AI and API abilities to have any page or text selection read aloud to you (TTS)

Using Ask Steve, n8n, ElevenLabs and Cloudinary

Read more about ⚡Demos

Demystifying Generative AI - How it Works

Use Ask Steve to Help you with Applying to College

Hardcode Your User Inputs So You Can Skip the User Input Dialog

Add FREE AI Superpowers to your Squarespace Site with the Ask Steve Widget

Add FREE AI Superpowers to your Wix Site with the Ask Steve Widget

Connect your Agent.ai AI Agent to Ask Steve for 1-Click Access

Read more about
⚡Demos