Skip to main content

How to install

To install the script, you simply need to insert a script in the <head> of the webpages where you want to insert the shortcode. More precisely, insert the shortcode in the <body> where you want to show the 3d model.

Get shortcode

Once you have published a surface campaign, you will see “Get Shortcode” from the Actions menu in the top right corner.

Actions menu

Copy scripts

Open the modal; here, it will be possible to retrieve the 2 snippets to insert in your site's <head> and <body>.

👉 If no API Key has been generated, it will be possible to generate it from the account management page (discover more about it here). Each account can have only one API Key.

Shortcode modal

note

The API Key can be revoked at any time from your account control panel. In case it is revoked, all points where the Script tag was added must be updated.

Paste the scripts in your pages

Here’s how the 2 snippets should be inserted.

<!DOCTYPE html>
<html lang="en">
<head>
<!-- ...Your code... -->
<script
aryel-embed-loader
src="https://assets.aryel.io/embed-viewer/aryel-loader.js?apiKey=your-apiKey&v=2"
></script>
<!-- ...Your code... -->
</head>
<body>
<!-- ...Your code... -->
<aryel-embed campaign="your-campaign-id"></aryel-embed>
<!-- ...Your code... -->
</body>
</html>

Final result

Here below is an example of what it will look like. 👇