Creating Shortcuts

Updated 2 weeks ago by Max Smith-Gee


Once you've opened a new Shortcut in the dashboard, you will be redirected to the site page and can begin creating your Shortcut through the builder.

The "builder" is the bar on the bottom of your screen used to create and edit shortcuts.

This Shortcut help article will be conducted on Simpo's Demo environment, but these same steps will apply to your web application as well.
PRO TIP: Prior to creating any Shortcuts, it is recommended that you write out each step of the process you are looking to automate. We recommend that Shortcuts be between 4-5 steps to drive the most value and impact to your users. If you have a Shortcut that is more than 6 steps, it may be best to create two Shortcuts.

Creating Shortcuts is easy, and it all starts by clicking on the "+" button in the bottom left of the webpage.

  1. Once you click on the "+", you will be given the power to start selecting 'elements' on your application.
  2. In order to select an 'element', hover your mouse over the area you want, click on the area, and this will automatically create a Shortcut Step.
  3. Repeat this 'point and click' process in order to capture the appropriate steps for your Shortcut.
  4. Once you have completed the Shortcut, please be sure to UPDATE CHANGES prior to exiting out of the builder.

Editing Individual Shortcut Steps

Now that you've created your first Shortcut, you see the steps listed down at the button of the page.

If you need to create an additional step or 'in-between' step, you can hover over the ">" sign between the existing steps and click on the "+" that will appear.

Once you have created those steps, you can start editing them by hovering over the step you want to start editing, and you will be given two options:

  • You can click on the "Gear" icon to start editing
  • You can click on the "Trash" icon to erase that step

When you click on the "Gear" icon you will see the editing tool (see below) where you are then able to take several actions:

  • Re-Select: This will allow you to re-select the exact element you are looking to grab on the application
  • Limit to current page: If you choose this option, it will limit the Shortcut step to the current page
  • Ignore Text: If you choose this option, it will tell the Shortcut that you would like to ignore the text associated with the element you selected

If you click on the Advanced tab, you will be presented with further tools for editing the specific Shortcut step:

  • Event
  • Click: This is a normal click and will move the user to the next Shortcut step
  • Highlight: This will only highlight the element and not "click" for the user
  • Right Click: This is a normal 'right click' and will open the context menu
  • Custom Selector: This allows you to put in the exact HTML / CSS you would like to grab for the Shortcut step

Once you have completed all of your edits, please be sure to SAVE all of your changes.

If you need to create another Shortcut, you can simply click "+ NEW" at the button of the page, and this will allow you to start creating a new Shortcut instantly.


How Did We Do?