When editing with the HTML Editor, our typewriter plugin allows you to automatically type in any input field on your screen. This allows you to automate portions of text input within your demo, for example, the text in search or chat input. This can prevent accidental entry of incorrect data or typos, prevent undesirable data, or control the flow and pace of your demo.
Plugins allow you to add editing tools on an as needed basis to keep the HTML Editor as easy to use as possible. If you would like to add this plugin to your Editor, open a support ticket via support@reprise.com.
Follow the instructions below to use the typewriter plugin.
1. Select the input field where you want to add the typewriter effect
2. Select the typewriter icon that appears above
3. Name your typewriter, add in text that you want to type and select the interval that the typing happens. Press Save.
4. Choose the action for when the typewriter finishes to be "Next Step"
5. When you reach the typewriter effect in your demo flow, it will automatically start typing and then proceed to the next step. If you add a guide or another action, drag and drop the steps from the left-hand side beneath your screen to change the demo flow order or merge steps.
Note: When adding a guide before the typewriter effect, set the action to 'next step.' The typewriter will automatically start typing at that point in the demo flow. Only use the start/stop typewriter actions when you're wanting to fire a typewriter that isn't immediately the next step in the guide sequence.
For live demos with non-linear flows, this article will guide you through creating a typewriter effect using custom JavaScript.