---
title: "Embed Job Submission Form in External Website"
slug: "embed-job-submission-form-in-external-website"
description: "In this documentation article, learn how to embed the Test Modeller job submission form in an external website."
tags: ["Test Automation", "Test Modeller", "Feature Overviews"]
updated: 2024-09-27T15:06:22Z
published: 2024-09-27T15:06:22Z
canonical: "knowledge.curiositysoftware.ie/embed-job-submission-form-in-external-website"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://knowledge.curiositysoftware.ie/llms.txt
> Use this file to discover all available pages before exploring further.

# Embed Job Submission Form in External Website

In this documentation article, learn how to embed the Quality Modeller job submission form in an external website.

[Embedded content](https://www.youtube.com/embed/4vfGZJ0fxWQ?&amp;wmode=opaque&amp;rel=0)

To embed the job submission form in an external page, first navigate to the **VIP Executor** in Quality Modeller. Here you will find all your set-up jobs.

![](https://cdn.document360.io/77f722a6-2d0a-49fa-8074-572515a6c4b8/Images/Documentation/Screenshot%202023-06-22%20112943.png)

Select a job and hit the **Blue play button**, this will open the **Job Parameters window.**

![](https://cdn.document360.io/77f722a6-2d0a-49fa-8074-572515a6c4b8/Images/Documentation/Screenshot%202023-06-22%20112956.png)

What you'll see here is that we now have a new **Embed button**, which provides you an **iframe (HTML)** code which you can add to an external website in order to embed the job submission form.

![](https://cdn.document360.io/77f722a6-2d0a-49fa-8074-572515a6c4b8/Images/Documentation/Screenshot%202023-06-22%20113025(1).png)![](https://cdn.document360.io/77f722a6-2d0a-49fa-8074-572515a6c4b8/Images/Documentation/Screenshot%202023-06-22%20113036.png)

In our example, we embed the form in a Confluence page.

![](https://cdn.document360.io/77f722a6-2d0a-49fa-8074-572515a6c4b8/Images/Documentation/Screenshot%202023-06-22%20113101.png)

The website that the form will be embedded in needs to be whitelisted in the Quality Modeller UI docker container. The domain [https://*.atlassian.net/](https://*.atlassian.net/) is whitelisted by default, but if you need to embed it somewhere else, the `ALLOWED_FRAME_ANCESTORS` environment variable on the UI container needs to be set to a space-separated list of domains, e.g.:

`ALLOWED_FRAME_ANCESTORS: "https://*.domain1.com/ https://*.domain2.com/"`

Quality Modeller is Curiosity's flow-driven model-based tool which provides a range of accelerators and connectors for building flowcharts rapidly. Align all stakeholders to quality outcomes and create critical assets early, delivering superior software at speed.

The VIP Executor section of Quality Modeller allows you to submit new jobs, and also view existing and Hopper jobs that have run or are currently running.

## Related

- [Quality Modeller 101](/test-modeller-101.md)
- [Automating Tests](/automating-and-executing-tests-in-test-modeller.md)
