Copy & Autofill
Make the most of Copiqo to copy individual fields or automatically fill out complex web forms in a single click.
Goal
Learn how to use Copiqo's two core actions: Fast Copying (great for single fields like OTP codes or passwords) and Autofilling (instantly populating dozens of form fields).
---
1. Fast Copying
Fast Copying is useful when you need a single, specific value to paste into an input element.
How to Use - Click the Copy icon on the right side of any field. The value is immediately copied to your clipboard. - The clipboard icon will show a green checkmark and "Copied!" to confirm a successful transfer.
Masking Secret Fields
For sensitive data like passwords, API tokens, or secrets:
- When creating a field in Copiqo, toggle the Secret option to mask it as dots (••••••••).
- Secrets will only copy when clicked, preventing accidental exposure when sharing your screen or recording video guides.
---
2. Form Autofill
Autofilling saves you from repetitive manual typing during registration flows, checkout tests, or complex settings setup.
How it Works
When you click Autofill Record:
1. Copiqo scans the current page DOM to locate <input>, <textarea>, and <select> elements.
2. The engine maps your Copiqo field keys to HTML input elements based on this priority:
- The name attribute (e.g. <input name="email">)
- The id attribute (e.g. <input id="customer_email">)
- The placeholder text (e.g. <input placeholder="Enter email address...">)
- The autocomplete attribute (e.g. <input autocomplete="email">)
- The text contents of associated <label> tags.
3. Once a match is found, Copiqo sets the value and dispatches React/Vue/Angular synthetic events so the web application framework recognizes the change.
---
3. Dynamic Values with Faker Templates
Generate Random Data on the Fly
Copiqo integrates a placeholder generator. Use standard template tags to generate dynamic mock values during autofill:
- {{person.firstName}} -> Generates a random first name.
- {{internet.email}} -> Generates a random email address.
- {{phone.number}} -> Generates a random phone number.
---
Troubleshooting Autofill Failures
Custom UI Components
Web apps styled with custom input fields (using non-semantic <div> or <span> tags instead of HTML <input>) won't respond to standard autofill. Use Fast Copy to copy individual values instead.
Shadow DOM and Iframes Browsers restrict scripts from traversing iframes hosted on different domains or deep shadow DOM structures. For secure payment forms, copy and paste fields manually.