Using the HTML App in OttoKit

Need to generate HTML on the fly, pull specific bits out of an HTML page, or turn data into a clean table? The HTML Core App lets you do all of that directly in your workflows—no external tools, no manual copy-paste.

• You can include standard HTML, CSS inside <style> tags, and JavaScript inside <script> tags when generating templates.
• Note: No code is executed. The action simply returns your HTML with mapped values filled in.

Actions in the HTML Core App

1) Generate HTML Template

Create an HTML template and inject values from earlier workflow steps. The result is returned as HTML.

To generate an HTML template:

1. In your workflow, add a new action.
2. In the search bar, type HTML and select it.
3. Choose Generate HTML Template.
4. Click Continue to open the Configure tab.
5. Fill in the fields:
   • Data (required) – Paste your HTML boilerplate. You can reference fields from previous steps.
   • You may include:
     Standard HTML
     CSS inside
     JavaScript inside
   • Note: Scripts/styles are not executed; the action returns the templated HTML string.

6. Click Continue to move to the Test Step tab.
7. Click Test to render the template with your mapped values.

8. If the output looks good, click Save.
   [IMAGE HERE – Generate HTML Template Action]

2) Extract HTML Content

Extract specific values from HTML content using CSS selectors.

What it does:
You provide HTML (as a URL or raw HTML). Then, you define one or more extraction rules (key, CSS selector, and return type), with optional cleanup.

To extract HTML content:

1. In your workflow, add an action.
2. Search for HTML and select it.
3. Choose Extract HTML Content.
4. Click Continue to open the Configure tab.
5. Fill in the fields:
   • Data (required) – Provide the HTML source:
     • A File URL pointing to HTML, or
     • Raw HTML pasted directly.
   • Click Add Extraction Values for each field you want to pull:
     • Key – The name to store the extracted value under (e.g, headers).
     • CSS selector* – The selector to target (e.g., .price > strong, #order-id).
     • Return value* – One of:
       • text – The human-readable text content (default for labels, paragraphs).
       • html – The inner HTML (useful if you want markup preserved).
       • value – The value property for form inputs.
       • attribute – Returns the element’s attribute value (e.g., href, src).
     • Skip selector (optional) – Comma-separated selectors to exclude from text extraction.
   • Trim Values – Set to “True” to remove leading/trailing spaces and newlines.
   • Clean Up Text – Set to “True” to remove extra line breaks and collapse repeated spaces.

6. Click Continue to move to Test Step.
7. Click Test to run your extraction rules and view the output fields.

8. If everything looks correct, click Save.
   

3) Convert to HTML Table

Turn your content into a structured HTML table, with optional caption, smart headers, and custom styling.

To convert content to an HTML table:

1. In your workflow, add a new action.
2. Search for HTML and select it.
3. Choose Convert to HTML Table.
4. Click Continue to open the Configure tab.
5. Fill in the fields:
   • Data (required) – Provide the content to tabulate:
     • A File URL with the content, or
     • Raw HTML content
   • Click Show Optional Fields (if needed):
     • Caption – Text shown above the table (e.g., “Quarterly Sales”).
     • Capitalize Headers – Set to “True” to auto-capitalize table headers.
     • Custom Styling – Set to “True”  if you want to include a <style> block for table styles.

6. Click Continue to move to Test Step.
7. Click Test to see the generated table HTML.

8. If the table looks right, click Save.

That’s All

With the HTML Core App in OttoKit, you can generate dynamic templates, extract key values, or transform raw content into structured HTML tables — all without leaving your workflows. No more juggling external tools, copy-pasting code, or running manual cleanups.

Whether you’re building reports, pulling specific page data, or formatting results into polished tables, OttoKit makes it simple, fast, and repeatable.

Start using the HTML App today and turn your workflows into smarter, cleaner, and more flexible automation.