Aryel Embed is the new system to quickly integrate Surface-Tracking campaigns on your website with template previews, campaign links, and customizations.

👉 Please notice that this feature is still in Beta and for now it is available for Enterprise plans only.

To install the script, you 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 and customize settings ⌨️

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

Untitled.png

When getting the shortcode, you will have the possibility to manage some settings about it.

• Disable all gestures

• Enable/disable move

• Enable/disable rotate

• Enable/disable scale

• Enable/disable auto-rotate (when enabled you can define the desired speed to complete a full orbit)


By default the 3 main gestures (move/rotate/scale) will be enabled.

You can disable them all in one click by using the 'disable all gestures' button or disable just 1 or 2 by using the relevant checkbox.

All changes made will be reflected in real-time into the script and HTML tags fields underneath.

👉Copy scripts 💾

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

💡 Please notice: 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.

💡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.

Schermata_2022-02-02_alle_15.18.38.png

👉 Final result 🚀

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

https://aryel.io/resources/embed-3d-webar-campaigns/

Ps: With Aryel embed, you can also customize Properties and Lights of the 3D model; to discover how to do so, take a look at our guide here.

Did this answer your question?