Copy and Paste Functionality in the Visiopt Editor

Overview

This Standard Operating Procedure (SOP) provides detailed instructions on how to effectively use the copy-and-paste functionality within the Visiopt editor. This guide will cover preparing variables, copying and pasting text, and handling HTML elements to ensure accuracy and efficiency during the testing setup.

Step-by-Step Instructions
 

Step 1: Introduction to Paste Functionality
 

1. Objective

·   Understand the purpose of the paste functionality in the Visiopt editor.

Step 2: Prepare Your Variables

1. Pre-Preparation

·   Pre-prepare all your variables and assets before beginning the setup in Visiopt.

·   This ensures better accuracy and speed during the testing process.

2. Use a Document

·   Prepare your headlines and variables inside a Word document, text file, or Pages document.

Step 3: Copy and Paste Text
 

1. Select and Save Headline

·   Select a headline in the Visiopt editor, name it (e.g., "headline"), and click "Save."

2. Open and Edit

·   Open the new headline section and type in the desired text.

3. Copy from Document

·   Copy the pre-prepared text from your document by pressing Ctrl+C

4. Paste in Visiopt

·   Paste the copied text into the Visiopt editor using Ctrl+V. The formatting will be maintained.

·   Click "Save."

5. Verify Changes

·   Check that the new headline appears as intended in the control version.

Step 4: Handle Advanced Variables
 

1. Advanced Preparation

·   For more advanced variables that involve changing code, prepare these in your favorite HTML editor.

2. Select Variable and Edit HTML

·   Select the variable, choose the HTML option, and open the code editor.

Step 5: Replace HTML Elements
 

1. Replace Code

·   Insert the new code, ensuring to use the exact same HTML tags as the original element.

·   Click "Save."

2. Handle Warnings

·   If you see a warning such as "HTML element mismatch," it means you cannot replace one type of HTML element with another.

3. Correct Tags

·   Ensure the new content uses the same tags as the original (e.g., if the variable is an h1 tag, the new version must also use an h1 tag).

·   Replace the content correctly and click "Save."

Step 6: Verify and Save Changes
 

1. Check New Content

·   Verify that the new content appears correctly with the exact same tags as the original element.

2. Final Save

·   Save all changes and ensure the new version is ready for testing.

Important Considerations
 

1. Pre-Preparation

·   Always pre-prepare all your variables in a simple Word document or your favorite editor.

2. Consistent Tags

·   When changing advanced variables in the HTML editor, ensure the same tags are used as the original element.

3. Validation

·   Visiopt has a built-in validator to prevent mistakes, ensuring you use the correct tags.

Conclusion

By following these steps, users can effectively use the copy-and-paste functionality within the Visiopt editor to streamline the testing setup process. This method ensures accuracy and efficiency, allowing for comprehensive testing of new elements and variables.