# Self-developed H5 Plugin

## Runtime Environment

{% content-ref url="/pages/V7G4uKVUp6TmGSfartxU" %}
[Requirements](/overview/requirements.md)
{% endcontent-ref %}

***

## Plugin Method

<table data-header-hidden><thead><tr><th width="143.11163330078125"></th><th></th></tr></thead><tbody><tr><td><strong>Kivicube Version</strong></td><td><strong>Plugin Method</strong></td></tr><tr><td><strong>Free / Starter</strong></td><td><p><strong>Supports basic iframe embedding and Kivicube Web AR Plugin integration</strong></p><ul><li>Includes Splash screen and watermark</li><li>Kivicube Web AR Plugin integration: supports attributes and events, with an “Advanced API” watermark</li><li>Supports custom domain names (the domain name will be displayed on the watermark and authorization popup)</li></ul></td></tr><tr><td><strong>Pro</strong></td><td><p><strong>Supports basic iframe embedding and Kivicube Web AR Plugin integration</strong></p><ul><li>No Splash screen or watermark</li><li>Kivicube Web AR Plugin integration: supports attributes and events, with an “Advanced API” watermark</li><li>Supports custom domain names (the domain name will be displayed on the watermark and authorization popup)</li></ul></td></tr><tr><td><strong>Entreprise</strong></td><td><p></p><p><strong>Supports basic iframe embedding and Kivicube Web AR Plugin integration</strong></p><ul><li>No Splash screen or watermark</li><li>Kivicube Web AR Plugin integration: supports attributes and events, with an “Advanced API” watermark; the “Advanced API” watermark can be removed by purchasing the Web AR Plugin license</li><li>Supports custom domain names (the domain name will be displayed on the watermark and authorization popup; the watermark can be removed by purchasing a domain authorization product)</li></ul></td></tr></tbody></table>

***

## Quick Integration of the Web AR Plugin

{% content-ref url="/pages/iLaACNAtPtQh6PKKFWuf" %}
[Quick integration for Web AR Plugin](/dev/web-ar-plugin-quick-start.md)
{% endcontent-ref %}

***

## iFrame Embedding

* For Basic, Personal, and Advanced users, a “Developer Trial” watermark will appear after integration.
* Enterprise users do not have the “Developer Trial” watermark.

### Scene Embedding

Non-enterprise users can use this method to quickly integrate a Kivicube link into their own H5 page.

If you need to use more customized features, please use the Kivicube Web AR Plugin.

```html
<iframe
  src="https://www.kivicube.com/scenes/lU0kh9MnQBxa15Op5tcl3SJV53FWcSk6"
  allow="camera;"
  frameborder="0"
  width="300px"
  height="500px">
</iframe>
```

{% hint style="warning" %}
The webpage using the iframe tag (the page where your self-developed H5 is located) must run on the HTTPS protocol or be accessed via <http://localhost>.

Otherwise, the webpage inside the iframe will fail to open the camera, and a message such as “Only supported on iOS 11 and above” will appear.

It is not recommended to perform integration testing in a development environment (such as an internal network address like 192.168.x.x), unless you have correctly configured HTTPS and can access it on your mobile device.

It is recommended to deploy directly to an online environment (which must support HTTPS access) for testing.
{% endhint %}

### Collection Embedding

* Non-enterprise users can use this method to quickly integrate a Kivicube link into their own H5 page.
* If you need to use more customized features, please use the Kivicube Web AR Plugin.

```html
<iframe
  src="YOURCOLLECTIONLINK"
  allow="camera;"
  frameborder="0"
  width="300px"
  height="500px">
</iframe>
```

{% hint style="warning" %}
The webpage using the iframe tag (the page where your self-developed H5 is located) must run on the HTTPS protocol, or be accessed via <http://localhost>.

Otherwise, the webpage inside the iframe will be unable to open the camera, and a message such as “Only supported on iOS 11 and above” will appear.

It is not recommended to perform integration testing in a development environment (for example, an internal network address like 192.168.x.x) unless you have correctly configured HTTPS and can access it on your mobile device.

It is recommended to deploy directly to an online environment (which must support HTTPS access) for testing.
{% endhint %}


---

# 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-en.kivicube.com/dev/web-dev.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.