# HTML Source View and Edit

{% hint style="info" %}
By using totle’s **HTML Source View feature (View in Browser)**, you can edit and modify the HTML source of your email in Outlook, regardless of the browser you are using. This feature allows you to easily see how the email will appear across different browsers and devices.
{% endhint %}

## How to Send HTML Source Email

* Click on **"New Email"** in outlook
* In the message tab, click on the **“View”** icon located on the totle section.
* From the dropdown menu, click on the **“HTML Source View”** icon.
* Once the HTML source view is activated, select all the existing code by pressing **CTRL+A then delete** it.
* **Copy the HTML code you want to send from your preferred source**.
* **Paste the HTML code into Outlook**
* After pasting the HTML code, click the **“HTML Source View”** icon once again.
* Clicking the HTML source View will open a **popup window for HTML code change and confirmation** like the image below:

<img src="/files/ijGYwbXVGLVE3TH4weqm" alt="" data-size="original">

* Click **"Yes(Y)"** to confirm the application of the HTML code, and you now can **view and send the email with the applied HTML format**.

### Source Search and Exit

* Clicking the **Find** button within the HTML editing window allows you to easily search for desired source code or keywords.&#x20;
* By clicking the **Close** button, you can cancel HTML editing and return to Outlook's default window.

<div data-full-width="true"><figure><img src="/files/bL7xVYJNUu3dFbFMoVIe" alt=""><figcaption></figcaption></figure></div>

## How to View HTML Source Email

{% tabs %}
{% tab title="HTML View: View in Browser" %}

* In the message tab, click on the **“View”** icon located on the totle section.
* From the drop down menu click on the **“View in Browser”** icon.
* Clicking “View in Browser” allows you to instantly preview how the HTML file appears in a web browser, directly within the Outlook window

{% hint style="info" %}
To utilize the **“View in Browser”** feature, you’ll need to have the **Edge WebView2 Runtime** program installed. Some users with **Windows 7** and **Windows 10** who haven’t updated their systems may not have this program installed. In this case, please follow the instructions in the popup window to [<mark style="color:blue;">**download and install the Edge WebView 2 Runtime program.**</mark>](https://developer.microsoft.com/en-us/microsoft-edge/webview2/#download-section)
{% endhint %}
{% endtab %}

{% tab title="HTML View: Mobile View" %}

* In the message tab, click on the **“View”** icon located on the totle section.
* From the drop down menu click on the **“Mobile View”** icon
* Clicking on **“Mobile View”** allows you to easily preview how the email will be displayed on various mobile devices and tablets
* By clicking the **“Rotate”** button located at the top right of the popup window, you can **preview how the email message will appear when the mobile devices or tablet is rotated.**
  {% endtab %}
  {% endtabs %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.totlelab.com/totle-docs/sending-options/html-source-view-and-edit.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.