Training
      Back to home
      1. Point and PointCentral Knowledge Base
      2. Point of Sale
      3. Training

      7023 How to Copy HTML from a Web Browser (Zip)

      Overview

      This training provides a quick guide to extracting HTML code from webpages using browser developer tools, enabling users to inspect and copy elements for editing or troubleshooting purposes. It is perfect for technical support, web development, or training materials, detailing essential steps for effective HTML management.

       

      *THIS IS FOR EDITING EXISTING DEFAULT EMAIL TEMPLATES ONLY.

      Open the Webpage

      1. Launch your browser containing the HTML document you want to inspect.

      Open Developer Tools

      Method A — Keyboard Shortcut:

      • Windows: Press Ctrl + Shift + I
      • macOS: Press Cmd + Option + I

      Method B — Right-click:

      1. Right-click on any empty space on the screen to open the context menu and access additional options.
      2. Select Inspect or Inspect Element from the context menu.

      Locate the HTML in the Elements Tab

      1. The Developer Tools will open, typically docked to one side of your browser.
      2. The Elements or Inspector tab displays the HTML structure of the page.

       3.   Hover over elements in the HTML to see their visual highlight on the page.

      Copy Entire Element HTML Code

      1. Right-click the HTML tag in the Elements panel.
      2. Select Copy > Copy outerHTML to include the tag and its contents.
        • Includes opening and closing tags.

      Paste HTML into Your Editor

      1. Open your Zip Admin Website.
      2. Edit Emails > Edit > Source Code Icon “Ensure you are in the body of the email and not in the footer.”

        3.   Paste the copied HTML using Ctrl + V (Windows).

       4.    Click Ok.
       5.    Save or format the HTML as needed.

        6.    After completing your edits, click the Save button located at the bottom of the dialog box to          apply your changes.

        7.    Click the Save button at the bottom of the Zip Admin screen to finalize your settings

        Reloading the Default Email Templates

        Click “Set Back to Loan Default.”

        1. Within the template editor, locate the “Set Back to Loan Default” button at the bottom of the editor interface.
        2. Click the button to trigger the reset.

        Confirm Reset Action

        1. A confirmation prompt will appear.
        2. Accept the prompt to proceed with the reset.

        Summary

        This provides users with a quick, effective method for extracting HTML from web pages using built-in browser developer tools. Whether for troubleshooting, editing email templates, or instructional design, the steps outlined make HTML copying clear and accessible, ready to be applied in Zip or similar platforms with ease.